HTMLパーツからHTMLタグへ 【ヘッダー編】

ども、サンデーアマグラマーNorimakiです。
現在、取り上げているテーマはこちら。

「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」

です。今回からは、具体的にHTMLタグを見ていきたいと思います。

おさらいですが、ここではHTMLテンプレートを４つのパーツに
分けています。

・ヘッダー
・フッター
・メイン部分
・サイドバー

今回は、ヘッダー部分について書いていきます。
ヘッダー部分についての要素は以下の通りです。

・ヘッダー画像
・サイトタイトル
・サブタイトル
・サイトの説明文
・アフィリエイトバナー
・H1タグ
・ナビゲーション（パンくずリスト・グローバルメニュー
　のようなもの）

HTMLテンプレートを構成するパーツ 【ヘッダー編】では、
上記の要素を取り上げました。

その後、色々なサイトを見ていくと、これらの要素のほかに、
ヘッダー部に、サイトマップやその他のリンクを当て込んでいる
ページがありましたので、各種リンクも要素として取り入れて
みようと思います。


まずは、HTMLでヘッダー部分（の範囲）を指定する必要が
あります。それがdivタグです。ヘッダー部分を以下のタグで
括ります。

<div id="header">～</div>

これが前準備です。ヘッダー部分の内容はこのタグの中に
書き込んでいくことになります。

長くなってしまったので、今回はこの辺にしておきます。


ではでは。
Norimakiでした。




無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ