誰でもわかる Adobe Dreamweaver CC 2015

2015リリース版のAdobe Dreamweaver CCの基本的な利用方法を学習します。スマートフォンやタブレット向けにレスポンシブデザインの実装を行いながらDreamweaver CC 2015の便利な機能紹介、webページ作成の基礎を初心者の方に向け丁寧に解説しています。

• セクション1では、画面の構成や、基本的なマークアップの方法などを学びます。作成するサンプルサイトの完成例を確認し、Dreamweaverの画面構成を学習、HTMLの基本的な要素のマークアップ操作を行い、CSSの基礎を学んで、最後にDiv要素によるグループ化を行います。テキスト情報を保ったままロゴ画像をCSSで配置する方法など、テキストを意味づけ整理を行う事で効果的に閲覧者に伝える方法がわかります。
• セクション2では、セクション1で作成した要素に対し詳細にデザインを適用する方法を学びます。CSSスタイルパネルを活用しながら、IDを追加して基本的なデザインレイアウトを行っていく中で、IDと要素を組み合わせたセレクタの設定、floatに対しclearfix等を使ったレイアウト崩れの直し方等も学び、記述を短縮するCSSのショートハンド等のCSSが理解できます。
• セクション3では、デザインの仕上げを行い、スマートフォンやタブレットでも読みやすくなるように、レスポンシブデザインを実装します。画像をレスポンシブ化し、メディアクエリーのブレークポイントの追加を行い、タブレット用、スマートフォン用のスタイル設定を行っていきます。アップロードの際に便利なクロークの設定なども行います。

映像内で使用されている演習ファイルがダウンロードできます。アプリケーションがインストールされているＰＣをお持ちの場合は、視聴しながら、あるいは視聴後に、実際のアプリケーションで操作してみましょう。