京都精華大学 kara-S ホーム > WEBの学校 > HTML/CSS/JavaScript入門講座「ほんきでHTML」カリキュラム詳細
HTML/CSS/JavaScript入門講座「ほんきでHTML」カリキュラム詳細
-
HTMLとは？～HTML(前編)
-
HTMLの歴史を見ながら、Webの中でHTMLが担う役割や現在のスタンダード、
今後の展望など、HTML/CSS/JavaScriptについて広く解説します。
その後はhtmlを学びながら、実際にコーディング(マークアップ)をはじめてみます。
授業内容
HTMLの歴史／HTMLの考え方・構造／HTMLタグ
-
HTML(後編)
-
１回目で学んだことを応用しながら、デザイン(見た目)を構造を意識しながら
HTMLに落とし込んで(マークアップして)いきます。
また、DreamWeaverを使った効率的なサイト管理、コーディングの方法も学びます。
授業内容
HTMLタグ(続き)／文書構造／サイト(ファイル)構造／DreamWeaverの使い方
／HTMLバリデーション
-
CSS(前編)
-
この回からWebページの見た目をつかさどる、CSSを学んでいきます。
CSSの適用方法や主なプロパティ、またリセットCSSや段組みレイアウトなど、
Web制作の現場で良く使われるテクニックなどについて、サンプルを使いながら
解説を行います。
授業内容
CSSの適用方法／スタイルの優先順位、継承／主なCSSプロパティとその使い方
／リセットCSS、など
-
CSS(後編)
-
実際のデザインを基にマークアップしたHTMLに、
CSSを当てていく演習をメインに行います。ブラウザ毎の見た目の差を少なくしたり、
HTML/CSSの実践的な確認の仕方についても学びます。
また、制作の現場で行われるようなファイル、クラスの切り分けなど、
より効率的にコーディング／管理ができるような仕組みについても学びます。
授業内容
レイアウト(二段組み、三段組み)／サムネイルを並べる／CSSハックとその使いどころ
／デバッグ
-
HTML5/CSS3
-
この回では、HTML/CSSの次のバージョンとなる、HTML5、CSS3について学習します。
今までのHTML/CSSとの違いや新しいプロパティ、
またスマートフォン向けサイトの対応や
下位ブラウザ対応についても解説します。
授業内容
HTML5で変わったところ、新要素など／CSS3で変わったところ、新要素など
／スマートフォン対応／下位ブラウザ対応／
-
JavaScript
-
６回目はJavaScriptを学習します。この回では画像のロールオーバー処理を
自分でプログラムすることで、JavaScriptの基礎を学びます。
また、ライブラリを使って簡単に様々な動きを実現できる方法も解説します。
授業内容
JavaScriptの書き方／ロールオーバー処理／JQueryとライブラリの使い方
-
JavaScript応用～作品制作
-
この回ではjQueryに代表される、JavaScriptのフレームワークや
ライブラリの組み込み方、実際の使い方について学習していきます。
また、課題作品についてもそれぞれの作品内容に合わせ、
講師が個別にアドバイスを行います。
授業内容
課題作品制作フォロー
-
作品発表
-
最終回は、受講生が制作した課題作品の発表会を行います。
実際に書いたコードを見ながら、講師や他の受講生からのフィードバックを受けます。
作品は受講生全員でシェアし、他の受講生のコードも参考にしながら、
今後の自主学習～スキルアップにつなげてください。
