LEARNING CATEGORY

Web制作を学ぶ

Webページが表示される仕組みを知り、画面を作りながら、デザインとプログラミングの接点を学びます。

学べること

  • Webページの構造と見た目を作る基本
  • リンク、画像、レイアウトなどの画面づくり
  • Webアプリ制作へ進むための土台

できるようになること

  • HTMLとCSSでWebページを作れる
  • リンク、画像、レイアウトの役割を理解できる
  • Webアプリ制作に必要な画面づくりの基礎を学べる

つまずきやすいところ

  • 見た目の調整だけに時間がかかり、構造の理解が薄くなりやすい
  • スマホとPCで表示が変わる理由につまずきやすい

キノコードでの学び方

Web制作を学ぶでは、コースのステップを順番に進めながら、作品づくり、確認問題、コミュニティ機能を組み合わせて学習します。分からないところは掲示板で相談し、タイピング広場や早押し天国で基礎力と定着を補えます。

子ども向けWeb制作、HTML・CSS入門、Webプログラミングの入口として、画面づくりからWebアプリ制作へつながる基礎を扱います。

タイピング広場で基礎力を鍛える早押し天国で知識を定着する掲示板で質問・相談する3Dアバターを設定する

代表コース

ウェブサイトを作ろう！の学習コースサムネイル

ウェブサイトを作ろう！

ウェブサイト（ホームページ）をつくるコースです！ まずは準備からはじめましょう！

このコースで学ぶこと

  1. ウェブサイト・ウェブページのしくみ
  2. 【問題】ウェブサイト・ウェブページのしくみ
  3. HTMLの書き方
  4. 【問題】ショートカットキー
  5. 【問題】HTMLの書き方
  6. 色々なタグ・ブロック要素とインライン要素
もっと見る
  1. 【問題】色々なタグ・ブロック要素とインライン要素
  2. 色々なタグ・パス
  3. 【問題】色々なタグ・パス
  4. id と class
  5. 【問題】id と class
  6. CSSの色々な書き方
  7. 【問題】CSSの色々な書き方
  8. 今まで習った内容でガンガン作っていく
  9. 【問題】今まで習った内容でガンガン作っていく
  10. グリッドレイアウト・サイト完成！
  11. 【問題】グリッドレイアウト・サイト完成！
  12. インターネットに公開する
  13. ショートカットキー
  14. 【問題】インターネットに公開する

よくある質問

Web制作では何を作りますか？

自己紹介ページ、作品紹介ページ、簡単なWebアプリにつながる画面などを作ります。

デザインも学べますか？

色、余白、配置などの基本を、実際のページづくりを通して学べます。