|
ここでは、「Web Site Design」 Vol.7 特集3 第2章「CSSでデザインしてみよう」の、サンプルソースを公開しています。
技術評論社トップページを例に、CSSによるデザインの流れを解説したものです。
本誌解説とあわせてご覧ください。
- テーブルレイアウトされた、技術評論社トップページ(P96）
（※2003年1月時点のデザインです。）
- 見出しの見栄えを決める：h1要素とh2要素（P101上図）
- 箇条書きの見栄えを決める（P102〜103、ヘッダエリアのリスト部分書き換え後）
- 「おすすめ新刊」と「書籍を探す」を整える：擬似段組み用にHTMLを書き換え（P105）
- 「おすすめ新刊」と「書籍を探す」を整える：CSSで段組みスタイルを設定（P106)
- 「ただいま売れています！！」を整える（P107〜108、MacIE5対策後）
サンプルHTML+CSS全部入り（LZH形式）
|
