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

ども、サンデーアマグラマーNorimakiです。

ヘッダー編もパート６になりまして、たぶん今回でヘッダー編は
最終回です。

まずは、おさらいです。

今は、HTMLテンプレートを４つに分けて、そのうちのヘッダー部分に
ついてお話をしています。

そのヘッダー部分を以下の要素に分けてお話してきました。

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

残すは「各種リンク」のみとなりました。


■ 各種リンク

各種リンクといいましたが、実は取り立てて特別なことをする
わけではなく、前回のナビゲーションとほぼ同じだったりします。

単純にクラス名を異にするだけで終わってしまったりします。
こんな感じです。クラス名は'Links'としましょう。

<div class="Links">
<ul>
　<li class="Link1"><a href="URL1">リンク１</a> | </li>
　<li class="Link2"><a href="URL2">リンク２</a> | </li>
　<li class="Link3"><a href="URL3">リンク３</a> | </li>
</ul>
</div>

こんな感じです。デザインはスタイルシートで設定します。

ということで、今回はこの辺で。
次回からフッターに入っていきます。


ではでは。
Norimakiでした。




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