アジェンダ
1限目
実技 WEBページ制作実習②
RWD 対応のサイトについて
2限目
実技 WEBページ制作実習②
メディアクエリについて
3限目
実技 WEBページ制作実習②
Webページ制作実践
4限目
実技 WEBページ制作実習②
Webページ制作実践
5限目
実技 WEBページ制作実習②
Webページ制作実践
大浜信彦先生
まとめ
スマホ対応の復習
■L12.2 レスポンシブ Web デザインの作成
https://html-css.hamaya2020.com/lesson-12.html#L12-3
Media Querie
@media screen and (max-width: 760px) { /* ヘッダ上部の隙間を削除 */
header {
margin: 0px auto;L12.2.6 画面サイズに合わせた表示部品の導入
例）トップページに戻る（back to top）の部品
jQuery 部品のダウンロード
■ P12.6.1 jQuery-1（webパーツ P12パーティクル）
https://html-css.hamaya2020.com/webparts-12.html#P12-6-1
公式サイト：jQuery（https://jquery.com/）
CDN：https://code.jquery.com/jquery-3.6.0.min.js
その他、Webパーツのいろいろ（webパーツ）
■ P12
https://html-css.hamaya2020.com/webparts-0.html
■課題
左）課題作成
右）お手本
