HTML5+CSS3 　手を動かしてマスターする　WEBデザイン／プログラミング動画講座

Course Curriculum

Chapter 1: Section1：WEBサイトのしくみ

Lecture 1: はじめに　準備と基礎知識

Lecture 2: サイトとウエブサーバー

Lecture 3: html文書の編集方法

Lecture 4: CSSについて

Lecture 5: CSSの中身

Lecture 6: htmlとcssの関係

Chapter 2: htmlとCSSの基礎知識

Lecture 1: エディターの準備

Lecture 2: htmlとCSSの実際

Lecture 3: タグの書き方(1)

Lecture 4: タグの書き方(2)

Lecture 5: CSSの説明

Lecture 6: CSSをhtmlに適用する

Chapter 3: Test_Siteの制作

Lecture 1: HTMLの構�

Lecture 2: head要�

Lecture 3: body要�

Chapter 4: トップページの制作

Lecture 1: index.htmlの構�

Lecture 2: bodyの設定

Lecture 3: containerの配置

Lecture 4: containerのCSS設定

Lecture 5: containerの中央配置

Lecture 6: class（クラス）とid

Chapter 5: コンテンツの制作

Lecture 1: bodyの仕上げ(1)

Lecture 2: bodyの仕上げ(2)

Lecture 3: フォントの設定

Lecture 4: header, main, footerの配置

Lecture 5: header, main, footerのCSS設定

Lecture 6: headerの仕上げ

Lecture 7: Logo_areaのCSS設定

Lecture 8: Logo_areaの仕上げ

Lecture 9: Logo_areaのリンク設定

Lecture 10: バナー画像の配置

Lecture 11: Global_Naviの設定(1)

Lecture 12: Global_Naviの設定(2)

Lecture 13: Global_Naviの設定(3)

Lecture 14: Global_Naviの設定(4)

Lecture 15: パスの指定方法

Chapter 6: Side_naviの制作

Lecture 1: 画像と要素の配置

Lecture 2: Side_navi, Main_box, Banner_boxのCSS設定

Lecture 3: なぜ横一列に配置されない？

Lecture 4: Side_navi ul, liの配置

Lecture 5: Side_navi ul, liのCSS

Lecture 6: ロールオーバーのhtml設定

Lecture 7: ロールオーバーのCSS設定

Lecture 8: トップ以外のボタンのhtml設定

Lecture 9: トップ以外のボタンのCSS設定

Lecture 10: スキマはどこから？

Chapter 7: Main_boxの制作

Lecture 1: 内容の検討

Lecture 2: テキストの挿入

Lecture 3: テキストのマークアップ

Lecture 4: MainBox_itemのCSS設定

Lecture 5: MainBox_itemの仕上げ

Lecture 6: 新着情報の設定(1)

Lecture 7: 新着情報の設定(2)

Lecture 8: 新着情報の設定(3)

Lecture 9: Banner_boxの制作

Lecture 10: footerの制作

Chapter 8: corporate.htmlの制作

Lecture 1: ページの概要

Lecture 2: MainBox_subの配置とCSS設定

Lecture 3: Subpage_Titleの設定

Lecture 4: Corporate_titleの設定

Lecture 5: tableの設定(1)

Lecture 6: tableの設定(2)

Lecture 7: tableの設定(3)

Lecture 8: Side_naviの設定

Chapter 9: modelhouse.htmlの制作

Lecture 1: ページの概要

Lecture 2: ページの準備

Lecture 3: MainBox_itemの設定

Lecture 4: Item_titleの設定

Lecture 5: Item_box, Item_textの設定

Lecture 6: Side_naviの設定

Chapter 10: お問合せformページの制作

Lecture 1: ページの準備

Lecture 2: ページ内容の検討

Lecture 3: ワーヤーフレームの検討

Lecture 4: p要素の設定

Lecture 5: CSS3でグラデーションを設定

Lecture 6: labelとinput要素の配置

Lecture 7: input要素のCSS設定

Lecture 8: CSS3によるシャドウの設定

Lecture 9: メールアドレス入力部品の設定

Lecture 10: 郵便番号入力部品の設定

Lecture 11: ラジオボタンの設定

Lecture 12: チェックボックスの設定

Lecture 13: プルダウンメニューの設定

Lecture 14: 送信とリセットボタンの設定

Lecture 15: リンク先urlの設定