今日行ったことはコンテンツバーに各ページの名前を付ける作業です。
今日もテンプレートは自分で更新できる最短ホームページテンプレート を使っていきます。
このホームページテンプレートのコンテンツ１～５のところを編集します。
<!-- ここがコンテンツバーです -->
<table width="100%" height="34" cellspacing="0" cellpadding="0" bgcolor="#8c1b1b" align="center">
<tr valign="middle" align="center">
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="index.html"><font color=white><strong>トップページ</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page1.html"><font color=white><strong>コンテンツ１</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page2.html"><font color=white><strong>コンテンツ２</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page3.html"><font color=white><strong>コンテンツ３</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page4.html"><font color=white><strong>コンテンツ４</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page5.html"><font color=white><strong>コンテンツ５</strong></font></a></span></td>
</tr>
</table>
今日学んだところは開いたファイルの上記の「コンテンツ」の１～５の部分です。
この部分に自分のホームページのコンテンツを打っていきます。
同様の作業を前回と同じようにページ１～５にもすることで
どのページにのコンテンツ部分も変更されるようになります。
このように編集しました。
<!-- ここがコンテンツバーです -->
<table width="100%" height="34" cellspacing="0" cellpadding="0" bgcolor="#8c1b1b" align="center">
<tr valign="middle" align="center">
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="index.html"><font color=white><strong>トップページ</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page1.html"><font color=white><strong>サービス内容</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page2.html"><font color=white><strong>商品情報</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page3.html"><font color=white><strong>お申し込みの流れ</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page4.html"><font color=white><strong>よくある質問</strong></font></a></span></td>
<td width="150" background="top-bar3.jpg"><span style="font-size:11pt;"><a href="page5.html"><font color=white><strong>問い合わせ</strong></font></a></span></td>
</tr>
</table>
これで編集完了です。
テンプレートを編集するだけでパソコンが苦手な自分でも簡単な操作で編集ができちゃいます。
テンプレートがあれば楽チンですね。
今日は以上です。