← クエスト一覧

クエスト25:Webページを作ろう!

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🌐 HTML & CSS / Quest 25 / 50

クエスト25:Webページを作ろう!

発展 +10 XP
🏠
今回の課題
自己紹介じこしょうかいWebページを自由じゆうにデザインしよう!(見本みほん参考さんこうにしてね)
📖 解説を見る
🏆 総合そうごうチャレンジ!完全かんぜんなWebページをつくろう!

いままでまなんだことをすべて使つかいます!

✏️ 使つか技術ぎじゅつ
・header・main・footer(セマンティックせまんてぃっくHTML)
・Flexbox / Grid(レイアウト)
・カード・ボタン(コンポーネント)
・:hover・transition(インタラクション)
・CSS変数へんすう(テーマ管理かんり

⚠️ 自由じゆうにデザインしてOK!
きなテーマ・いろ自分じぶんだけのページをつくろう!
ヒントを見る
header にナビ、main に自己紹介セクション、footer にコピーライトを書こう!
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 3 正解 レッスンに戻る

全問正解でクエストクリア!

未挑戦

問題 1: きな趣味しゅみ特技とくぎのセクションを追加ついかしよう!(自由じゆう回答かいとう

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
未挑戦

問題 2: いろのテーマをえて自分じぶんだけのデザインにしよう!(自由じゆう回答かいとう

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
未挑戦

問題 3: アニメーションやホバーエフェクトを3つ以上いじょう追加ついかしてサイトをよりゆたかにしよう!(自由じゆう回答かいとう

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
コピーしました!