講座案内

ほんきでHTML

これからHTMLコーディングをしっかり学びたい、という初級者の方向けに、サイト制作に必要なHTML、CSS、JavaScriptの基礎を全8回、40時間の授業でしっかり身につける2ヶ月コースです。

HTML、CSS、JavaScriptをバランスよく学習していくことで、Web制作の現場で必要となる、実践的かつ適切なマークアップの手法と考え方を、授業と作品制作を通じて学ぶことができます。HTMLコーディングは初めて、という初心者の方はもちろん、過去に独学で勉強したことはあるけど、もう一度基礎からしっかり復習したい、といった方にもオススメのコースです。

講座概要

講座名 ほんきでHTML
講師 松村 慎
期間 2ヵ月間(週1回 x 8週、計40時間)14:00〜19:00(1回5時間)
店員 〜12名(最低開催人数:4名)
受講料

120,000円(税込:129,600円)

  • ※過去にクスールの他講座を受講された方は、受講生割引がございます。
  • ※分割払い、学割もございます。詳しくはお問い合わせください。


 授業の様子です。コチラ

HTML授業の様子

 受講生作品を紹介しています。コチラ
HTMLgazo

対象者

  • ・Web業界への就職/転職を考えている方
  • ・これからHTML/CSS/JavaScriptを本格的に学びたい方
  • ・独学で学んだHTML/CSS/JavaScriptの基礎部分で躓いている方
  • ・ゼロからのハンドコーディングに自身のない方
  • ・PhotoShop(Fireworks)/Illustratorの使用経験がある方
  • ・PCの作業に慣れている方

スケジュール

《日曜日開催》

カリキュラム

1週目

HTMLとは? HTML〜

HTMLの歴史を見ながら、Webの中でHTMLが担う役割や現在のスタンダード、今後の展望など、HTML/CSS/JavaScriptについて広く解説します。その後はhtmlを学びながら、実際にコーディング(マークアップ)をはじめてみます。

[授業内容]

HTMLの歴史/HTMLの考え方・構造/HTMLタグ

2週目

HTML(後編)

1回目で学んだことを応用しながら、デザイン(見た目)を構造を意識しながらHTMLに落とし込んで(マークアップして)いきます。また、Sublime Textを使った効率的なサイト管理、コーディングの方法も学びます。

[授業内容]

HTMLタグ(続き)/文書構造/サイト(ファイル)構造/Sublime Textの使い方/HTMLバリデーション

3週目

CSS(前編)

この回からWebページの見た目をつかさどる、CSSを学んでいきます。CSSの適用方法や主なプロパティ、またリセットCSSや段組みレイアウトなど、Web制作の現場で良く使われるテクニックなどについて、サンプルを使いながら解説を行います。

[授業内容]

CSSの適用方法/スタイルの優先順位、継承/主なCSSプロパティとその使い方/リセットCSS、など

4週目

CSS(後編)

引き続き、CSSの使い方について学びます。CSSは範囲が広いので覚えることも多いのですが、繰り返し自分で書いていくことで、だんだんと身についていきます。また、困った時のリファレンスの使い方についても説明します。

[授業内容]

ボックスモデル/position/角丸処理/レイアウト(二段組み、三段組み)/サムネイルを並べる、など

5週目

HTML/CSS演習

ここまでに学習した内容を総動員して、実際のデザインを基にマークアップしたHTMLに、CSSを当てていく演習をメインに行います。ブラウザ毎の見た目の差を少なくしたり、HTML/CSSの実践的な確認の仕方についても学びます。また、制作の現場で行われるようなファイル、クラスの切り分けなど、より効率的にコーディング/管理ができるような仕組みについても学びます。

[授業内容]

マークアップ演習/CSSハックとその使いどころ/デバッグ

6週目

JavaScript

6回目はJavaScriptを学習します。この回では画像のロールオーバー処理を自分でプログラムすることで、JavaScriptの基礎を学びます。また、ライブラリを使って簡単に様々な動きを実現できる方法も解説します。

[授業内容]

JavaScriptの書き方/ロールオーバー処理/jQueryとライブラリの使い方

7週目

HTML5/CSS3~作品制作

この回では、HTML/CSSの次のバージョンとなる、HTML5、CSS3について学習します。今までのHTML/CSSとの違いや新しいプロパティ、またスマートフォン向けサイトの対応や下位ブラウザ対応についても解説します。また、課題作品についてもそれぞれ講師が個別にアドバイスを行います。

[授業内容]

HTML5で変わったところ、新要素など/CSS3で変わったところ、新要素など/スマートフォン対応/下位ブラウザ対応/課題作品制作フォロー

8週目

作品発表

最終回は、受講生が制作した課題作品の発表会を行います。実際に書いたコードを見ながら、講師や他の受講生からのフィードバックを受けます。作品は受講生全員でシェアし、他の受講生のコードも参考にしながら、今後の自主学習~スキルアップにつなげてください。

※カリキュラムは、受講生の技術レベル、またはご希望により変更となる場合がございますのでご了承ください。

お申し込み・お問い合せ 03-6457-8191 随時ご相談、見学を承っております。お気軽にお問い合わせください。