メニュー

ホームページ制作コース

開講中

Webサイト制作基礎コース

Webサイト制作の基礎となる HTML / CSS を1から学習し
デザイナーがデザインしたデータを元にWebサイトの制作を行います。

目標Webサイトの基本構成を理解し静的Webサイトが制作できるようになる。
対象者
  • HTMLやCSSの未経験者、もしくは初心者向け
  • パソコンの基本操作ができる方
対象年齢高校生以上(目安ですのでご相談ください)

カリキュラム

Download
#講座項目講座内容
01オリエンテーション
  • 授業の進め方
  • 授業で使うツールについて
  • Webサイト制作学習前の基礎知識
02Webサイト構成の基本
  • HTML、CSS、Javascriptの役割
  • Visual Studio Codeエディタでの開発について
  • HTMLの基本
03HTML基本概念
  • HTMLの記述方法
  • マークアップの基礎
04HTML基本概念
  • HTMLの要素とその役割
  • 基本タグの学習
05CSS基本概念 – SNSリンク集の作成
  • CSSの基礎
  • CSSの記述方法
06CSS基本概念 – SNSリンク集の作成
  • 基本プロパティの学習
07HTML・CSS – 2カラムレイアウトサイトの作成
  • Webサイトを構成するパーツ
  • 文章構造を表すタグ
08HTML・CSS – 2カラムレイアウトサイトの作成
  • HTML構築
09HTML・CSS – 2カラムレイアウトサイトの作成
  • HTML構築
10HTML・CSS – 2カラムレイアウトサイトの作成
  • 基本タグ以外のタグの学習
  • CSSの構築
11HTML・CSS – 2カラムレイアウトサイトの作成
  • CSSの構築
12HTML・CSS – 2カラムレイアウトサイトの作成
  • CSSの構築
13HTML・CSS – SNSリンク集の応用
  • デザインの違うパターンのコーディング
14HTML・CSS – 1カラムレイアウトサイトの作成
  • サイト構築の考え方
  • HTMLの構築
15HTML・CSS – 1カラムレイアウトサイトの作成
  • HTMLの構築
16HTML・CSS – 1カラムレイアウトサイトの作成
  • HTMLの構築
17HTML・CSS – 1カラムレイアウトサイトの作成
  • HTMLの構築
  • お問い合わせフォームの作り方
18HTML・CSS – 1カラムレイアウトサイトの作成
  • CSSの構築
19HTML・CSS – 1カラムレイアウトサイトの作成
  • CSSの構築
20HTML・CSS – 1カラムレイアウトサイトの作成
  • CSSの構築
21HTML・CSS – 1カラムレイアウトサイトの作成
  • レスポンシブWebデザインについて
22HTML・CSS – 1カラムレイアウトサイトの作成
  • レスポンシブWebデザインについて
23まとめ
  • 課題チャレンジ
24まとめ
  • 課題チャレンジ
  • 全体の振り返り

Webサイト制作コースの
関連記事