本日のテーマ

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) ボーダーの角の丸み指定

コメントを残す

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