自分でつくるホームページ HTML / CSS編 目次
本書をご利用いただく前に
第1章 ホームページ作成の準備
STEP1 ホームページの基礎知識
1 インターネットとは
2 ホームページの構成
3 Webページのしくみ
STEP2 Webサイトを開設する
1 Webサイト開設の流れ
STEP3 Webサイトの作成の準備をする
1 Webサイト開設サービスの確認・申し込み
2 Webサイトの計画
3 題材の準備
STEP4 Webページを作成する
1 HTMLとCSS
2 Webページの作成方法
3 アクセシビリティ
STEP5 Webサイトを転送する
1 Webサイトの転送
2 表示の確認
第2章 HTMLの基本
STEP1 HTMLの基礎知識
1 HTML
2 要素とタグ
3 属性
4 ブロックレベル要素とインライン要素
STEP2 メモ帳を起動する
1 メモ帳の起動
STEP3 作成するWebページを確認する
1 作成するWebページの確認
STEP4 HTMLファイルを作成する
1 HTMLファイル
2 文書型宣言
3 基本要素
4 言語と文字コードの設定
5 タイトル
6 本文
STEP5 HTMLファイルを保存する
1 HTMLファイルの保存
2 名前を付けて保存
3 ブラウザでの確認
STEP6 HTMLファイルを編集する
1 HTMLファイルの編集
2 段落
3 改行
4 見出し
5 強調
6 署名
7 画像
第3章 CSSの基本
STEP1 CSSの基礎知識
1 CSS
2 CSSの記述方法
3 CSSの記述場所
STEP2 作成するWebページを確認する
1 作成するWebページの確認
STEP3 CSSファイルを作成する
1 CSSファイルの作成
2 CSSファイルの関連付け
STEP4 スタイルを指定する
1 色
2 フォント
3 テキスト
4 ボックス
STEP5 クラス名を利用して適用箇所を限定する
1 クラス名を利用した適用箇所の限定
2 クラス名の活用
第4章 リスト・水平線・画像の利用
STEP1 作成するWebページを確認する
1 作成するWebページの確認
STEP2 HTMLを記述する
1 HTMLファイルの確認
2 リスト
3 水平線
4 画像
STEP3 CSSを記述する
1 CSSファイルの確認
2 文字の回り込み
3 回り込みの解除
4 順不同リストのスタイル
5 定義リストのスタイル
第5章 表の利用
STEP1 作成するWebページを確認する
1 作成するWebページの確認
STEP2 HTMLを記述する
1 HTMLファイルの確認
2 表の構成
3 表の構成要素
4 枠線の太さ
5 セル間の余白
6 セル内の余白
7 項目名
8 表のタイトル
9 表の要約
10 上下のセルの結合
STEP3 CSSを記述する
1 CSSファイルの確認
2 項目名のスタイル
3 タイトルのスタイル
第6章 リンクの利用
STEP1 リンクの概要
1 リンクとアンカー
STEP2 HTMLを記述する
1 指定するリンクの確認
2 HTMLファイルの確認
3 別のWebページへのリンクの指定
4 電子メールアドレスへのリンクの指定
5 指定するリンクの確認
6 HTMLファイルの確認
7 特定の場所へのリンク
STEP3 CSSを記述する
1 CSSファイルの確認
2 リンクのスタイル
3 特定の場所へのリンクのスタイル
4 リンク画像のスタイル
第7章 制作の仕上げ
STEP1 Webサイトをチェックする
1 Webサイトのチェック
2 アクセシビリティのチェック
参考学習 フレームの利用
STEP1 フレームの概要
1 フレーム
STEP2 作成するWebページを確認する
1 作成するWebページの確認
STEP3 フレーム設定文書を作成する
1 フレーム設定文書の作成
2 フレームのアクセシビリティ
STEP4 リンクを指定する
1 指定するリンクの確認
2 リンク先の指定
付録
HTMLリファレンス
CSSリファレンス