11/3 実技 WEBページ制作実習②

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

■課題
左)課題作成
右)お手本

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です