無料で使えるWebテンプレート。ホームページ作成にご利用ください。

ようこそk2-s.comへ

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

Web素材サイト

sozai-R
0574 W.S.R
素材サーチ「Mateken」
素材NAVI
Web Material Cafe

ホームページの作り方

レイアウトはすべてスタイルシートで行っていますので、指定されたように書けばきちんとできるはずです。 一部制作ソフトを使った場合うまく出来ないようですが、未確認です。基本的にはメモ帳で十分のはずです。
トップの写真の幅は、470ピクセルです。高さは左側のメニューの数で調整してください。メニューひとつ当たり50ピクセルです。 そうしないと下のラインがぴったり合いませんので。
このサンプルではメニューの数が3つですので画像の高さは150ピクセルにしています。

一番上の見出し

ページの一番上の部分の記述法は、

<h1>無料で使える･･･</h1>

のように書きましょう。ページのキーワードをうまく使って書くと検索エンジン対策に効果的。

メニューの記述法

写真横のメニューは以下のように記述します。

<div><a href="リンク先アドレス" class="t_menu">What's New</a></div>
<div><a href="リンク先アドレス" class="t_menu">Pick Up !!</a></div>
<div><a href="リンク先アドレス" class="t_menu">Contact Us</a></div>

その下のメニューバーは以下のように書きます

<div class="m_bar"><a href="#" class="b_menu">Home</a><a href="アドレス" class="b_menu">Menu1</a><a href="アドレス" class="b_menu">Menu2</a><a href="アドレス" class="b_menu">Menu3</a><a href="アドレス" class="b_menu">Menu4</a><a href="アドレス" class="b_menu">Menu5</a>
</div>

ページ中の見出し

ページ中、内容ごとに区切るための見出しは以下のように書きます。

<h2>ホームページの作り方</h2>

この見出しの書き方

そしてこの上のような見出しは以下のように書きましょう。

<h3>この見出しの書き方</h3>

本文の書き方

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

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

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

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

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

リンクの表示

ページ中のリンクは以下のように表示されます。
リンクはこんな風