Dreamweaver CCで作るレスポンシブWebデザイン

このチャプターで学習すること

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
このチャプターでは、架空のWebページのデータを利用して、ページを構成する主要なレイアウトのレスポンシブWebデザインをコーディングしていきます。このレッスンでは、このチャプターのレッスンを通して制作していく内容について、まずは確認しておきます。
講師:
02:09

字幕

このレッスンでは Dreamweaver でレスポンシブ Web デザインを制作していくにあたってこのチャプターで学習する主要コンテンツブロックのHTML レコーディング及び各端末に向けたスタイルシートの調整についてまずはその全体の内容の確認を簡単に一緒に行っていきます。それでは早速レッスンを始めていきましょう。このチャプターの中のレッスンを通して学んでいくことそれはこのページの骨格となる主要なコンテンツブロック枠をどのようにコーディングしていくかというところになります。ページの骨格となる主要なコンテンツブロックとは例えばこちらはPC のデザインとなっていますが、例えばこちらのヘッダーそしてグローバルナビそしてメイン画像にそしてこちらの左側のコンテンツ枠そしてサイドメニュー枠そしてフッダー部分こういったサイトの中の基盤となる主要なコンテンツの枠組みのことを指します。このチャプターではこれらの枠組みについてコーディングを行っていきます。そしてもちろんレスポンシブ Web デザインですのでこういったタブレットやこういったスマートフォンのデザインにも対応していきます。ポイントとなるところはこちらですね。 こちらのコンテンツ枠の部分とサイドメニューの部分PCでは2カラムになっていますがタブレッドでは1カラムそしてスマートフォン用でもこちら1カラムになっていますね、この部分が今回のチャプターの一番のポイントです。この点を頭に入れながら以降のレッスンも続けてやっていきましょう。以上で今回のレッスンは終了です。今回はこのチャプターで学習する項目についてまずは簡単に全体の内容について確認いたしました。以降のレッスンで具体的にどのように実装していくかを解説していきますのでそちらも合わせて参考にしてみてください。

Dreamweaver CCで作るレスポンシブWebデザイン

このコースでは、レスポンシブWebデザインに対応したサイトをDreamweaverを使いながら制作する方法について解説していきます。レスポンシブWebサイトについての説明や、制作するにあたっての設計のコツ、Dreamweaverがもつ機能や使い方などを実際の制作手順に基づいて解説していきます。

3時間40分 (32 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2014年04月02日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。