メニュー

Webサイト制作コース

Webサイト制作コース

HTML / CSS / JavaScript(jQuery)を1から学習し
デザイナーがデザインしたデータを元にWebサイトの制作を行います。

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

カリキュラム

Download
#講座項目講座内容
01オリエンテーション
  • Macの基本的な操作方法
  • Webサイト制作学習前の基礎知識
  • HTML/CSS/JavaScriptの役割
02HTML基本概念
  • Atomエディタでの開発について
  • HTMLの要素とその役割
03CSS基本概念
  • CSSの属性や値、その役割
  • HTMLでの使用方法(読み込み設定)
04インターネットへ公開
  • FTPについての知識
  • ドメインについての知識
  • Basic認証についての知識
05HTML・CSS – その1
  • head要素の役割
  • ブラウザの開発ツールの使用方法
06HTML・CSS – その2
  • Webサイトのレイアウト(アウトライン)設定
  • HTML5(セマンティック)要素についての知識
07HTML・CSS – その3
  • header要素(ロゴ/ナビゲーション)の設定
  • ヘッダー固定設定から考える要素の座標についての知識
08JavaScript – その1
  • JavaScriptのDOM操作とイベントの知識(jQuery)
  • スクロールイベントの取得
09JavaScript – その2
  • スライドショーの実装
  • jQueryのプラグインとパラメータ設定
10HTML・CSS – その4
  • リスト要素(ul/ol/li)の設定
  • 画像の表示設定
  • ハイパーリンクについての知識
11HTML・CSS – その5
  • footer要素の設定
  • GoogleMapの実装方法
  • 著作権についての知識
12JavaScript – その3
  • ページのトップへ戻るボタンの実装
  • スクロールイベントの条件分岐処理の実装
13HTML・CSS – その6
  • サイドナビゲーションの実装
  • aside要素の設定(広告など)
  • ページネーションの実装
14JavaScript – その4
  • スライドショー(複数要素スライド)の実装
  • デザイン調整方法についての知識
15JavaScript – その5
  • 画像入れ替えを行うJavaScriptを実装
  • マウスイベントについての知識
16HTML・CSS – その7
  • 詳細ページの実装
  • フォーム(form要素)の実装と仕組み
17レスポンシブWeb – その1
  • スマートフォン/タブレットでの表示
  • レスポンシブWebデザインについての知識
  • メディアクエリの知識
18レスポンシブWeb – その2
  • メディアクエリによるCSSの分岐処理についての知識
  • エミュレータの使用方法
  • ホームページのレスポンシブ化
19レスポンシブWeb – その3
  • ホームページのレスポンシブ化
20JavaScript – その6
  • ハンバーガーメニューの実装
  • JavaScriptのタッチイベントのついての知識
21レスポンシブWeb – その4
  • 一覧ページのレスポンシブ化
22レスポンシブWeb – その5
  • 詳細ページのレスポンシブ化
23レスポンシブWeb – その6
  • 全体のレイアウト調整
  • ブラウザによる違いとテストについての知識
24まとめ 

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

講師紹介

高見 和也
(メイン講師)

高見和也

株式会社まなびとの代表取締役兼エンジニア。地元SIerでシステム開発・設計の経験を元に情報系専門学校の講師に6年間従事。その後、宮崎市のIT企業にて社内教育の担当や現場のエンジニアとして働いてきました。2019年1月23日に株式会社まなびとを設立。地元に密着した企業を目指しています。

SNS
Facebook
Twitter
instagram
Webサイト
https://www.terakoya.work/

田﨑 貴大
(補助講師)

田﨑貴大

宮崎県生まれ、宮崎県育ち。地元の宮崎大学を卒業して現在は市内の某ベンチャー企業にて現役エンジニアとして従事。専門はフロントエンドですが、アプリ開発にも携わっており日々研鑽しています。わかりやすい説明を心がけて講義をしていきますのでよろしくお願いします。

SNS
Facebook
Twitter
instagram