XHTMLとCSSによるWebサイト作成 目次
本書をご利用いただく前に
第1章 Webサイトの基礎知識
STEP1 Webサイトの構成
1 Webサイトの構成
2 Webページの構成
3 Webページの公開と閲覧
STEP2 Webサイト作成の流れを確認する
1 Webサイト作成の流れ
STEP3 Webサイト開設の準備をする
1 Webサイトを公開する場所
2 独自のドメイン名の取得
STEP4 Webサイトを設計する
1 Webサイトの目的
2 ターゲットの想定
3 Webサイトのページ構成
4 ファイル名の規則
5 画面サイズ
STEP5 Webサイトの基本デザインを検討する
1 統一感のあるデザイン
2 アクセシビリティ・ユーザビリティ
STEP6 Webサイトの題材を準備する
1 題材の準備
STEP7 Webページを作成する
1 Webページの作成方法
STEP8 Webページを転送する
1 Webページの転送
第2章 XHTMLの基本
STEP1 XHTMLの基礎知識
1 XHTML
2 要素とタグ
3 属性
4 ブロックレベル要素とインライン要素
STEP2 メモ帳を起動する
1 メモ帳の起動
STEP3 作成するWeb ページを確認する
1 作成するWebページの確認
STEP4 XHTMLファイルを作成する
1 XHTMLファイル
2 XML宣言
3 文書型宣言
4 基本要素
5 名前空間
6 言語の指定
7 文字コードの指定
8 タイトル
9 本文
STEP5 XHTMLファイルを保存する
1 XHTMLファイルの保存
2 名前を付けて保存
3 ブラウザでの確認
STEP6 XHTMLファイルを編集する
1 XHTMLファイルの編集
2 段落
3 改行
4 見出し
5 強調
6 署名
7 画像
第3章 CSSの基本
STEP1 CSSの基礎知識
1 CSS
2 CSSの記述方法
STEP2 作成するWebページを確認する
1 作成するWebページの確認
STEP3 CSSファイルを作成する
1 CSSの記述場所
2 CSSファイルの作成
3 CSSファイルの関連付け
STEP4 スタイルを指定する
1 文字の色
2 背景画像
3 フォント
4 行揃えと行間
5 ボックス
6 Webページ全体の背景と文字の色
STEP5 クラス名を利用して適用箇所を限定する
1 クラス名
STEP6 グループ化してスタイルを指定する
1 グループ化
2 Webページ全体の幅
第4章 リストと回り込み
STEP1 作成するWebページを確認する
1 作成するWebページの確認
STEP2 リストを作成する
1 リスト
STEP3 回り込みとリストのスタイルを指定する
1 回り込みのスタイル
2 行頭文字の種類
第5章 表の利用
STEP1 作成するWeb ページを確認する
1 作成するWebページの確認
STEP2 表を作成する
1 表の構成
2 表の構成要素
3 項目名
4 枠線の表示
5 表のタイトル
6 表の要約
STEP3 表のスタイルを指定する
1 表のスタイル
2 表全体のスタイル
3 項目セルのスタイル
4 データセルのスタイル
5 タイトルのスタイル
第6章 リンクの利用
STEP1 リンクの概要
1 リンクとアンカー
STEP2 別のWebページへのリンクを指定する
1 指定するリンクの確認
2 別のWebページへのリンクの指定
STEP3 特定の場所へのリンクを指定する
1 指定するリンクの確認
2 特定の場所へのリンク
STEP4 電子メールアドレスへのリンクを指定する
1 指定するリンクの確認
2 電子メールアドレスへのリンクの指定
STEP5 リンクのスタイルを指定する
1 リンクのスタイル
2 リンク画像のスタイル
第7章 段組
STEP1 作成するWebページを確認する
1 作成するWebページの確認
STEP2 段組のスタイルを指定する
1 段組のスタイル
2 段組の設定
STEP3 メニューのスタイルを指定する
1 メニューのスタイル
2 リスト全体のスタイル
3 リストのスタイル
4 リンクのスタイル
5 メニューと本文のスタイルの調整
STEP4 選択しているメニューに色を付ける
1 選択しているメニューの色の指定
第8章 印刷用のCSSと古いブラウザへの対策
STEP1 作成する印刷イメージを確認する
1 作成する印刷イメージの確認
STEP2 印刷用にスタイルを指定する
1 印刷プレビューの確認
2 印刷用のCSSファイルの作成
3 印刷用のCSSファイルの関連付け
STEP3 古いブラウザへの対策
1 CSSファイルを適用しない
第9章 制作の仕上げ
STEP1 SEO対策
1 検索エンジンの重要性
2 SEO
3 SEOの具体例
STEP2 Webサイトをチェックする
1 Webサイトのチェック
2 アクセシビリティのチェック
3 いろいろなブラウザでの表示確認
総合練習
1 総合練習1
2 総合練習2
3 総合練習3