HTML：1カラム課題
公開日:2024年10月21日
更新日:2025年11月27日
課題
CSSの復習をしながら1カラムレイアウトを作成する課題です。
制作時間：3時間～4時間
STEP01：課題フォルダを配置
学校サーバーから課題フォルダ「osarai_onecolumn」を「HTML講座」フォルダ内にダウンロードしてください。
ダウンロードした後に「osarai_onecolumn」を「h03_XX（出席番号）」に変更してください。
例）出席番号8番「h03_08」
※1桁番号の方は0埋めしてください
STEP02：完成サイトを見ながらコーディング
完成サイトのURL：https://jobtech.jp/osarai_onecolumn/
HTML
HTML内のコメントを読みながらフォームを作成して下さい。
CSS
CSS内に問題文とヒントが記載されています。
注意点
- 完成サイトのCSSを検証ツールで確認しないでください。
- CSSのプロパティや値はChatGPT/GeminiやGoogle検索で調べながら対応しましょう。
Step03：学校サーバーにアップロード
制作フォルダを学校サーバの「h03」フォルダ内にアップロードしてください。
以上で課題終了です。
同じカテゴリーのコンテンツ
