現場で培われたXHTML＋CSSのテクニックの解説書
『XHTML＋CSS プロが教える“本当の使い方”』発売
株式会社エムディエヌコーポレーション（本社：東京都千代田区、代表取締役社長：藤岡 功、略称：MdN）は、『XHTML＋CSS プロが教える“本当の使い方”』を発行いたしました。
『XHTML＋CSS プロが教える“本当の使い方”』
http://www.mdn.co.jp/content/view/9412/
本書はWeb制作の現場で培われたXHTML＋CSSのノウハウを、制作サンプルとともにステップ・バイ・ステップ形式で丁寧に解説したテクニック集です。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
【株式会社エムディエヌコーポレーション】
株式会社エムディエヌコーポレーションは、雑誌・書籍・イベントを通して、グラフィックデザイン、およびWebデザインのノウハウと可能性を伝える事業を展開しています。デザインとグラフィックの総合情報誌『MdN』や、プロデューサーからデザイナーまでWeb制作者に役立つ月刊誌『web creators』 、写真表現のための先端情報誌『PHOTO GRAPHICA』などの定期刊行物をはじめ、多数のデザイン関連書籍を発行しています。
URL：http://www.MdN.co.jp/
この件に関する問い合わせ先
株式会社エムディエヌコーポレーション
E-mail：info@MdN.co.jp
URL：http://www.MdN.co.jp/
News2uリリース詳細へ
