1章　HTMLの基礎

Section 01　ホームページとは

• ホームページとは
• Webページの正体
• Webページが表示される仕組み
• Webページがインターネット上に公開される仕組み
• Webページを公開するまでの流れ

Section 02　HTMLとは

• タグの構成
• HTML文書の基本構成
• 素材の利用
• 属性と値
• ハイパーリンクの設定
• HTMLのツリー構造

Section 03　XHTMLとは

• HTMLとXHTMLの違い
• XHTMLを入力するときの注意点

Section 04　HTMLを入力する

• メモ帳を起動する
• HTMLを入力する

Section 05　HTML文書を保存する

• HTML文書として保存する
• メモ帳を終了する

Section 06　Webブラウザーで確認する

• WebブラウザーでHTML文書を開く
• HTML文書を修正する

2章　基本的なページの作成

Section 07　ページの基本設定

• XHTMLの構造を理解する
• XHTMLの文書型を選択する
• ページの基本となるタグを知る
• HTML文書作成の手順を知る

Section 08　基本のタグを入力する

• XML宣言とXHTMLの文書型宣言を入力する
• html要素を入力する
• head要素，body要素を入力する

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

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

Section 10　ページを構成する要素を理解する

• ブロックレベル要素とインライン要素
• 空要素

Section 11　見出しを入力する

• 文字列に見出しを設定する

Section 12　本文を入力する

• テキストに段落を設定する

Section 13　テキストを改行する

• 段落内のテキストを強制的に改行する

Section 14　文字を強調する

• 文字列を斜体にして強調する
• 文字列を太字にして強調する

Section 15　特殊文字を表示する

• 「(c)」を表示する

Section 16　コメントを入力する

• 自身に向けた注意書きとしてコメントを入力する

Section 17　テキストを引用する

• テキストを引用して表示する

Section 18　上付き文字・下付き文字を表示する

• 上付き文字を表示する
• 下付き文字を表示する

3章　スタイルシートでページをデザイン

Section 19　スタイルシートの設定方法

• スタイルシートを利用する
• スタイルシートの書式
• スタイルシートを適用する4つの方法
• HEADセクションでページのスタイルを設定する
• style属性を利用する
• link要素で外部スタイルシートを利用する
• @importで外部スタイルシートを利用する
• 本章で解説するプロパティ

Section 20　基本的なスタイルの指定

• スタイルシートで色を指定する
• スタイルシートでのサイズ指定方法

Section 21　スタイルシートの適用ルール

• スタイルの優先順位
• スタイルの継承

Section 22　スタイルシートを別ファイルで指定する

• スタイルシートを外部スタイルシートで指定する
• @charsetで文字コードを指定する

Section 23　ページの背景色を設定する

• 背景色を設定する

Section 24　ページの余白を設定する

• ページの上と左の余白を設定する

Section 25　文字の大きさを設定する

• 見出しの文字サイズを設定する

Section 26　文字の色を変更する

• 見出しや本文の色を変更する

Section 27　フォントの種類を指定する

• 特定の文字列にフォントを指定する
• ページ全体のフォントを設定する

Section 28　見出しや段落の位置を指定する

• 見出しや段落の位置を設定する

Section 29　行の高さを設定する

• 行の高さを設定する

Section 30　文字を装飾する

• 見出しレベル1の文字列に上線と下線を引く

Section 31　文字列を斜体・太字で強調する

• 文字列を斜体と太字にする

Section 32　文字の間隔を調節する

• 文字間と単語間の調節をする

Section 33　テキストの位置を調節する

• 1行目のインデントを調節する

Section 34　疑似セレクタを使う

• :first-childを利用する
• :first-lineを利用する
• :first-letterを利用する
• :beforeと:afterを利用する

4章　画像の利用

Section 35　HTMLでの画像の利用

• 画像を表示する
• スタイルシートで画像に設定を行う
• 利用できる画像の形式

Section 36　画像を壁紙に設定する

• 画像をページの壁紙に設定する
• 壁紙に設定した画像の並び方を指定する
• 壁紙に設定した画像の位置を指定する

Section 37　画像を挿入する

• 画像を挿入する

Section 38　画像の大きさを指定する

• 画像の大きさを指定する

Section 39　画像に枠を設定する

• 画像に枠を設定する

Section 40　文字列と画像の縦の位置関係を指定する

• 文字列と画像の縦の位置関係を指定する

Section 41　文字列の回り込みを指定する

• 回り込みを指定する

Section 42　文字列の回り込みを解除する

• 文字列の回り込みを解除する

Section 43　画像の周囲の余白を設定する

• 画像の余白を設定する

5章　箇条書きや区切り線の設定

Section 44　箇条書きと区切り線の概要

• 箇条書きを作成する
• 箇条書きの表示形式を変更する
• 箇条書きの先頭にアイコン画像を表示する
• 区切り線の挿入と表示形式の変更

Section 45　箇条書きを作成する

• リストを作成する

Section 46　箇条書きの記号を変更する

• リストの記号を変更する

Section 47　番号付きの箇条書きを作成する

• 通し番号の付いたリストを作成する

Section 48　番号付きの箇条書きの表示形式を変更する

• リストの記号を変更する

Section 49　箇条書きの先頭にアイコン画像を表示する

• 箇条書きの先頭にアイコン画像を表示し，位置を設定する

Section 50　区切り線を挿入する

• 区切り線を挿入する

Section 51　区切り線の表示形式を変更する

• 区切り線の表示形式を変更する

6章　リンクの設定

Section 52　リンク設定の概要

• ページにリンクを設定する
• 電子メールを送信するためのリンクを設定する
• リンクが設定されている文字列の色を変更する

Section 53　ページ間でリンクを設定する

• 別のページへのリンクを設定する

Section 54　同一ページ内の特定部分へのリンクを設定する

• ページ内の特定部分へリンクを設定する

Section 55　別のページの指定位置へのリンクを設定する

• 別のページの指定位置へリンクを設定する

Section 56　リンク先を別ウィンドウで表示する

• リンク先を別ウィンドウで表示する

Section 57　メールアドレスへのリンクを設定する

• メールアドレスへのリンクを設定する

Section 58　リンクを示す文字列の色を変更する①

• 文字列の色を変更する

Section 59　リンクを示す文字列の色を変更する②

• リンクの状態に応じて文字列の色を指定する

7章　表の利用

Section 60　表作成の概要

• 表の構成
• 基本的な表を作成する
• 表のデザインを設定する

Section 61　表を作成する

• 表を作成する

Section 62　表の見出し行を作成する

• 表の見出しを作成する

Section 63　表の横幅を指定する

• 表の横幅のサイズを指定する

Section 64　表の位置を指定する

• 表の位置を指定する

Section 65　表のタイトルを設定する

• 表にタイトルを設定する

Section 66　表の列幅を指定する

• 表の列幅のサイズを指定する

Section 67　表の行の高さを指定する

• 表の行の高さを設定する

Section 68　セルを縦に結合する

• 縦に並んだセルを結合する

Section 69　セルを横に結合する

• 横に並んだセルを結合する

Section 70　セルどうしの間隔を設定する

• セルどうしの間隔をピクセルで指定する

Section 71　セル内の文字位置を設定する

• セルの文字列の横位置を設定する

Section 72　表の背景色や罫線を設定する

• 表全体に背景色を設定する
• 表の罫線のデザインを設定する

8章　スタイルシートでレイアウト

Section 73　ページレイアウトに必須の3系統のプロパティ

• ボックスモデルのプロパティ
• 視覚整形モデルのプロパティ
• 視覚効果のプロパティ

Section 74　divとspanでCSSを柔軟に使う

• div要素を設定する
• span要素を設定する

Section 75　ID，クラスセレクタでCSSを使う

• IDセレクタでCSSを使う
• クラスセレクタでCSSを使う

Section 76　子孫セレクタを設定する

• 子孫セレクタを設定する

Section 77　リストを横並びにする

• floatプロパティを使ってリストを横並びにする

Section 78　要素の表示方法を変更する

• displayプロパティを使ってリストを横並びにする

Section 79　ピクセル単位でページをレイアウトする

• ピクセル単位でページをレイアウトする

Section 80　スクロールバー付きのボックスを作る

• スクロールバー付きのボックスをつくる

Section 81　ページをウィンドウの中央に表示させる

• ページをウィンドウの中央に表示させる

Section 82　CSSを分割して管理する

• HTML文書には複数のCSSが指定できる
• 複数のCSSの適用方法
• CSSを分割するメリット

9章　段組の設定

Section 83　ブロックレベル要素で2段組を作る

• ブロックレベル要素でレイアウトを作成する
• 2カラムレイアウト作成の概要
• 3カラムレイアウト作成の概要
• 1～3カラムのレイアウトデザイン

Section 84　1カラムのレイアウトを作成する

• 一般的な1カラムレイアウト
• 1カラムレイアウトを作成する

Section 85　2カラムのレイアウトを作成する

• 2カラムレイアウトの概要
• 2カラムレイアウトを作成する

Section 86　3カラムのレイアウトを作成する

• 3カラムレイアウトの概要
• 3カラムレイアウトを作成する
• ブロックレベル要素の並びを変更する

10章　Webページの公開

Section 87　Webページ公開の概要

• Webサイトを開設する
• ファイルを転送する
• アクセス解析の設置と検索サイトへの登録

Section 88　ホームページスペースに登録する

• 「FC2ホームページ」に仮登録する
• 「FC2ホームページ」に本登録する

Section 89　ファイル転送ソフトをインストールする

• FFFTPをインストールする

Section 90　ファイル転送の準備を行う

• サーバーの情報を設定する
• 転送元のフォルダーを設定する

Section 91　ファイルを転送する

• ファイルをサーバーに転送する
• Webページの表示を確認する

Section 92　Webページを更新する

• パソコン内のWebページを更新する
• Webページの更新をサーバーに反映する

Section 93　アクセス解析を設置する

• Googleアカウントを取得する
• Google Analyticsを設置する
• アクセス解析を行う

Section 94　検索サイトへ登録する

• Webサイトを登録するカテゴリを選択する
• 登録に必要な情報を入力する
• 検索サイトへ登録する

付録

Appendix 01　付属CD-ROMについて

• 付属CD-ROMをCD-ROMドライブに挿入する
• 付属CD-ROMの内容
• CD-ROMに収録されているフリー素材のサイト

Appendix 02　HTML 5とは

• HTML 5とは？
• マルチメディア機能
• 追加される要素・廃止される要素

Appendix 03　Webページでの色の指定

• カラーコードで色を指定する
• 色の名前で色を指定する

Appendix 04　主要フォント一覧

Appendix 05　主な特殊文字一覧

Appendix 06　主な要素と属性

Appendix 07　スタイルシートの主なプロパティ