MdN Web Mook すべての人に知っておいてほしいWEBデザインの基本原則
エムディエヌコーポレーション / 2011年03月25日 / 全226ページ
【知っていますか? 現場で本当に必要なルールを。】
WEBデザインには不変的で基本となる原則やルール、テクニック、制作技法があるのと同時に、新しい技術や知識、テクニック、対応策も日々現れてはやむことがありません。本書は、WEBデザインにおけるそんな「いま本当に身につけておきたい重要な項目」を厳選しました。知識に不安を感じている現場のプロから、経験して日が浅い人、これから始める人まで、WEBデザインに関わるすべての人が押さえておきたい項目を一冊にまとめた必携の書です。
WEBデザインには不変的で基本となる原則やルール、テクニック、制作技法があるのと同時に、新しい技術や知識、テクニック、対応策も日々現れてはやむことがありません。本書は、WEBデザインにおけるそんな「いま本当に身につけておきたい重要な項目」を厳選しました。知識に不安を感じている現場のプロから、経験して日が浅い人、これから始める人まで、WEBデザインに関わるすべての人が押さえておきたい項目を一冊にまとめた必携の書です。
目次
- 扉
- 免責事項
- はじめに
- 目次
- 本書の使い方
- ■Chapter 1 レイアウト
- 1-01 Webデザインの心構え
- 1-02 Webレイアウトの構成要素
- 1-03 Webレイアウト基本型の5パターン
- 1-04 左袖ナビゲーション型のレイアウト
- 1-05 上部ナビゲーション型のレイアウト
- 1-06 逆L字ナビゲーション型のレイアウト
- 1-07 ビジュアル型のレイアウト
- 1-08 ブログ型のレイアウト
- Column 紙媒体のデザイン技法から学ぶWebレイアウト
- ■Chapter 2 配色
- 2-01 Webデザインにおける配色の基本
- 2-02 赤系をキーカラーにした目的別配色の基本
- 2-03 青系をキーカラーにした目的別配色の基本
- 2-04 緑系をキーカラーにした目的別配色の基本
- 扉
- 免責事項
- はじめに
- 目次
- 本書の使い方
- ■Chapter 1 レイアウト
- 1-01 Webデザインの心構え
- 1-02 Webレイアウトの構成要素
- 1-03 Webレイアウト基本型の5パターン
- 1-04 左袖ナビゲーション型のレイアウト
- 1-05 上部ナビゲーション型のレイアウト
- 1-06 逆L字ナビゲーション型のレイアウト
- 1-07 ビジュアル型のレイアウト
- 1-08 ブログ型のレイアウト
- Column 紙媒体のデザイン技法から学ぶWebレイアウト
- ■Chapter 2 配色
- 2-01 Webデザインにおける配色の基本
- 2-02 赤系をキーカラーにした目的別配色の基本
- 2-03 青系をキーカラーにした目的別配色の基本
- 2-04 緑系をキーカラーにした目的別配色の基本
- 2-05 オレンジ系をキーカラーにした目的別配色の基本
- 2-06 無彩色をキーカラーにした目的別配色の基本
- Column 色指定の方法の種類について
- ■Chapter 3 サイト設計&ユーザビリティ・アクセシビリティ
- 3-01 Web標準とは
- 3-02 Webサーバの基礎知識
- 3-03 情報の構造化
- 3-04 目的/用途別サイト構造のパターン
- 3-05 ナビゲーションとは
- 3-06 CMSの活用
- 3-07 ユーザビリティの基本
- 3-08 アクセシビリティの基本
- Column Webサイトの表示速度もユーザビリティ
- ■Chapter 4 ページ制作
- 4-01 Webサイト制作のワークフロー
- 4-02 HTMLの基本
- 4-03 CSSの基本
- 4-04 スタイルシートレイアウトのテクニック <1>覚えておきたいCSSレイアウト
- 4-05 スタイルシートレイアウトのテクニック <2>段組みの基本
- 4-06 スタイルシートレイアウトのテクニック <3>標準的な3段組みの表現(3カラムレイアウト)
- 4-07 スタイルシートレイアウトのテクニック <4>相対配置・絶対配置で表現するレイアウト
- 4-08 スタイルシートレイアウトのテクニック <5>CSSを効率的に書くために
- 4-09 ズームの効果を得られるエラスティックレイアウト
- 4-10 固定と可変を融合したハイブリッドレイアウト
- 4-11 ブラウザ対応やCSSハック
- 4-12 印刷用スタイルシートの設定
- 4-13 サイトのコンテンツ管理とCSSシグネチャ
- Column Webデザインの領域拡大とユーザビリティ
- ■Chapter 5 動的なデザイン
- 5-01 動的なデザインとは
- 5-02 動的サイトにおける画像の扱い方
- 5-03 動的サイトにおける音声の扱い方
- 5-04 動画コンテンツの扱い方
- 5-05 音楽データの扱い方
- 5-06 ストリームの扱い方
- 5-07 Flashの基本
- 5-08 ActionScriptとは
- 5-09 Flashの最新情報
- 5-10 JavaScriptの基本
- 5-11 JavaScript/Ajaxライブラリとは
- 5-12 JavaScriptの最新事例 <1>ECサイトにおける商品の透明化技法
- 5-13 JavaScriptの最新事例 <2>ページ遷移なしに入力画面を進める技法
- 5-14 JavaScriptの最新事例 <3>動きやデザインに必要な視点
- 5-15 Web APIを使ったマッシュアップ
- 5-16 さまざまなWeb API
- Column Silverlight
- ■Chapter 6 Webの最新動向
- 6-01 HTML5とCSS3
- 6-02 スマートフォン
- 6-03 電子書籍に関する最新動向について
- Column 電子書籍のリーダーアプリとユーザビリティ
- ■Chapter 7 SEO
- 7-01 SEOとは
- 7-02 SEOの基本的手法
- 7-03 アクセス解析の基本
- 7-04 アクセス解析のテクニック
- 7-05 LPO
- 7-06 SEOの注意点
- 7-07 SEOの最新動向
- さくいん
- 執筆者一覧
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。