HTML・CSS・JavaScriptを使って、自分だけのWebサイトを作りながら、Web制作の基礎を学ぶコースです。
文字や画像を表示するところから始め、レイアウトやデザイン、簡単な動きを付ける方法まで学びます。後半では、自分で企画したオリジナルWebサイトの制作に挑戦します。
また、4回に1回は「復習・Webページ制作」の時間を設け、これまでに学んだ内容を使ってページを作りながら理解を深めます。
※掲載しているカリキュラムは予定です。受講者の理解度や興味に応じて、内容を調整しながら進めます。
第1〜4回 HTMLの基礎
- 第1回 Webサイトの仕組み・HTMLを書いてみよう
- 第2回 見出し・文章・画像を表示しよう
- 第3回 リンク・リスト・表を作ろう
- 第4回 復習・Webページ制作①
第5〜8回 CSSでデザインしよう
- 第5回 文字や色を変えよう
- 第6回 余白・枠線・背景を付けよう
- 第7回 レイアウトを整えよう
- 第8回 復習・Webページ制作②
第9〜12回 もっと見やすいページへ
- 第9回 Flexboxでレイアウトしよう
- 第10回 画像やボタンをデザインしよう
- 第11回 スマートフォン対応をしてみよう
- 第12回 復習・Webページ制作③
第13〜16回 JavaScriptを使ってみよう
- 第13回 JavaScriptの基本
- 第14回 ボタンをクリックして動かそう
- 第15回 簡単なアニメーションを作ろう
- 第16回 復習・Webページ制作④
第17〜20回 オリジナルWebサイト制作①
- 第17回 Webサイトを企画しよう
- 第18回 Webサイト制作①
- 第19回 Webサイト制作②
- 第20回 中間発表・改善
第21〜24回 オリジナルWebサイト制作②
- 第21回 Webサイト制作③
- 第22回 Webサイト制作④
- 第23回 Webサイトを完成させよう
- 第24回 作品発表会・ふり返り
身につく力
- HTML・CSS・JavaScriptの基礎
- Webサイトを設計・制作する力
- デザインを考える力
- 問題を解決する力
- 自分のアイデアをWebサイトとして形にする力