ホーム > コンピュータ > webツール > Expression Web 4 > 新しいサイトを作成する

ベクトルドロー・レベルゼロ+

フッタを修正する[Web]

新規作成日 2015-10-22
最終更新日

方針

Expresson Web 4の付属テンプレートを修正して、ダイナミックWebテンプレートの独自のテンプレートを作成します。

Expresson Web 4の付属テンプレートは、「XHTML 1.0 Transitional」で記述されていますので、大幅な変更が必要になります。

今回、Html5, css3で、レスポンシブデザインのテンプレートを作成したいと思います。

このページでは、フッタを修正します。

フッタを修正します。

テンプレート「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="http://vdlz.xyz/">ホーム</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-2016 xxxxxx All Rights Reserved.</small>
            <address>xxxxx@gmail.com</address>
            ご連絡の際は、お問い合わせページのURLの明記をお願いします。 </div>
          <div align="center"> 「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」 </div>
	</footer>

説明

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

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

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

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

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

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

Copyright (C) 2011-2016 kukekko All Rights Reserved.
kukekko@gmail.com
ご連絡の際はアドレスの@は半角にしてください。 また、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません 」。
inserted by FC2 system