未経験なら完成範囲を小さくする
最初は一つのページを自分で直せることを目標にしましょう。動画を最後まで見ることと、何も見ずにページを作ることは違います。完成させた小さな作品があれば、分からない箇所を具体的に質問できます。
最初に知っておきたい役割
HTMLは見出しや段落などの構造、CSSは余白や色などの見た目を扱います。JavaScriptは動きや操作に関わりますが、最初から多くの機能を入れなくても練習はできます。画像編集やデザインを重点的に学ぶ場合も、この役割を知っておくと実装担当と話しやすくなります。
一つのページを作る4段階
- 自分で用意した文章を、見出し・段落・リストに分ける。
- 文字サイズと余白を整え、読みやすさを比べる。
- 画面幅を変え、横にはみ出す箇所を直す。
- リンク先を確認し、作品の目的と工夫を説明する。
題材は架空の教室案内や自分の学習記録などで十分です。他人のサイトの文章や写真を、そのまま自分の作品として公開しないようにします。
つまずきを切り分ける
表示が変わらないときは、保存したか、読み込むファイル名が正しいか、指定先の要素が合っているかの順で確認します。一度に多くの変更をすると原因が分かりにくいため、一箇所ずつ直し、直前の状態を残しておきましょう。
次の教材へ進む目安
見出しを追加し、余白を調整し、スマートフォンで崩れた箇所を自分で説明できたら、ページ数や機能を少しずつ増やします。分からない箇所が残ること自体は問題ではありません。教材選びで迷い続けるなら、作りたいものと困った点を紙に書き、質問できる講座が必要かを考えます。
基礎の参照先：MDNのWeb開発学習。学習順序の提案は当サイトの一般的な解説です。