3週間でマスター　Webデザインの教室〔CS4対応版〕

村谷圭一

デザインスクール授業料５０万円分の内容を凝縮！これ１冊でだれでもデザイナーに！！企画書の書き方から実際の製作までのフローをビジュアルで紹介。３０日間無料で使える機能制限無し体験版をDVD-ROMに収録。Dreamweaver/Fireworks/Illustrator/Photoshop（すべてCS4）

定価: 2,640円（本体価格 2,400円）

発売日

2009年6月1日
判型／ページ数

B5判／278ページ
ISBN

978-4-88337-651-3
備考

DVD-ROM添付

SOLD OUT

この書籍を問い合わせる

キーワード：: Dreamweaver / Fireworks / Illustrator / Photoshop / Web / デザイン

概要
目次
正誤表・ダウンロード

■現場で役立つ企画書の書き方から実製作までのフローを紹介。誰でもWebデザイナーになれる究極ガイド!! Dereamweaver、Fireworks、Illoustrator、Photoshopといった、Webデザインの学習に必須なソフトウェア（Mac/Win両対応）の30日間無料で使える機能制限なし体験版をDVD-ROMに収録！

Chapter 01　Webデザインをはじめる前に
1　そもそも「デザイン」ってなに？
2　グラフィックとWebとではここがちがう
3　 Webデザインとコーディング
4　CMSによるWebデザイン
5　企画書の書き方
6　サイトマップ
7　ワイヤーフレーム

Chapter 02　FireworksでWebページのデザイン
1　基本はやっぱりFireworks
01 なぜFireworksなのか？
02 Fireworksの画面構成
03 全体のベースカラーを決める
04 写真の配置
05 グローバルナビゲーションボタンを作る
06 マオ氏の写真を配置する
07 ロゴを配置する
08 コンテンツ（おすすめ、お知らせ）を作成する
09 コンテンツ（バナー、フォームなど）を作成する
10 ヘッダ、フッタなどを作成する
11 ランチメニューのページ（下層ページ）を作成する

Chapter 03　デザインパーツ作成（Photoshop、Illustrator）とスライス（Fireworks）
1　あれば便利なPhotoshop
01 Photoshop CS4について 92
02 画像の切り抜き
03 レベル補正とトーンカーブ
2　ロゴ作成に最適なIllustrator
01 Illustrator CS4について
02 ロゴの作成
3　スライスと最適化
01 スライスとは？
02 最適化とは？
03 スライスしてみよう
04 最適化してみよう
05 マウスオーバーで変化するボタンを設定しよう
06 スライスを書き出そう

Chapter 04　Dreamweaverでコーディング
1　Dreamweaverとは？
01 Dreamweaverについて
02 Dreamweaverの画面構成
2　マークアップとは？
01 HTML
02 タグの基本
03 さまざまな「要素」
04 絶対URIと相対URI
3　XHTMLって？
01 XHTMLについて
02 XHTMLのタグ
03 body外の記述
4　いよいよマークアップ
01 最初にサイトを定義しよう
02 body内のマークアップ
5　　要素をグルーピングしよう
01 グルーピングでスタイル設定
6　画像とリンクの設定
01 画像の配置
02 リンクの設定

Chapter 05　DreamweaverでコーディングII（CSS編）
1　CSSとは？
01 CSSの基本
02 CSSの書式
03 セレクタの記述ルール（共通）
04 セレクタの記述ルール（個別）
05 CSSでの色と長さの単位
2　ボックス・モデルとフロートレイアウト
01 ボックス・モデル
02 フロートレイアウト
3　まず「base.css」を設定しよう
01 ブラウザ固有の表示を初期化
4　いよいよページのレイアウト I（cmn.cssの作成）
01 ページ全体の設定
02 ヘッダの設定
03 コンテンツエリア、フッタの設定
5　いよいよページのレイアウト II（index.cssの作成）
01 ヘッダとメインイメージの設定
02 メインコンテンツの設定
03 サイドコンテンツの設定
6　ランチページのレイアウト
01 「base.css」と「cmn.css」のリンク
02 「pranzo.css」の作成（メインコンテンツ）
03 「pranzo.css」の作成（サイドコンテンツ）
7　ブラウザ固有のバグとハックについて
01 Internet Explorer 6のバグ
02 CSSハック

Chapter 06　JavaScriptライブラリでワンランクアップ！
1　JavaScriptライブラリの導入
01 JavaScriptライブラリとは？
02 アルファ画像を扱う「alphafilter.js」
03 ロールオーバーを簡単に設定できる「smartRollover.js」
04 ブロックレベル要素の高さを揃える「heightLine.js」

Chapter 07　納品前に動作確認をしよう
1　ブラウザでプレビュー
01 ブラウザで動作確認