ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >2カラムレイアウト >
ヘッダー部分を作る

ヘッダー部分を作る

ホームページのヘッダー部分を作ります。

手順2 ヘッダー部分を作る

レイアウト全体の設定ができたので次は ヘッダー部分を作ります。枠線1px のボックスです。ボックスの下側の枠線には5pxの余白を入れています。 前ページのdivタグのボックスで横幅を710pxと指定しているので ヘッダーのボックスは横幅を指定しません。

【ブラウザ表示】


ヘッダー部分のソース

<div id="header">ホームページのタイトル</div>

外部ファイル

div#header{
padding:10px;
margin-bottom:5px;
border:1px solid silver;
}

テキストのタイトルよりもロゴ画像の方が良い場合はヘッダー部分にイメージタグを入れます。 タイトルはHPの看板となる部分なのでロゴ画像にするのが一般的です。

【ブラウザ表示】

タイトルロゴ

ヘッダー部分のソース

<div id="header"><img src="./image/logo.gif" alt="タイトルロゴ"></div>

外部ファイル

div#header{
padding:10px;
margin-bottom:5px;
border:1px solid silver;
}

■ その他の項目

レイアウト全体の設定
メインコンテンツを作る
ライトメニューを作る
フッター部分を作る

2カラムレイアウトの解説に戻る


HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.