Free
Website
Templates

ようこそk2-s.comへ

ホームページテンプレート無料配布サイトk2-s.comご利用いただきありがとうございます。 このテンプレートは無料でご利用いただけますが、 当サイトへのリンク表示を削除することは出来ません。 また、再配布や、制作業者さま等のご利用は禁止しております。友達や知り合いのサイトを作ってあげる場合も不可です。 そのほかご利用に当たっては ダウンロードした中に｢はじめにお読みください｣というファイルが含まれていますので良くお読みになってご利用ください。

ホームページの作り方

ホームページのデザインはすべてスタイルシートで行っていますので、以下の書き方にしたがって書いていけば出来上がります。 メモ帳で出来ます。一部制作ソフトなどを使用したときに勝手にフォントのサイズが変わってしまうようですが、未確認です。

トップのコメント

一番上のコメントは以下のように書きましょう。ページの一番最初に書かれる文章ですので、検索エンジン対策上重要な部分です。ページのキーワードを意識した文章にしましょう。

<div class="top_f">無料HTMLテンプレート。ホームページ制作にご利用ください。</div>

トップの画像

トップの画像は幅が519ピクセルです。高さはこのサンプルでは240ピクセルですが、固定ではありません。 右側にかかれるタイトルにもよりますのでそちらとあわせてください。

タイトルの書き方

サイトのタイトルは、以下のように書きます。サンプルでは改行を入れています。あまり幅がありませんので長いタイトルの場合は適当に改行してください。 左の画像とうまく高さのサイズを合わせてくださいね。

<h1>Free<br>Website<br>Templates</h1>

メニューの書き方

メニュー部分は以下のように。

<div class="m_bar"><a href="アドレス" class="m1">トップページ</a><a href="アドレス" class="m1">メニュー1</a><a href="アドレス" class="m1">メニュー2</a><a href="アドレス" class="m1">メニュー3</a><a href="アドレス" class="m1">メニュー4</a><a href="アドレス" class="m1">メニュー5</a></div>

本文の見出し

本文の見出しの書き方は、以下のように書いてください。

<h2>ホームページの作り方</h2>
<h3>本文の見出し</h3>

本文の書き方

本文は以下のように

<p class="l_f1">ここに本文</p>

<p class="l_f2">ここに本文</p>

<p class="l_f3">ここに本文</p>

<p class="l_f4">ここに本文</p>

右側部分の見出し

右の部分の見出しは以下のように書きましょう

<h4>Web素材サイト</h4>

右側の本文

右側の本文は以下のように。

<p class="r_f1">ここに本文</p>
または
<p class="r_f1">ここに本文</p>