📚 このコースで学べること
HTML & CSSコースは全50クエストで構成されています。段階的に実力がつく設計になっています。
1
HTMLの基礎(クエスト1〜20)
タグの書き方・見出し・段落・リンク・画像・リスト・テーブル・フォームなど、Webページの骨格を作る技術を習得します。
タグの書き方・見出し・段落・リンク・画像・リスト・テーブル・フォームなど、Webページの骨格を作る技術を習得します。
2
CSSの基礎(クエスト21〜35)
色・フォント・余白・ボーダーなど、見た目を整えるスタイリングの基礎を学びます。セレクタの仕組みも理解できます。
色・フォント・余白・ボーダーなど、見た目を整えるスタイリングの基礎を学びます。セレクタの仕組みも理解できます。
3
レイアウト・応用(クエスト36〜50)
FlexboxやGridを使った現代的なレイアウト技術、レスポンシブデザイン、アニメーションなどを学びます。
FlexboxやGridを使った現代的なレイアウト技術、レスポンシブデザイン、アニメーションなどを学びます。
🎯 前提知識・対象者
プログラミング経験は一切不要です。パソコンの基本操作(ファイルを開く、文字を入力するなど)ができれば大丈夫です。
「Webサイトがどうやって作られているのか知りたい」という好奇心があれば始められます。
⏱️ 学習にかかる目安期間
全50クエスト。1日1〜3クエストのペースで進めると、約1〜2ヶ月で完走できます。
集中すれば2〜3週間でも完走可能です。スライドをしっかり読んでから問題に挑戦するのがコツです。
💡 学習のコツ
- クエストを解く前にスライドを最後まで読むこと(答えのヒントが含まれています)
- エラーが出ても焦らず、ガイドブックの「エラー解決」を参照しましょう
- クリアしたら「自分でアレンジしてみる」と理解が深まります