XHTML+CSS プロが教える“本当の使い方”
Webデザインとグラフィックの総合情報サイト - MdN Interactive - XHTML+CSS プロが教える“本当の使い方”http://www.mdn.co.jp/content/view/9412/XHTML+CSS プロが教える“本当の使い方” MdN編集部 編B5判/264P/オールカラーISBN978-4-8443-6066-7/定価2,940円(本体2,800円+税)2カラムや3カラム、グリッドレイアウト、リキッドレイアウトといったオーソドックスなページレイアウト手法から、コーディング設計の考え方、JavaScriptやFlashと組み合わせたCSSの利用方法、テーブルや罫線、見出し、アイコンといった実践的なデザインパーツづくりまで、XHTML+CSSに関連するさまざまなテクニックを網羅【目次】■CHAPTER01 レイアウト01-01 CSSでレイアウトする2カラムデザインをつくる01-02 3カラムデザインをCSSでレイアウトする01-03 シンプルで柔軟性の高い4カラムレイアウト01-04 基本カラムの整数倍で構成するグリッドレイアウト01-05 グリッドを活用したフリーレイアウトのページをつくる01-06 行幅を抑える工夫をしたリキッドレイアウト01-07 リキッドレイアウトで内容表示領域の処理01-08 CSSを使ったグリッドフリーなリキッドレイアウト01-09 効果的な横スライドでユーザーの目線を釘付けに01-10 デザインの要となるページ背景のレイアウトを工夫する01-11 ヘッダー、フッターをウィンドウ横いっぱいに広げる01-12 文章をしっかり読ませる文字組みをつくる01-13 ベースとなる要素のスタイルをつくり込む01-14 floatを使用しないサムネイル写真とテキストのレイアウト01-15 レイアウトと組合わせる透過画像を使ったデザイン表現■CHAPTER02 ナビゲーション02-01 離れた場所をロールオーバーさせるフォトナビゲーションメニュー02-02 カテゴリーごとに枠で囲まれたサイドメニュー02-03 マウスを重ねるとリンク先を表示するナビゲーションをつくる02-04 シンプルで使いやすいパンくずリストをつくる02-05 jQueryを利用したツリー型メニューをつくる02-06 CSSだけで実装するプルダウンメニュー02-07 ロールオーバーによってナビゲーションを演出する02-08 意外と知らないフォームのデザイン手法02-09 CSSを切り替えてページ表示を変更する02-10 タブボタン形式で表示内容を切り替える■CHAPTER03 デザインパーツ03-01 フリーレイアウトのフローチャート03-02 親子関係がわかるツリー表示のサイトマップ03-03 フッターをコンテンツ下部のブラウザウィンドウに固定する03-04 スペースを取ってつくる見やすいテーブル03-05 アイコンが自動的に付くユニークなリンクをつくる03-06 表示が崩れない可読性の高い見出しをつくる03-07 テキストの有無によるヘッダーの組み方の違い03-08 アナログ感のある画像を使ったサイトデザイン03-09 画像を使わない装飾記号付きキャプション03-10 コンテンツ量の変化に適応しやすい罫線をつくる03-11 Flashをアクセントにして商品を強く印象づけるショップサイト03-12 共用構成要素の派生型を使ってサイト設計を整理する03-13 背景画像に凝ったツールチップを使う03-14 リストのマーカーを画像でアレンジする03-15 透過GIFや半透明PNGを利用した画像へのマスク効果【仕様】MdN編集部 編B5判/264P/オールカラー定価2,940円(本体2,800円+税)ISBN978-4-8443-6066-7