本日のテーマ
Webページを完成させましょう
1限目
学科 HTML/CSS基礎⑧
Webページ制作実践
2限目
学科 HTML/CSS基礎⑧
Webページ制作実践
3限目
学科 HTML/CSS基礎⑧
Webページ制作実践
4限目
学科 HTML/CSS基礎⑧
Webページ制作実践
5限目
学科 HTML/CSS基礎⑧
本日の講義のまとめ
横並びのレイアウトを組んでみる
htmlは基本的に縦にレイアウトが積まれていきますが、cssのプロパティを使って横並びにする事ができます。
横積みのレイアウトを組むことが出来れば、ワイヤーフレームをhtmlとcssで作成する事ができます。
htmlで表を作る
時刻表やメニュー表、カレンダー等はtableタグを使ってレイアウトを組むことが多いです。
htmlでフォームを作る
WEBサイトに設置されているお問い合わせページなどをフォームと呼びます。htmlでフォームを作る際、html単体でフォームは動きません。(別途phpなどでプログラムを組む必要があります)今回は、htmlで擬似お問い合わせフォームを作成してみましょう。
授業で修正したWebページ
与えられたWebページの一部を修正する課題でした。

<変更点>
(1) 要素の配置指定
(2) 要素の位置指定
(3)コンテンツの挿入
(4) 挿入コンテンツ指定
(5) フレックスレイアウト指定
(6)フレックスアイテムの並び順指定
(7) テーブルセルのボーダー指定
(8) テーブルセルのパディング指定
(9) テーブルセルの文字配置指定
(10) テーブル見出しの背景色指定
(11) フレックスアイテムの折り返し指定
(12) ボーダーの角の丸み指定