-本日のアジェンダ-
1限目
実技 WEBページ制作実習②
レスポンシブ対応について
2限目
実技 WEBページ制作実習②
レスポンシブ対応について
3限目
実技 WEBページ制作実習②
WEBページ制作
4限目
実技 WEBページ制作実習②
課題制作
5限目
実技 WEBページ制作実習②
課題制作
【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報(注記)を追記して頂いても大丈夫です。
ストーリー:とにかく作る
内容1:前回オンライン座学の実践・補足
内容2:WEBページ作成
内容3:
課題:出来たものをUP
(注記)
・受講生さんの状況を見ながら「レスポンシブ対応」の実践補足をお願いいたします。
本日のテーマ
コーディングを進めましょう!
デザインカンプを忠実に再現するのがコーダーさんのお仕事です。
RWD 対応のサイトについて※再掲
- 幅広デザインでの Web ページ作成
- viewport 定義の指定
- 横幅変動時のコンテンツ幅を設定
- Media Querie でデザインを整える
- 画面サイズに合わせた表示部品の導入
本日の課題
今日できたところまでのサイトをサーバにアップしましょう