はじめてのホームページ・ビルダー17

概 要

ホームページ・ビルダー17の使い方を初心者にもわかりやすくビジュアルに解説した入門書です。ジャストシステム社が開発・販売するホームページ・ビルダーはバージョンアップするたびに流行のインターネットサービスとの連携機能を取り入れ、WordPressというプログラムを使ったサイトを作成できる機能も取り込まれて充実したホームページを作成できるように進化してきました。本書は、ホームページ・ビルダー17の基本操作からフルCSSテンプレートやフルCSSスマートフォンテンプレートの使い方、WordPressサイトの作り方、ホームページの公開方法、TwitterやFacebookのボタン設置まで一通りの操作をわかりやすく解説しています。練習素材のダウンロードサービス付き。

著者 桑名由美
価格 本体1480円(税別)
ISBN 978-4-7980-3537-6
発売日 2012/10/31
判型 B5変
色数 4色
ページ数 280
CD/DVD
対象読者 入門
シリーズ はじめての...
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

CHAPTER1 ホームページについて理解しよう

1 インターネットとは

インターネットとは何か

インターネットを利用するには

インターネットを使ったサービス

2 ホームページのしくみを理解する

HTMLファイルとは

ホームページのHTMLソースを見るには

トップページとサブページ

3 ホームページの開設に必要なものは

ホームページの開設に必要なもの

4 ホームページを作る準備をする

ハードディスクの容量を確認する

拡張子を表示する

ホームページのテーマや構成を考える

CHAPTER2 ホームページ・ビルダーとは

5 ホームページ・ビルダー17でできること

ホームページ・ビルダーでできること

6 ホームページ・ビルダー17をインストールするには

ホームページ・ビルダー17をインストールする

7 ホームページ・ビルダー17を起動・終了するには

ホームページ・ビルダー17を起動する

ホームページ・ビルダー17を終了する

8 3つの編集スタイルを確認する

3つの編集スタイル

9 ホームページ・ビルダーの基本画面を確認する

「スタンダード」スタイルの[標準モード]

10 ホームページ・ビルダー17を使ってホームページを作る方法

「新規作成」ダイアログを開く

従来のかんたんページ作成を使うには

ページの作成方法

11 かんたんホームページ・デビューでホームページを作成するには

かんたんホームページ・デビューでホームページを作成する

12 よく使う操作を覚える

ナビメニューを開く

ビューの切り替え

画面を切り替える

ツールバーを操作する

CHAPTER3 サイトを作成しよう

13 サイトを作成するには

サイトを作成する

画像用のフォルダーを作成する

14 トップページを作成するには

白紙のページを作成する

どこでも配置モードを使うには

15 ページタイトルを設定するには

ページタイトルを設定する

ビジュアルサイトビューでページタイトルを設定する

16 背景に色を付けるには

背景色を設定する

背景色を解除する

17 サイトを閉じる・開くには

サイトを閉じる

サイトを開く

サイトを閉じずにページだけ閉じる

開いているサイトを確認する

CHAPTER4 トップページに文字や画像を配置しよう

18 レイアウトコンテナを作成するには

レイアウトコンテナを挿入する

19 タイトルロゴを作成するには

タイトルロゴを作成する

20 デジカメで撮った写真を挿入するには

画像を挿入する

画像に代替テキストを設定する

21 写真を切り抜くには

画像の必要な部分を切り抜く

22 ボタンを作成するには

リンクボタンを作成する

他のボタンを作成する

23 文章を入力するには

文字を入力する

24 コピーライトを入力するには

コピーライトを入力する

25 水平線を挿入するには

水平線を挿入する

26 文字のサイズを変更するには

文字サイズを大きくする

文字サイズを小さくする

27 文字を斜体・太字にするには

文字列を斜体にする

文字列を太字にする

28 ページを上書き保存するには

ページを上書き保存する

29 ブラウザーでプレビューするには

ブラウザーで確認する

CHAPTER5 スタイルシートを使ってトップページを仕上げよう

30 CSS(スタイルシート)とは

CSSとは何か

CSSのメリット

31 CSSファイルを作成するには

外部スタイルシートファイルを作成する

32 ページ全体のフォントの種類を設定するには

スタイルを作成する

33 内容全体を中央に配置するには

全体を囲むレイアウトコンテナを作成する

全体を中央に配置する

34 ページの背景に画像を設定するには

背景に画像を設定する

35 レイアウトコンテナに背景色を設定するには

レイアウトコンテナの背景色を設定する

36 レイアウトコンテナに余白を設定するには

レイアウトコンテナに余白を設定する

37 フッターのテキストを中央に配置させるには

テキストを中央に配置する

CSSエディターで手入力する

CHAPTER6 サブページを作成しよう

38 ページを複製するには

ページを複製する

名前を付けて保存する

39 見出しを設定するには

見出しを作成する

トップ画像のレイアウトコンテナを削除する

40 見出しにスタイルを適用するには

見出しにスタイルを適用する

41 表を作成するには

表を挿入する

42 表の中に文字を入力するには

セルに文字を入力する

CSSで表を中央に配置する

43 行や列を挿入、削除するには

行を追加する

行を削除する

44 箇条書きを作成するには

リストを挿入する

45 画像の横に文章を回り込ませるには

画像の右側に文章を追加する

回り込みを解除する

46 画像にフレームを付けるには

フォトフレームを設定する

47 ページにリンクを設定するには

サイト内の別のページにリンクする

他のホームページへリンクする

48 同じページの他の位置にリンクするには

ラベルを作成する

ラベルをリンク先に設定する

49 メールを送れるリンクを作成するには

文字列にメールのリンクを設定する

50 全体のリンクを確認するには(ビジュアルサイトビュー)

ビジュアルサイトビューでリンクを確認する

CHAPTER7 ホームページを公開しよう

51 ホームページを公開するとは

ホームページを公開するとは

転送前に必要なこと

52 転送前にサイトをチェックするには

サイトをチェックする

アクセシビリティのエラーを修正する

スペルミスを修正する

53 不要なファイルを削除するには

ビジュアルサイトビューを開く

不要なファイルを削除する

54 ファイル名を変更するには

ファイル名を変更する

55 転送の設定をするには

転送設定をする

56 サーバーへ転送するには

ファイルをサーバーへ転送する

57 サーバー上のファイルを削除するには

不要なファイルを削除する

サーバーのファイルを削除する

ファイル転送ツールを使う場合

切断する

58 サイトを削除するには

サイトを削除する

CHAPTER8 さまざまな機能を使いこなそう

59 ロールオーバーボタンを作成するには

ロールオーバー効果を設定する

ロールオーバー効果を確認する

60 オリジナルの画像を作成するには

ウェブアートデザイナーを起動する

バナーの土台を作る

写真を追加する

文字を作成する

作成したバナーをページに貼り付ける

61 動く画像を作成するには

ウェブアニメーターを起動する

バナーやボタンに動く文字を入れる

62 QRコードを挿入するには

QRコードを挿入する

63 作成したページをテンプレートとして登録するには

テンプレートとして登録する

登録したテンプレートを利用する

64 カレンダーを作成するには

カレンダーを作成する

65 PDFファイルを挿入するには

PDFファイルを挿入する

66 Excelで作成したデータをHTMLページに挿入するには

Excelのデータを挿入する

67 ページにキーワードや紹介文を設定するには

キーワードを設定する

紹介文を設定する

68 SEO対策ができているかをチェックするには

SEO対策がなされているかをチェックする

69 アクセス状況を解析するには

アクセス解析サービスを使えるように手続きする

アクセス状況を解析する

アクセス解析をする

ブラウザーでアクセス解析の結果を見る

70 検索エンジンにサイト内のページを巡回してもらうには

XMLサイトマップを作成する

ウェブマスターツールにサイトを追加する

ダウンロードしたファイルをサーバーへ転送する

XMLサイトマップをGoogleへ送信する

71 サイトマップを作るには

サイトマップを作成する

CHAPTER9 人気のWebサービスを利用しよう

72 TwitterのツイートボタンやGoogle+1ボタンを挿入するには

ツイートボタンを設置する

Google+1ボタンを挿入する

73 Facebookのいいね!ボタンを設置するには

OGPを設定する

Facebookのいいね!ボタンを設置する

74 ブログをはじめるには

ブログに申し込む

75 ブログの記事を投稿・編集するには

ブログの設定をする

記事を入力する

記事を投稿する

記事を編集する

76 ブログパーツを挿入するには

ブログパーツを挿入する

77 掲示板を設置するには

掲示板を作成する

ブラウザーで確認する

78 地図を挿入するには

地図を挿入する

地図を編集する

CHAPTER10 フルCSSテンプレートを使ってみよう

79 フルCSSテンプレートを使うには

フルCSSテンプレートのサイトを作成する

80 作成したページのデザインやレイアウトを変更するには

デザインとレイアウトを変更する

81 他のページと共通する箇所を一括で変更するには

共通部分を同期する

82 トップページの写真を入れ替えるには

トップページの写真を入れ替える

83 新たにページを追加するには

同じデザインのページを追加する

84 ページ内の写真を他の写真に変えるには

写真を変更する

85 Flashタイトルを作成するには

Flash形式のスライドショーを作成する

86 リスト項目を入れ替えるには

リスト項目の順序を入れ替える

CHAPTER11 スマートフォンサイトを作成しよう

87 新規にスマートフォンサイトを作成するには

スマートフォンサイトを作成する

88 スマートフォンサイトのデザインを変更するには

スマートフォンサイトのデザインを変更する

89 スマートフォンサイトのページを追加するには

新規ページを追加する

見出しを追加する

90 メニューやテキストを折りたたんで表示させるには

アコーディオンを設定する

携帯電話用サイトを作成するには

91 スマートフォンサイトのページにリンクを設定するには

リンクリストを作成する

92 既存のパソコンサイトからスマートフォンサイトを作成するには

既存のパソコンサイトからスマートフォンサイトを作成する

Flashタイトルを削除する

CHAPTER12 一歩進んだサイトを作成してみよう

93 WordPressサイトを作成するには

WordPressサイトを作成する

ページを切り替える

94 WordPressサイトを転送するには

WordPressサイトを転送する

ホームページ・ビルダー17の画面からダッシュボードを開くには

95 WordPressに記事を投稿するには

記事を投稿する

96 WordPressサイトを開くには

WordPressサイトを開く

97 コックピットとは

コックピットの利用を申し込む

サイトをコックピットの解析対象に設定する

PR

秀和システム