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

このチャプターで学習するポイント

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
このチャプターでは、Webページのヘッダー部分のレスポンシブ化について、架空のWebサイトのデータを使って解説していきます。このレッスンでは、このチャプターのレッスンを通して制作していく内容について、まずは確認しておきます。
講師:
01:30

字幕

このレッスンでは Dreamweaver でレスポンシブ Web デザインを制作していくにあたってこのチャプターで学習するヘッダーコンテンツ部分の HTML コーディングおよび各端末に向けたスタイルシートの調整についてまずはその全体の内容の確認を簡単に一緒に行っていきます。それではレッスンを始めていきましょう。このチャプターのレッスンを通して学習していくことそれはこのヘッダー枠部分のHTML コーディングの仕方およびスタイルシートの調整です。もちろんレスポンシブ Web デザインですのでこちらのタブレット用そしてスマートフォン向けのレイアウトにも対応させた形でHTML コーディングと CSS コーディングをやっていきます。今回のチャプターのポイントですがこのように PC とタブレット用のデザインこちらのヘッダー枠は同じデザインになっていますね。ただしスマートフォン用になると少しデザインが変わります。この部分意識しながらこれ以降のレッスンも進めていきましょう。以上でレッスンは終了です。今回はこのチャプターで学習する項目についてまずは簡単に全体の内容について確認しました。以降のレッスンで具体的にどのように実装してくかを解説していきますのでそちらも合わせて参考にしてみてください。

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

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

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

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

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

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