3週間でマスター Webデザインの教室CS6対応版
村谷圭一
デザインスクール授業料50万円分の内容を凝縮!未経験でもWebデザイナーになれる本
- 定価
- 2,860円(本体価格 2,600円)
- 発売日
- 2012年6月22日
- 判型/ページ数
- B5変型/320ページ(オール4C)
- ISBN
- 978-4-88337-826-5
- 備考
- DVD-ROM2枚組(Win&Mac体験版、サンプルデータ収録)
- キーワード:
- CSS / CSS3 / Dreamweaver / Fireworks / HTML / HTML5 / Illustrator / Photoshop / XHTML
学校で学ぶ授業をそのまま誌面で再現!これ1冊でだれでもWebデザイナーに!!
Webサイトを作成する過程を1から紹介し、実際に誌面に沿って進めていくことでWebデザインとコーディングを確実に学べる。HTML5やCSS3、jQuery Mobileなどの最新技術にも対応。
ソフトウェアをお持ちでない方でも安心!30日間の無料体験版で学べます。
<付属DVD-ROM2枚組みの内容>
■Macintosh版Dreamweaver CS6/Fireworks CS6/Illustrator CS6/Photoshop CS6の30日間無料体験版(機能制限なし)
■Windows版Dreamweaver CS6/Fireworks CS6/Illustrator CS6/Photoshop CS6の30日間無料体験版(機能制限なし)
■本書で使用するサンプルデータ(各種素材データ、HTML&CSSソース)
Chapter 01 Webサイトをデザインする前に
1.そもそも「デザイン」ってなに?
2.グラフィックデザインとWebデザインとではここがちがう
3.Web デザインとコーディング
4.Webデザインの現在
5.Webデザインのワークフロー
Chapter 02 FireworksでWebページのデザイン
1.Fireworksとは?
2.ページをレイアウトしよう
3.スライスと書き出し
Chapter 03 Photoshop、IllustratorでのWeb制作
1.さらに進化したPhooshop
2.パワーアップしたIllustrator
Chapter 04 DreamweaverでコーディングI(マークアップ編)
1.Dreamweaverとは?
2.マークアップとは?
3.XHTMLとは?
4.HTML5とは?
5.いよいよマークアップ
6.要素をグルーピングしよう
7.画像とリンクの設定
8.HTML5でのマークアップ
Chapter 05 DreamweaverでコーディングII(CSS編)
1.CSSとは?
2.ボックスモデルとフロートレイアウト
3.CSS3とは?
4.まず「base.css」の設定から
5.いよいよページのレイアウト
6.CSS3でのレイアウト
Chapter 06 jQueryとjQuery Mobileでワンランクアップ!
1.jQueryとは?
2.jQueryの実装
3.DreamweaverでjQuery Mobileの実装
4.FireworksでjQuery Mobileテーマのカスタマイズ
Chapter 07 納品前に動作確認をしよう
1.ブラウザーでプレビュー
正誤情報
当書籍について、現在以下の記述ミスが発見されております
当書籍について、現在以下の記述ミスが発見されております。 大変ご迷惑をおかけしますが、以下をご参照いただきますよう、よろしくお願いいたします。
P33の手順12のフォントサイズ
[誤]サイズ:39
↓
[正]サイズ:24
P43の手順8のガイドの設定
[誤]縦のガイド「50」と「275」の間で…。同様に「275」と「500」の間、「725」と「950」の間にもグループ化したテキストを複製します。
↓
[正]縦のガイド「275」と「500」の間で…。同様に「500」と「725」の間、「725」と「950」の間にもグループ化したテキストを複製します。
2012年9月4日更新
P119の手順1
[誤]「06 スライス書き出し」の⑤~⑥の設定をします。
↓
[正]「06 スライス書き出し」の⑥の設定をします。
2012年9月7日更新
P90の手順13
[誤]今ドラッグした[ビットマップ]のすぐ上にある[長方形]を選択し、[プロパティインスペクター]で[塗りのカラー]を「#FFFFFF」にします。
↓
[正][レイヤー]パネルで、配置した[ビットマップ]を「リサ・ホワイト…」と表示されているテキストレイヤーの上までドラッグします。今ドラッグした[ビットマップ]のすぐ上にある[長方形](赤い正方形のサムネール)を選択し、[プロパティインスペクター]で[塗りのカラー]を「#FFFFFF」にします。
2012年12月3日更新
P100の図2-281の赤丸の数字
[誤]丸付き数字の3、4、5
↓
[正]丸付き数字の4、5、6
2013年5月10日更新
P93の手順2の表
[誤]サイズと位置 幅:255
↓
[正]サイズと位置 幅:225
2014年1月27日更新
P68の手順11のテキストの設定
[誤]フォントファミリ:ヒラギノ明朝Pro
↓
[正]フォントファミリ:ヒラギノ角ゴPro
P129の手順4のスライス名
[誤]15 students_bottom
↓
[正]15 introduction_bottom
お問い合わせ
本書に関するお問い合わせは、下記のボタンをクリックしてお問い合わせフォームよりお問い合わせください。