|
あなたはWEBサイトを本当に「デザイン」できていますか?
WEBデザイナーがプロとして担う役割は、表面的なビジュアルのつくりこみだけではありません。ユーザーと運営主を結ぶコミュニケーションツールでもあるWEBサイトでは、ユーザーにとっての「使いやすさ」、「わかりやすさ」を常に念頭に置いてビジュアル要素を設計することが求められています。本書は、WEBサイトを本当の意味で「デザイン」するための知識とテクニックを網羅した解説書です。ページレイアウト、配色、XHTML+CSSによるコーディングといったWEBデザインの基本原則はもちろん、リッチコンテンツの制作手法、サイト設計、アクセシビリティ&ユーザビリティ、SEO、CMSなど、WEB制作に必須の業務知識も幅広く解説しています。さらに、次世代のWEB言語であるHTML5についても、近い将来に備えて知っておくべき情報と実習を盛り込んでいます。プロのWEBデザイナーから、これからWEBデザイナーを目指す人まで、WEBデザインに関わるすべての人に必携の1冊です!!
Part1 Webレイアウト
1-1 Webレイアウトの大前提 1-2 Webレイアウトの基本となる5つのパターン 1-3 Webレイアウトの5つの型① 左袖ナビゲーション型 1-4 Webレイアウトの5つの型② 上部ナビゲーション型 1-5 Webレイアウトの5つの型③ 逆L字ナビゲーション型 1-6 Webレイアウトの5つの型④ ビジュアル型 1-7 Webレイアウトの5つの型⑤ ブログ型 1-8 ジャンル別WebレイアウトINDEX① サービス系企業サイト 1-9 ジャンル別WebレイアウトINDEX② メーカー系企業サイト 1-10 ジャンル別WebレイアウトINDEX③ アパレル系企業サイト 1-11 ジャンル別WebレイアウトINDEX④ エンタメ系企業サイト 1-12 ジャンル別WebレイアウトINDEX⑤ 公共機関系サイト 1-13 ジャンル別WebレイアウトINDEX⑥ 通販サイト COLUMN レイアウトの手法「レイアウトグリッド」 Webデザイン用語集 Webレイアウト
Part2 配色材
2-1 Webデザインにおける配色の基礎とその応用 2-2 Webサイト配色スタイルINDEX COLUMN Webデザインにおける色指定 Webデザイン用語集 配色
Part3 XHTML&スタイルシート
3-1 XHTMLとCSSによるWeb制作のための基本 3-2 レンダリングエンジンとブラウザ 3-3 XHTMLによるマークアップの基本 3-4 スタイルシート利用のための基礎知識(CSS 2) 3-5 スタイルシートレイアウトの必須テクニック① レイアウトと段組みの基本 3-6 スタイルシートレイアウトの必須テクニック② 3段組みのレイアウト 3-7 スタイルシートレイアウトの必須テクニック③ 段組みレイアウトの応用 3-8 スタイルシートレイアウトの必須テクニック④
スタイルシートによる文字装飾 3-9 スタイルシートレイアウトの必須テクニック⑤
スタイルシートの設計の効率化 3-10 スタイルシートレイアウトの必須テクニック⑥
いま使えるCSS3プロパティ COLUMN 新たなマークアップ言語「HTML5」 COLUMN Webデザインとスタイルシートの関係 Webデザイン用語集 XHTML&CSS
Part4 動的なデザイン
4-1 JavaScript利用のための基本 4-2 JavaScriptライブラリを活用する 4-3 JavaScript/Ajaxフレームワークを使う 4-4 Flashを導入するための基礎知識と実践 4-5 FlashとActionScript Webデザイン用語集 動的なデザイン
Part5 HTML5
5-1 実像が見えてきた次世代のWeb言語HTML 5-2 いますぐ使えるHTML5① Canvas 5-3 いますぐ使えるHTML5② Web Storage Webデザイン用語集 HTML5
Part6 サイト構築&運用
6-1 Webデザインから見たサイト構造の基礎知識 6-2 Webサイト設計時に取り入れたい情報アーキテクチャの知識 6-3 目的別・用途別にサイト構造パターンを知る 6-4 Webアクセシビリティの基礎 6-5 Webユーザービリティのポイントを理解する 6-6 Webサイトのためのサーバ環境の基礎知識 6-7 CMSを活用してサイトの構築・運用を効率化する 6-8 ユーザーとコンテンツを引き合わせるSEOの基礎知識 COLUMN Webアクセス解析の基礎知識 Webデザイン用語集 サイト構築&運用
カスタマーレビュー(出典:amazon.co.jp)
10人中、9人の方が、「このレビューが参考になった」と投票しています。
【HTML5 CSS3】2009/12/22
By ウェブ担当

WEBレイアウトのネタ帖
ウェブ配色見本帳 実例で学ぶWebデザインの配色
ウェブデザイン見本帳 実例で学ぶWebのためのレイアウト基礎
XHTML+CSS プロが教える“本当の使い方”
JavaScript&Ajax プロが教える“本当の使い方”
Webデザイン・ルールズ Web制作に必要な最新情報&テクニック
見た目だけに頼らない本物のWebデザイン 業績アップのための最重要テクニック
|