-本日のアジェンダ-
1限目
実技 WEBデザイン実習②
RWD 対応のサイトについて
2限目
実技 WEBデザイン実習②
メディアクエリについて
3限目
実技 WEBデザイン実習②
Webページ制作実践
4限目
実技 WEBデザイン実習②
Webページ制作実践
5限目
実技 WEBデザイン実習②
本日の講義のまとめ
【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報(注記)を追記して頂いても大丈夫です。
ストーリー:とにかくグラフィックソフトを使うHTMLとCSSの理解
内容1:WEBデザインについて
内容2:予備日程
内容3:予備日程
課題:練習問題提出
【注記】
・新カリキュラム用に修正(2024/10/25:大浜)
本日のテーマ
Webページ制作実践で作成したページをRWD対応させましょう
RWD 対応のサイトについて【復習】
- 幅広デザインでの Web ページ作成
- viewport 定義の指定
- 横幅変動時のコンテンツ幅を設定
- Media Querie でデザインを整える
- 画面サイズに合わせた表示部品の導入
Webページ制作実践⑤
Webページ制作実践で作成したページをレスポンシブWebデザイン対応をさせましょう。
【資料】
カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/
レスポンシブWebデザインまで完了したファイルを下記に格納してあります。
必要に応じてダウンロードして確認してください。
「chapter5.zip」
- メディアクエリの記述
- レスポンシブWebデザインの対応
本日の課題
Webページ制作実践で作成したページのキャプチャを取得してWordPressの投稿ページに貼り付けを行いましょう。(出来たところまでで大丈夫です)