2004年9月に発売され、2007年9月に絶版となった『XHTML+CSSで書く ホームページ構造デザインガイド(秀和システム)』の電子書籍版です。内容は基本的にオリジナル原稿のままですが、図版の一部と付録のページは省略されています。
※この本をパブーで電子書籍化する過程を紹介した『絶版の本をパブーで電子書籍化してみた by 大藤 幹』もリリースしました!
はじめに |
第1章 XHTML+CSSにすると何が変る? |
章扉 |
節扉 |
それはWired Newsからはじまった |
どうやって実現したのか? |
節扉 |
タグの付け方が根本的に変わる! |
タグの違いの具体例 |
タグを変えたらどうなるの? |
節扉 |
制作者のメリット |
ユーザーのメリット |
管理者・運営者のメリット |
第2章 XHTMLのタグを付けてみよう |
章扉 |
節扉 |
ワープロ感覚で作るとどうなるか? |
タグをつける目的 |
タグをつける手段 |
節扉 |
いきなりタグをつけてみる |
さらにタグをつけてみる |
箇条書きのタグもつけてみる |
構造を示すタグをつけてどうなったか? |
節扉 |
XHTML1.0の全体構造 |
ページを構成するパーツのタグ付け |
タグ付けのまとめ |
第3章 スタイルシートを使ってみよう |
章扉 |
節扉 |
基本的な書式 |
コメント |
節扉 |
XHTMLにCSSを組み込むための3つの方法 |
古いブラウザにCSSを適用しないようにするには? |
結局、どう組み込めばいいの? |
節扉 |
まずは色々適用してみよう |
フォントの種類と文字コードの指定 |
スタイルシートを切り替える実験 |
第4章 スタイルシートで配置してみよう |
章扉 |
節扉 |
回り込みの基本 |
テキストに回り込ませる |
節扉 |
div要素でグループ化する |
id属性やclass属性で名前をつける |
回り込みでテキストが消えるバグと対処法 |
節扉 |
段組の準備 |
簡単な2段組 |
その他の2段組 |
固定幅の2段組の仕上げ |
3段組に挑戦 |
第5章 全体をチューンナップしよう |
章扉 |
節扉 |
画像と代替テキストの確認 |
サイト全体のファイルの構成 |
body要素にidをつけよう |
節扉 |
リンク部分の状態別の指定 |
リンクの下線を点線にする |
リンクさせた画像の枠線を消す |
節扉 |
リストのマークを画像にする |
リストのマークがずれる時は背景画像を使う |
リストをナビゲーションにする |
第6章 困った時に使える便利な裏ワザ |
章扉 |
節扉 |
Windows版IE5.0〜6.0対策 |
Windows版・Mac版IE5.0〜6.0対策 |
Mac版IE5.x対策 |
節扉 |
Windows版IE5.0専用ファイルを用意する |
Windows版IE5.5専用ファイルを用意する |
Windows版IE5.0・5.5専用ファイルを用意する |
Mac版IE5.x専用ファイルを用意する |
節扉 |
裏ワザは可能な限り使わないのが基本! |