HTML講座:授業内容

HTMLの基本を学び、Webサイト/Webページを制作する際に必要となる知識を身に付けます。XHTML 1.0 Transitionalを用いた内容となります。(2011年9月現在)
Web標準に準拠したコーディングを習得して実務レベルで通用するスキルを手に入れましょう。その他Webに関連する各種技術との関連性についても言及していきます。

A.授業内容

  1. HTML講座
  2. CSS講座
  3. JavaScript講座
  4. PHP講座

B.料金

  1. 料金

HTML講座:授業内容

Webサイトをデザインするにあたっての基礎技術の一つであるマークアップ言語HTML(Hyper Text Markup Language)の習得を目指します。

1.概略

1-1インターネットの歴史と誕生の背景等の概略
1-2Webサイト構築手法の変遷について
1-3Webサイト/Webページの仕組み
1-4作業環境の準備
1-5HTMLとは?
1-6CSSとは?
1-7PHPとは?
1-8JavaScriptとは?
1-9Webで使用する画像の仕様について
1-10その他Webで使う動画フォーマット概略
1-11タグの大まかな役割
1-12Web標準とは?またそれに準拠する意義
1-13HTML5/CSS3の普及とスマートフォン

2.基本

2-1htmlの基本構造
2-2DTDについて
2-3リンクについて
2-4ブラウザ毎の表示の違いについて
2-5コメントについて
2-6特殊文字の実体宣言について
2-7要素とは?
2-8よいhtml、悪いhtmlとは

3.文章に関するタグの記述方法

3-1段落、見出しの概念
3-2改行タグ<br />について
3-3ブロック要素とインライン要素について
3-4文字の色について
3-5スクロールについて
3-6箇条書きリストの基本
3-7箇条書きリストの応用
3-8行揃えについて
3-9段落にインデントを付ける
3-10文字の太さについて
3-11<strong>について
3-12ロールオーバーについて
3-13文字の大きさの指定について

4.画像について

4-1RGBについて
4-2ファイルパスの概念
4-3画像を表示する
4-4Webページの背景画像を指定する
4-5画像のサイズを指定する
4-6画像に罫線を付ける
4-7画像とベースラインについて
4-8画像の解像度について
4-9alt属性について

5.リンケージについて

5-1絶対パスと相対パス
5-2他のページにリンクを貼る
5-3新規ページやタブにリンク先を表示させる
5-4name属性
5-5特定の位置にリンクを貼る
5-6特定のメールアドレスにリンクを貼る
5-7画像に対してリンクを貼る
5-8title属性について

6.テーブル(表)

6-1<table>の役割について
6-2表を作る
6-3セルについて
6-4name属性
6-5罫線の太さ、色、種類を指定する
6-6文字の間隔
6-7セルの間隔
6-8複数行にまたがるセル
6-9セル内の文字の位置を指定する
6-10表の背景を指定する

7.メタタグ<meta>について

7-1メタ情報とは
7-2name="" について
7-3content=""について
7-4http-equiv=""について
7-5lang=""について
7-6dir="" について
7-7meta name="keywords"の重要性
7-8meta name="description"の重要性
7-9文字コードについて
7-10検索エンジンに巡回させないようにする
7-11署名を入れる方法ほか

8.フォームについて

8-1<form action="URL">について
8-2<input type="text"> について
8-3<input type="button"> について
8-4<input type="checkbox"> について
8-5<input type="radio"> について
8-6<select><option> について

CSS講座:授業内容

授業内容。CSSとの関連性についても言及します。

1.概略

1-1CSS:スタイルシートとは?
1-2記述方法
1-3外部ファイルでビジュアル管理を一元化
1-4CSSと文字コード
1-5CSSで使用出来る単位
1-6絶対値と相対値
1-7ブラウザによる表示ずれについて
1-8インライン要素とブロック要素

2.色

2-1カラーネームによる指定
2-2RGB値での指定方法
2-3要素の背景に色を指定する
2-4ブラウザ毎の表示の違いについて
2-5文字に色を指定する
2-6リンクに色を指定する
2-7ロールオーバーに色を指定する
2-8既にクリックしたリンクに別の色を指定する

3.文字

3-1文字の色を指定する
3-2文字の大きさを指定する
3-3文字のスタイルを指定する
3-4文字の太さを指定する
3-5フォントの種類を指定する
3-6まとめて指定する方法
3-7インデントを指定する
3-8行揃えについて
3-9文字揃えを指定する
3-10文字間隔を指定する
3-11行間を指定するる

4.要素の背景に関するスタイル指定

4-1背景色を指定する
4-2要素の背景に画像を指定する
4-3背景に指定した画像の繰り返し
4-4背景画像の位置を指定する
4-5スクロール時の背景画像の挙動を指定する
4-6まとめて指定する方法

5.要素の配置に関する指定

5-1マージンとパディング
5-2マージンの指定
5-3パディングの指定

6.境界線の指定

6-1境界線を引く
6-2境界線の種類
6-3境界線の太さを指定する
6-4境界線の色を指定する
6-5まとめて指定する方法
6-6境界線の太さとレイアウト崩れ

7.リンクに関する指定(疑似クラス)

7-1未読リンクにスタイル指定する方法
7-2既読リンクにスタイル指定する方法
7-3ロールオーバー時の指定

8.箇条書きリスト

8-1マーカーの種類を指定する
8-2マーカーの位置を指定する
8-3マーカーに画像を割り当てる

9.CSSハック

8-1CSSハックとは
8-2CSSハックは最小限に
8-3IE6に対して特定のスタイル指定をする
8-4IE7に対して特定のスタイル指定をする

JavaScript講座講座:授業内容

JavaScript講座の授業内容は以下の通りです。

1.概略

1-1現在準備中
1-2現在準備中
1-3現在準備中
1-4現在準備中
1-5現在準備中
1-6現在準備中
1-7現在準備中

PHP講座:授業内容

PHP講座の授業内容は以下の通りです。

1.概略

1-1現在準備中
1-2現在準備中
1-3現在準備中
1-4現在準備中
1-5現在準備中
1-6現在準備中
1-7現在準備中

Webデザイン基礎コース:料金

入学金:¥50,000 + 授業料:¥180,000 = 合計:¥230,000(消費税込)