本書のサポートは終了しました。

基本情報

Dreamweaverの「定番」教科書シリーズに、CS6対応版の登場です。
基本は一通りわかったけれども、「もっと使いこなせるようになりたい」「もっと現場で役立つスキルを身につけたい! 」という方に最適な、本格的な入門書となっています。

本書は、「PART1 Dreamweaverを知る」(総論)、「PART2 Dreamweaverを学ぶ」(知識編)、「PART3 Dreamweaverで作る」(演習編)の3部構成になっています。
Part1では、Dreamweaverを用いたざっくりとした制作フローについて解説しています。
Part2は辞書・リファレンスとして使えるように構成してあります。調べたいこと、知りたいことからお読みいただけます。HTML5やCSS3、スマートフォンへの対応など、現在押さえておくべきトピックもきっちり解説。Part3のサンプルを実際に作成しながら、出てきたトピックを必要に応じて参照することで、より深く理解していただけると思います。
Part3では、CS6で登場した「可変グリッドレイアウト」機能を使ったレスポンシブWebデザインに取り組みます。そのほか、「Dreamweaverテンプレート」「ページの作り込み」など、実際のサイト制作で役立つカリキュラムで学習を進めていきます。また、最後にjQuery Mobileを使ったスマートフォンサイトの制作も行います。

現場のニーズとWebのトレンドを知り尽くした著者がきっちりおしえる、最高最強のDreamweaver解説書。Dreamweaverについてこれからマスターしたい人にも、Dreamweaverをより仕事に使いこなしたい人にも最適の本です。

※本書は『効率的なサイト制作のためのDreamweaverの教科書[CS5.5対応版]』(2011年9月刊)を、Dreamweaver CS6に対応させて全面改訂したものです。

はじめに

私自身、Web制作の現場に10年以上いて、今でも実際に手を動かして仕事をしていますので、Dreamweaverは、日々の作業に欠かせないアプリケーションです。
それと平行して、Dreamweaverに関するセミナーの講師を担当したり、Dreamweaverに関する書籍などを執筆してきました。その中で感じるのは、個々の機能説明よりも全体像、作業のワークフローが知りたいというニーズです。

そこで本書では3部構成にし、PART 3で実際に2つのサイトを構築する流れを解説し、ワークフローを通して学んでいただけます。
ひとつが、マルチデバイスに対応するために、同じHTMLを使いながらデバイスのサイズによって異なるCSSを読み込ませるレスポンシブWebデザインを実装するもの。もうひとつはjQuery Mobileを使ったスマートフォン専用サイトです。
また、PART 1では制作に入る準備段階からのワークフローについて解説していますので、参考にしてください。
PART 2は辞書・リファレンスとして解説していますので、PART 3で手を動かしながら必要に応じて参照してください。

Dreamweaverは、デザインビューやライブビューを通して、視覚的に確認しながら作業できるアドバンテージがあります。しかし、HTMLだけでなくCSSも、実際、裏側で行われているのはソースコードを出力する、という処理です。Dreamweaverの使い方に慣れることも重要ですが、ソースコードを理解し、作業の裏でどのようなソースコードが書かれているのかを意識しながら作業してみてください。
手間を惜しまず、たくさんのサイトのソースコードを読むことも不可欠です。

この書籍では、素晴らしいサンプルサイトをデザインし、コーディングしてくださった松田直樹さんをはじめ、多くの方々にご協力いただきました。この場を借りて感謝します。

2012年8月　鷹野雅弘

サンプルデータ（作例）

メモ

画像ファイルについて

『効率的なサイト制作のためのDreamweaverの教科書』（CS5.5対応）では素材辞典シリーズの画像を 「サンプル画像」として使用しています。

ご使用にあたって

本書籍用のウォーターマーク入りサンプル画像（以下、「本画像」という）は、素材辞典シリーズの製品と仕様が異なります。本画像のご使用にあたっては、以下の事項をご確認のうえ、ご利用ください。
本画像を営利・非営利を問わず、本書籍を用いた学習用途以外の目的にご使用になる場合は、別途、製品版の素材辞典シリーズをご購入ください。
データクラフト社は、本画像の著作権、又は使用を許諾する権利を有しています。データクラフト社は、本画像を使用した場合に発生した如何なる障害および事故等についても、一切責任を負いません。

「素材辞典」シリーズについて

素材辞典シリーズは、プロユースのハイクオリティなRFフォトコレクションです。人物を始め多彩なテーマの追求と高品質なデータは、印刷はもちろん、マルチメディア、Webデザインなど幅広い用途にご利用いただけます。
素材辞典シリーズは、webサイトにてダウンロード販売、およびCD-ROMにてご提供しています。

素材辞典シリーズはデータクラフトが運営する下記サイトからご購入頂けます。

製品情報

素材辞典、sozaijiten、iamgenavi, Datacraft は、データクラフト社の登録商標です。

正誤表

初版の正誤情報

ページ 場所 誤 正

備考
p.245 ステップ7 .concept #header nav .gNav li.gNav01 a,
.company #header nav .gNav li.gNav02 a,
.products #header nav .gNav li.gNav03 a,
.contact #header nav .gNav li.gNav04 a {
background:
border-bottom: 5px solid #f90;
}		 .concept #header nav .gNav li.gNav01 a,
.company #header nav .gNav li.gNav02 a,
.products #header nav .gNav li.gNav03 a,
.contact #header nav .gNav li.gNav04 a {
background: rgba(255,255,255,.6);
border-bottom: 5px solid #f90;
}		 background: rgba(255,255,255,.6);
が抜けています。

お知らせ

日付 お知らせ事項
   

サポート窓口

本書のサポートは終了しました。

著者プロフィール

サンプルサイトは、松田直樹がデザイン、コーディングを行いました。

鷹野 雅弘 （たかの・まさひろ）

株式会社スイッチ

Webサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、書籍の企画や編集、スクールなどのカリキュラム開発も手がける。

2005年からCSS Niteを主宰。日本全国、および海外に展開し、260回を超える関連イベントを通し、のべ36,000名を超える方が参加している。

テクニカルライターとして20冊以上の著書を持ち、総販売数は14万部を超える。主な著書に『『よくわかるDreamweaverの教科書』（共著、マイナビ）、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』（マイナビ）など。

松田直樹 （まつだ・なおき）

株式会社まぼろし

ゲーム業界にて企画開発を担当した後、Web業界に転身。
2011年より株式会社まぼろしに参加。
まぼろしのCCOとして、テーマパークの開設運営で培った企画力を生かし、デザイン・マークアップ・プログラム、また書籍・雑誌の執筆、講演といった業務を幅広く担当している。

趣味が高じて、戦国・幕末等の歴史系ライティング活動も行っている。

  • 「歴史雑談録」（http://rekishi.maboroshi.biz）

セミナー情報

次のセミナーでご紹介予定です。

日程 セミナー名 場所 有料/無料
9月4日 CSS Nite in OSAKA, Vol.33 アップルストア心斎橋 無料