特長
本書は、「ホームページ・ビルダー」シリーズの最新バージョンのテキストです。
はじめてホームページ・ビルダー16 をお使いになる方を対象に、ホームページの作成からイン
ターネットに公開するまでの方法や、スタイルシートを使ってWebサイト内のデザインを効率よく
設定する方法などをわかりやすく解説しています。
初心者でも安心！ストーリー性のある展開でホームページ作成をサポート
テキストを最初から学習するだけで、ページの作成からWebサイト公開まで一連の流れを学
べます。
ホームページに欠かせない素材作りも学習できる！
ホームページ・ビルダーに標準で添付されている画像編集ソフト「ウェブアートデザイナー」、
アニメーション作成ソフト「ウェブアニメーター」の基本的な操作方法も紹介しています。
ワンランク上の応用知識も学習できる！
本格的なデザインには欠かせないスタイルシートの使い方、どんな方にも使いやすいホーム
ページにするためのアクセシビリティの考え方やチェックの方法など幅広く学習できます。
新機能も学習できる！
簡単にスマートフォンのサイトが作成できる「フルCSSスマートフォンテンプレート」や「スマート
フォンサイトの追加 / 同期」などのホームページ・ビルダー16 の新機能を紹介しています。
総合問題で力試しができる！
総合問題を巻末に用意しています。学習内容を習得できているかどうかの力試しに利用できます。
目次
本書をご利用いただく前に
第1章 ホームページ作成の準備
STEP1 ホームページの基礎知識
STEP2 Webサイト開設の流れ
STEP3 Webサイト作成の準備
第2章 ホームページ・ビルダーの基礎知識
STEP1 ホームページ• ビルダーの概要
STEP2 ホームページ• ビルダーを起動する
STEP3 ホームページ• ビルダーの画面構成
STEP4 ホームページ• ビルダーを終了する
参考学習 コマンドの実行とヘルプ
第3章 Webサイトとトップページの作成
STEP1 ホームページの作成手順
STEP2 Webサイトとトップページを作成する
STEP3 作成するトップページを確認する
STEP4 Webページの属性を設定する
STEP5 文字を入力する
STEP6 文字に書式を設定する
STEP7 見出しを設定する
STEP8 配置を変更する
STEP9 箇条書きを設定する
STEP10 Webページを保存する
STEP11 WebページとWebサイトを閉じる
第4章 トップページの編集
STEP1 編集するトップページを確認する
STEP2 WebサイトとWebページを開く
STEP3 素材集を利用する
STEP4 オリジナルの画像を挿入する
STEP5 Webページを保存する
参考学習 壁紙を設定する
第5章 表の作成
STEP1 作成するWebページを確認する
STEP2 Webページを新規に作成する
STEP3 表を作成する
STEP4 表を編集する
STEP5 表の属性を設定する
STEP6 セルの属性を設定する
STEP7 Webページを保存する
STEP8 表を使ってWebページをレイアウトする
第6章 リンクの設定
STEP1 リンク
STEP2 別のWebページへのリンクを設定する
STEP3 WebサイトにほかのWebページを追加する
STEP4 ターゲットを指定してリンクを設定する
STEP5 同じWebページ内へのリンクを設定する
STEP6 ロールオーバー効果を設定する
STEP7 メールソフトを起動するリンクを設定する
第7章 Webサイトの管理
STEP1 Webサイト内のファイルを整理する
STEP2 Webページの不備をチェックする
STEP3 Webページの使いやすさをチェックする
STEP4 Webサイトをバックアップする
STEP5 Webサイトを転送する
参考学習 アクセス状況を調べる
第8章 SEO対策
STEP1 SEO対策
STEP2 Webページのキーワードを登録する
STEP3 XMLサイトマップを作成・登録する
STEP4 SEOチェックをする
参考学習 robots.txt を作成する
第9章 スタイルシートの利用
STEP1 スタイルシートの基礎知識
STEP2 作成するWebサイトを確認する
STEP3 Webサイトを新規作成する
STEP4 スタイルシートファイルを作成する
STEP5 スタイルシートファイルにスタイルを設定する
STEP6 ほかのWebページのスタイルを設定する
参考学習 HTMLの基礎知識
第10章 ウェブアートデザイナーの基本操作
STEP1 ウェブアートデザイナーの概要
STEP2 画像を補正・加工する
STEP3 タイトル画像を作成する
第11章 ウェブアニメーターの基本操作
STEP1 ウェブアニメーターの概要
STEP2 1枚の画像のアニメーションを作成する
参考学習 文字のアニメーションを作成する
第12章 フルCSSテンプレートの活用
STEP1 フルCSSテンプレート
STEP2 フルCSSテンプレートを使ってWebサイトを作成する
STEP3 スマートフォンページを追加する
総合問題
解答
索引
