-本日のアジェンダ-
1限目
学科 HTML/CSS基礎⑩
練習問題について
2限目
学科 HTML/CSS基礎⑩
練習問題
3限目
学科 HTML/CSS基礎⑩
練習問題
4限目
学科 HTML/CSS基礎⑩
練習問題
5限目
学科 HTML/CSS基礎⑩
本日の講義のまとめ
【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：とにかくグラフィックソフトを使うHTMLとCSSの理解
内容1：これまでの復習内容
内容2：成績考査について
内容3：
課題：なし
【注記】
・HTML/CSSの理解度を確認するために練習問題を実施してもらってください。
・練習問題の実施は、必須ではありません。実施可否は生徒に判断してもらってください。
・HTML/CSSの復習や実践問題の再確認などを実施してもらっても大丈夫です。
・動画の再生も講師が行うのではなく練習問題を実施する生徒が、各人のペースで再生してもらってください。
・次の成績考査は、作成したWebページをポートフォリオとして掲載する練習というアナウンスを実施してください。
本日のテーマ
練習問題を解いてみましょう
練習問題について
以下の練習問題は、実際のWebページ制作を対象とした練習問題になっています。各問題の進め方を動画で説明していますので各自で実施してみてください。
練習問題①：マークアップの練習
【資料】
カリキュラム資料 ダウンロード用サイト
https://samplesdl-web.com/doc/
下記のファイルをダウンロードしましょう。
「レイアウトデザイン 練習問題①.zip」
【動画】
- マークアップの練習
https://youtu.be/LB0vybRdUgA（14分21秒）
練習問題②：CSSのプロパティと値を考える
【資料】
カリキュラム資料 ダウンロード用サイト
https://samplesdl-web.com/doc/
下記のファイルをダウンロードしましょう。
「レイアウトデザイン 練習問題②.zip」
【動画】
- CSSのプロパティと値を考える
https://youtu.be/pjYoKtBqrIQ（6分54秒）
練習問題③：レイアウトを定義するCSS
【資料】
カリキュラム資料 ダウンロード用サイト
https://samplesdl-web.com/doc/
下記のファイルをダウンロードしましょう。
「レイアウトデザイン 練習問題③.zip」
【動画】
- レイアウトを定義するCSS
https://youtu.be/MeZU0DWXkbw（8分39秒）
練習問題④：Webページ運用・作成の困った問題
【資料】
カリキュラム資料 ダウンロード用サイト
https://samplesdl-web.com/doc/
下記のファイルをダウンロードしましょう。
「レイアウトデザイン 練習問題④.zip」
【動画】
- Webページ運用・作成の困った問題
https://youtu.be/7F5Z-v2rbTA（11分44秒）
本日の課題
練習問題を通して学んだことを整理しておきましょう。
WordPressの投稿ページに学んだことをまとめておくと良いです。