• Amazonで購入

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

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

著者
村谷 圭一
定価
2,592円(本体価格 2,400円)
発売日
2009年6月初版発行
判型/ページ数
B5判/278ページ
ISBN
978-4-88337-651-3
備考
DVD-ROM添付

■現場で役立つ企画書の書き方から実製作までのフローを紹介。誰でも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 ブラウザで動作確認

この書籍の購入

  • Amazonで購入する