「Webサイトのつくりかた」初級編

Web制作の基本中の基本ともいえるページレイアウト。うまく画像を配置すれば、それだけで読みやすく、見た目も華やかなWebページに仕上がる。では、実際に優れたレイアウトを実現するには、どのようなことに気をつければいいのか。

まず重視すべきことは、XHTMLの完成度だ。「レイアウトのためのXHTML」ではなく、「内容を伝えるためのXHTML」という意識を忘れないようにしよう。CSSの適用のしやすさを優先してしまうと、文書構造に沿わないタグや、無駄なdivタグだらけのXHTMLになってしまう。あくまで文書の内容や構造に沿ったXHTML制作を心掛けることが大切だ。

なぜXHTMLについ余計な手を加えたくなってしまうのかというと、肝心の「配置がうまくいかない」ことが理由の一つに挙げられる。CSSでオブジェクトを配置する際には、後続の要素を回り込ませる「float」や、要素の配置場所を指定する「position」などのプロパティを使うが、特にfloatプロパティはWebブラウザごとに表示のクセがあるため、使うことに抵抗感を覚えている人もいるだろう。

PR

そうだ 大阪、行こう。
今なら○○円から!
極上の癒しを貴女へ。
平日夜の予約がお得です。