HTML5の編集

それでは、先ほどのテンプレートに、ナビゲーションを付けてみましょう。 ここでは、JQueryMobileのFrameworkを読み込んでいますので、非常に簡単です。
下記のファイルをDownloadするか、先ほどのテンプレートに次のテキストを書き加えましょう。

◆ ナビゲーションの追加

書き加える場所は、<header>と</header>の間、<h1>の下です。
各ページの<h1>の下にそれぞれの行先を記述しましょう。

<a href="#page4" data-role="button" data-inline="true">戻る</a>
<a href="#page2" data-role="button" data-inline="true">次へ</a>

◆ フッターの編集

<div class="naka" data-role="footer">
 <h4>連絡先</h4>
  <address class="naka">
   <a href="mailto:連絡先メールアドレスを記入">連絡先メールアドレスを記入</a>
  </address>
  <p>
   ©Copyright by 8341WEB
  </p>
</div>

ここまでできると、少しページらしくなりました。
あとは、内容（コンテンツ）の編集です。
ここからは、あなたの腕の見せ所です。・・・素晴らしいページに仕上げてください。

◆ テンプレートのDownload