実技　2025.11.26

授業内容

• レスポンシブ対応について
• WEBページ制作
• 課題制作

習得内容

• レスポンシブ対応について

■RWD 対応のサイトについて

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

HTML-CSS入門講座 | 情報デザイン工房　濱屋サイト　Lesson-12 RWD 対応のサイトを作りましょう
https://html-css.hamaya2020.com/lesson-12.html

• WEBページ制作

■SEO対策でコーディング側が気を付けること

• 正しいHTMLを書く
• Webページが開くまでの時間を短くする→掲載する写真を減らし、一枚一枚のデータ量を軽くする
• スマホ対応をちゃんとやる