HTMLテンプレート【ベースHTML７：フッター部分】

ども、サンデーアマグラマーNorimakiです。
前回に続いて、今回はフッター部分について説明していきます。

フッターのHTMLソースはこちら。

<div id="Footer">
copyright(c) 2010.<span class="SiteName"><a href="{$サイトURL}">{$サイトタイトル}</a></span> 
<span class="eMail"><a href="mailto:{$e-mail}">{$e-mail}</a></span> 
Template by <span class="TempCreator">
<a href="http://usefultoolers.com/">テンミニッツサイトストラテジー</a></span> 
Illustrated by <span class="IllustCreator"><a href="{$画像作者サイトURL}">{$画像作者サイト}</a></span>
</div>

</div>

まぁ、難しいところはないですね。
Footer というIDでまずフッター全体を括っています。
そして、Footerの中に要素として以下の項目を入れ込んでいます。

・サイト名、サイトURL
・連絡先（e-mailアドレス）
・テンプレート作者サイトへのリンク
・イラスト提供者サイトへのリンク

この部分を書き換えればOK。


これまで、都合４回に分けてHTML部分の解説をしてきましたが、
難しいことはなかったと思います。


押さえておくべきことは、HTMLソースは４つのパーツからできていて、
まずは、その４つの部分がHTML上でどこに当たるのかを把握すること。

その際の目印は divタグだということ。

４つのパーツが把握できたら、修正したいところを絞っていくこと。

あとは、目的の内容に書き換える。


これだけです。この方法は一般的なテンプレートにも応用できると
思います。テンプレート作者の思想によって、多少の違いはありますが、
div タグによって、パーツに分割するという考え方は通用するでしょう。

こんな感じで見ていくと、今回提示したテンプレートだけではなく、
無料で配布されている他のテンプレートや、有料で販売されている
テンプレートを有効に活用することもできるようになるでしょう。

ということで、今回はこの辺で終了とします。


ではでは。
Norimakiでした。



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