MdNCORPORATION

XHTML+CSS プロが教える“本当の使い方”

XHTML+CSS プロが教える“本当の使い方”

MdN編集部
定価 3,080円
(本体 2,800円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2009-09-25
仕様 B5/264P
ISBN 978-4-8443-6066-7
Web制作の現場で培われたXHTML+CSSのノウハウを、制作サンプルとともにステップ・バイ・ステップ形式で丁寧に解説したテクニック集です。 2カラムや3カラム、グリッドレイアウト、リキッドレイアウトといったオーソドックスなページレイアウト手法から、コーディング設計の考え方、JavaScriptやFlashと組み合わせたCSSの利用方法、テーブルや罫線、見出し、アイコンといった実践的なデザインパーツづくりまで、XHTMl+CSSに関連するさまざまなテクニックを網羅しています。掲載サンプルをダウンロードできるので、解説を読みながら実際の動作も確認できます。プロのノウハウがしっかり身につく1冊です!!

Web制作の現場で培われたXHTML+CSSのノウハウを、制作サンプルとともにステップ・バイ・ステップ形式で丁寧に解説したテクニック集です。2カラムや3カラム、グリッドレイアウト、リキッドレイアウトといったオーソドックスなページレイアウト手法から、コーディング設計の考え方、JavaScriptやFlashと組み合わせたCSSの利用方法、テーブルや罫線、見出し、アイコンといった実践的なデザインパーツづくりまで、XHTMl+CSSに関連するさまざまなテクニックを網羅しています。掲載サンプルをダウンロードできるので、解説を読みながら実際の動作も確認できます。プロのノウハウがしっかり身につく一冊です!!


※この本の一部をご覧いただけます。
026_027.pdf【PDFダウンロード】
110_111.pdf【PDFダウンロード】
198_199.pdf【PDFダウンロード】
216_217.pdf【PDFダウンロード】



■ページ見本








目次

【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を利用した画像へのマスク効果

目的別索引
用語索引

ダウンロードデータ

contents

「XHTML+CSS プロが教える“本当の使い方”」
サンプルデータダウンロード


このたびは、「XHTML+CSS プロが教える“本当の使い方”」をお買い上げいただきまして、まことにありがとうございます。以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。



CHAPTER01  → CHAPTER01.zip
CHAPTER02  → CHAPTER02.zip
CHAPTER03  → CHAPTER03.zip



■ダウンロードにあたってのご注意■

ダウンロードファイルは、ZIP形式で圧縮されています。
Windows、Macintoshそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。
解凍したフォルダ内には、「はじめにお読みください.html」と各セクションのフォルダが収録されています。各セクションのフォルダにはHTMLファイル、CSSファイル、画像ファイル等が収録されています。

※サンプルデータは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。ただし、「jQuery」などのJavaScriptライブラリについては、各ライブラリのライセンス条件に従います。

※サンプルデータの著作権は、それぞれの制作者に帰属します。

※サンプルデータを実行した結果については、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※本書に掲載されているXHTML、CSS、JavaScriptのコメントや改行位置等は、紙面掲載用として加工していることがあります。サンプルデータとは異なる場合がありますので、あらかじめご了承ください。

※サンプルのなかには、Webサーバの機能を使用するなどの理由から、ローカル環境上では正確に動作しないものがあります。このようなサンプルの場合は、Webサーバ上に設置したうえで機能をお試しください。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊