ホームページ同好会ではこのところ世界のホームページ作成技術の動向に呼応して勉強の中心をHTML5及びCSS3の目指す趣旨に沿って、より見栄のよい、然もよりメインテナンスのし易いウェブ・ページの作成の学習に力を入れて来ました。
CSSを有効に利用してウェブ・ページをより見栄えの良いものにするためには、先ずBoxモデルの基本を理解しなければなりません。この基本を理解しないでBoxモデルに挑戦しますと、思うようなウェブ・ページが出来なかったり、特にページのレイアウトが乱れたりします。
そこで今回はBoxモデル作成の基本を理解するための幾つかのコツに焦点を当てて解説することにします。
Lesson No | レッスンのテーマ | 作成・更新日 |
第1章 Boxモデルの概要 | 1-1.Boxモデルとは? 1-2.Boxとして適当なHTMLタグ 1-3.Boxとスタイルのルールとの連携の仕方 |
2012/09/20 |
第2章 Boxモデルの基本 | 2-1.Boxの入力方法 2-2.スタイル・ルールを規定する操作 2-3.Boxにスタイル・ルールを連携させる操作 |
2012/09/20 |
第3章 Boxモデルによるレイアウト | 3-1. <div>タグによるページのレイアウトの概要 3-2. <div>タグによるページのレイアウトの例 3-3. レイアウトの乱れの解消法 |
2012/09/21 |
第4章 Boxモデルの一寸したコツ | 4-1.たまにはスタイル・ルールの手入力を試みては 4-2.ナビゲーション・メニューを横に並べる方法 4-3.洒落たハイパーリンクの作り方 4-4.色コードの入力のコツ 4-5.CSSルールの優先順位の目安 |
2012/09/27 |
第5章 Tableによるレイアウトからの脱却 | 5-1.Tableがページのレイアウトに向かない理由 5-2..Divを使ったSampleの完成形 5-3.ページの骨格の作成 5-4.中枠と小枠の作成 5-5.内容物の入力 5-6.CSSの適用 |
2012/10/14 |