第5回HTML講座を4月24日(木)、全員の14名参加のもと、同好会本部で開催しました。この講座で使用するテキストは、「速習WebデザインHTML&スタイルシート(改定第3版)」((株)技術評論社発行、栗原明則著) を採用しています。今回はスタイルシートによるレイアウトデザインの勉強です。
 講師と、その内容梗概は下記のとおりです。

Part4 スタイルシートによるレイアウトデザイン…………………………大越健児講師

Lesson1 セレクタの種類を学ぼう
◆IDセレクタを理解する。名前の付け方、適用方法。
◆クラスセレクタを理解する。名前の付け方、適用方法。
◆子孫セレクタを理解する。セレクタを2つ並べて、セレクタ内の特定セレクタだけにスタイルを適用させる。
◆a要素に設定できる擬似クラスを理解する。リンクの色、背景色を変えたり、下線を引くなど。
◆テキストを回り込ませて2段組みを実現させる。float、clearプロパティの適用。
Lesson2 floatプロパティを使ってレイアウトしよう
◆HTML文書にid属性を設定し、それぞれにスタイルシートを記述する。
◆floatプロパティを使って段組みレイアウトを実現する。
◆ナビゲーションのスタイルを設定する。
◆displayプロパティを使ったリンクのテクニック。

Part4 スタイルシートによるレイアウトデザイン…………………………安田出講師

Lesson3 positionプロパティを使ってレイアウトしよう
◆positionプロパティを理解する。配置方法(absolute、relative、fiexd、static)の違い。
◆positionプロパティを使ったレイアウトの実践。
◆スクロールバーつきのボックス(overflow:scroll;)、ボックスの重ね順(z-index:)の理解。

文責 世話人 安田 出

1404hml

第5回HTML講座に参加の皆さん

(戻り)