Life is Tech ! メニュー

WEB Design Course

Webデザインコース(HTML/CSS)

一生使える技術、HTML5、CSS3、JavaScriptで動く
オリジナルWEBサイトをつくろう!

WEBデザインコース


Webデザインコースでは、最先端言語のひとつ”HTML5”や”CSS3”の他、多くのWebサイトで用いられているJavaScriptといったスクリプト言語を使って、オリジナルのWebサイトを制作します。基本中の基本ともいえるWebサイトの制作を通じて、最新の技術を習得しましょう。
Webの基本を学びたい方におすすめのコースです。
基礎講座では、HTML5が何なのかを実際のサイトの中身を知るところからはじめ、オリジナルサイトを作成します。よく使われる基本的なタグ、構造などWEB制作における重要な概念を学びます。中級講座では、CSS、JavaScriptも学び、それを応用して、動くワンランク上のサイトを制作!
はじめてパソコンを触るレベルなのか、サイト制作経験者なのかなど参加者のレベルや希望を聞いて、スタートします。

開発環境:
Bracketsを使用して、HTML/CSS/JavaScriptという言語で開発をします。
※キャンプ・スクールにお持ち込みするPCの環境設定は をご覧ください。

こんな人におすすめ!

自分だけのWEBサイトをつくってみたい人!最新のWEBデザインのテクニックを抑えておきたい人!

講座内容

基礎講座

受講レベル:キャンプ参加はじめて〜2回目)基礎講座で学んだことを用いてオリジナルサイトを公開までしよう!

基礎講座STEP1

WEBはじめの一歩

HTML5やJavaScriptを用いた様々なウェブサイトのソースコードを見たあと、htmlファイルを実際に作成します。

基礎講座STEP2

HTML5入門

もう少し詳しくWEBサイトの構造や、htmlのタグを学びます。htmlのみでデザイン性のあるサイトをつくり、デザインと情報を分けることの重要性についても考えます。

基礎講座STEP3

CSS3を使おう!

前にHTMLで制作したものをCSSで制作し直してみます。CSSの便利さに驚くはずです。

応用講座

受講レベル:キャンプ参加2回〜4回目
ワンランク上のオリジナルサイトを公開しよう!

応用講座STEP1

JavaScriptを学ぼう

JavaScriptができること、定期的な切り替え方法、外部ライブラリjQueryについて学ぶ。

応用講座STEP2

ワンランクアップサイトを目指そう!

レンタルサーバー、独自ドメインの設定などオリジナルWEBサイトの本格的なサーバーアップやユーザビリティについて学びます。

タイムスケジュール例

5days スケジュール例

DAY カリキュラム
1 AM:ウェブサイトの仕組み
PM:HTML5の基本
2 CSS3を使おう
3 オリジナルサイト制作
4 オリジナルサイト制作
5 AM:仕上げ
PM:発表会