フッタを修正します

テンプレート「mastar.dwt」のフッタ部分を修正します。

定型のスタイルが存在しますので、そのまま利用すれば良いかと思います。定型のスタイルは、書籍やテンプレート、webサイトなどを参考にしてください。

Expresson Web 4の付属テンプレート「mastar.dwt」のフッタ部分

	<div id="footer">
		<p><a href="default.html">ホーム</a> | <a href="about_me/about_me.htm">紹介</a> 
		| <a href="resume/resume.htm">履歴書</a> |
		<a href="photo_gallery/photo_gallery.htm">フォト ギャラリー</a> |
		<a href="contact/contact.htm">連絡先</a> | <a href="links/links.htm">リンク</a></p>
	</div>

これを以下のように修正します。

※フォルダ名もメニューの項目に合わせて変更しています。メニューの中身と表記は、後で変更すると思います。

	<footer>
		<nav>
			<a href="index.html">ホーム</a>|
			<a href="getstart/default.html">使用準備</a>|
			<a href="function/default.html">機能紹介</a>|
			<a href="tutorial/default.html">チュートリアル</a>|
			<a href="about/default.html">このサイトについて</a>|
			<a href="modeldata/default.html">モデル・データ</a>
		</nav>
          <div><small>Copyright (C) 2011-2018 xxxxxx All Rights Reserved.</small>
            <address>xxxxx@gmail.com</address>
            ご連絡の際は、お問い合わせページのURLの明記をお願いします。 </div>
          <div align="center"> 「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」 </div>
	</footer>

説明

元のテンプレートのフッタに、メニューが含まれているのでそのまま採用しました。フッタの内容で重要なのは、著作権表示と連絡先です。

「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」 は、大きな組織に属しているようなイメージを醸し出しますので、入れておきます。好みで入れてください。

<footer>や<nav>タグは、html5で新たに設定されたタグです。

連絡先は、メールフォームを用意したり、掲示板を利用する方法もあります。商業用途であれば、電子認証を取得し、メールやページの暗号化も行う必要があるかもしれません。

著作権表示（コピーライト（copyright））の記載の仕方

コピーライト（copyright）著作権の書き方【意味や記号の表記方法】(外部サイト)