学べること
- Webページの構造と見た目を作る基本
- リンク、画像、レイアウトなどの画面づくり
- Webアプリ制作へ進むための土台
LEARNING CATEGORY
Web制作を学ぶ
Webページが表示される仕組みを知り、画面を作りながら、デザインとプログラミングの接点を学びます。
関連カテゴリ
できるようになること
- HTMLとCSSでWebページを作れる
- リンク、画像、レイアウトの役割を理解できる
- Webアプリ制作に必要な画面づくりの基礎を学べる
つまずきやすいところ
- 見た目の調整だけに時間がかかり、構造の理解が薄くなりやすい
- スマホとPCで表示が変わる理由につまずきやすい
キノコードでの学び方
Web制作を学ぶでは、コースのステップを順番に進めながら、作品づくり、確認問題、コミュニティ機能を組み合わせて学習します。分からないところは掲示板で相談し、タイピング広場や早押し天国で基礎力と定着を補えます。
子ども向けWeb制作、HTML・CSS入門、Webプログラミングの入口として、画面づくりからWebアプリ制作へつながる基礎を扱います。
Webの学習ロードマップ
Web制作は、HTMLやCSSでページの構造と見た目を作りながら、インターネット上のサービスがどのように表示されるかを理解できる分野です。キノコードでは子ども向けWeb制作の入口として、画面づくりからWebアプリ制作につながる基礎を扱います。
- STEP 1 HTMLでページの構造を作り、見出し、文章、画像、リンクの役割を確認します。
- STEP 2 CSSで余白、色、レイアウトを調整し、スマホとパソコンの見え方を比べます。
- STEP 3 JavaScriptや公開時の注意点へ進み、Webアプリ制作の入口を学びます。
代表コース
現在、このカテゴリの公開コースを準備中です。
よくある質問
Web制作では何を作りますか？
自己紹介ページ、作品紹介ページ、簡単なWebアプリにつながる画面などを作ります。
デザインも学べますか？
色、余白、配置などの基本を、実際のページづくりを通して学べます。
HTMLとCSSだけでなくJavaScriptも学びますか？
まずHTMLとCSSで構造と見た目を理解し、必要に応じてJavaScriptで動きや入力処理へ進みます。
スマホでも見やすいページを作れますか？
画面幅によって並びや余白を変える考え方を学び、スマホとパソコンの見え方の違いを確認します。
作ったページを公開するときの注意点も学べますか？
公開してよい情報、画像や文章の扱い、個人情報を載せないことなど、安全に作品を見せるための注意点も扱います。