実技 WEBページ制作実習②

-本日のアジェンダ-

1限目
実技 WEBページ制作実習②
レスポンシブ対応について

2限目
実技 WEBページ制作実習②
レスポンシブ対応について

3限目
実技 WEBページ制作実習②
WEBページ制作

4限目
実技 WEBページ制作実習②
課題制作

5限目
実技 WEBページ制作実習②
課題制作


本日のテーマ

コーディングを進めましょう!

デザインカンプを忠実に再現するのがコーダーさんのお仕事です。

RWD 対応のサイトについて※再掲

  • 幅広デザインでの Web ページ作成
  • viewport 定義の指定
  • 横幅変動時のコンテンツ幅を設定
  • Media Querie でデザインを整える
  • 画面サイズに合わせた表示部品の導入

本日の課題

今日できたところまでのサイトをサーバにアップしましょう