第3回HTML講座

第3回HTML講座は2月27日（木）、14名参加のもと、同好会本部で開催しました。この勉強会で使用するテキストは、「速習WebデザインHTML&スタイルシート（改定第3版）」（（株）技術評論社発行、栗原明則著）を採用しています。今回はスタイルシートを使ったテキストデザインの勉強です。大越講師よりTeraPadに「HTML Editor with TeraPad」を取り込んで、タグ挿入を容易にする方法の紹介と、TeraPadを使った説明があり、佐々木講師からはDreamweaverを使った説明が行われました。
　講師と、その内容梗概は下記のとおりです。

Part2 スタイルシートを使ったテキストデザイン…………………………大越健児講師

Lesson1 スタイツシートの基本を覚えよう: ◆スタイルシートを使用するメリット：①HTMLが簡潔になる、②複数ページを一括管理できる、③緻密なデザイ
　ンができる、④様々なプラットホームで情報が共有できる、⑤非推奨のHTMLタグを使わなくてすむ。
◆スタイルシートの記述方法の理解。スタイルシートファイルの文字コードを指定する。
◆スタイルシートをHTML文書に適用させる方法（埋め込み式、インライン方式、外部リンク）。
Lesson2 テキストのスタイルシートをマスターしよう（１）: ◆フォントのサイズ、色、書体の選択方法、font-weight、text-decorationプロパティの使用方法の理解。
◆フォントのサイズは相対単位を、色はWebセーフカラーを、書体はfont-familyの使用を推奨する。

Part2 スタイルシートを使ったテキストデザイン…………………………佐々木六漏講師

Lesson3 テキストのスタイルシートをマスターしよう（２）: ◆テキストの行揃え（text-alignプロパティ）、幅（withプロパティ）、高さ（line-height）と、テキストのインデント
（text-indent）の理解。
◆スタイルシートの継承の理解。継承とは親要素に設定した値が、そのまま子要素に引き継がれることをいう。
Lesson4 テキストの周囲をデザインしよう: ◆スタイルシートの「ボックス」の理解（マージン、パディング）、「ボックス」の背景色の設定。
◆テキストの周囲にパディングを入れる、文字の周囲にボーダーを引く方法。
◆「ボックス」の周囲にマージンを入れる方法。