Free Website Template

ホームページ制作に便利!!

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

Web素材サイト

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

HTMLの書き方

レイアウトはすべてスタイルシートで行っていますので、指定されたように書けばきちんとできるはずです。 一部制作ソフトを使った場合うまく出来ないようですが、未確認です。基本的にはメモ帳で十分のはずです。
まず、左の写真ですが、幅は、160ピクセル固定です。高さは固定ではありませんのでもっと縦長の写真でも結構です。 サンプルでの写真はご利用になれませんのでご自身で用意してください。

メニューの書き方

一番上のメニューは、以下のように書いてください。

<a href="リンク先アドレス" class="menu">Home</a><a href="リンク先アドレス" class="menu">What's New</a>…

というようにつなげて書いていてください。間にスペースとか要らないです。あまりたくさんのメニューは書けませんけど。 横がはみ出しそうであれば、<br>と書いて改行しましょう。

タイトルの書き方

タイトルはただ単純に

<h1>Free Website Template</h1>

と書きましょう。背景に使っている画像はご自身でご用意ください。ファイルの名前はh1_back.jpg です。imgフォルダに入れてください。一応そのフォルダにはサンプルとなる写真が入っています。それを利用されても可です。 ただし、k2-s.comの文字は消さないでください。

見出しの書き方

ページ内の見出しは、この左側の部分で2種類。

<h2 class="l">HTMLの書き方</h2>
<h3 class="l">メニューの書き方</h3>

です。実際に書いてみればすぐわかります。

本文の書き方

本文の書き方は5種類です。いかが記述方法です。

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

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

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

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

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

リンクの表示

リンクはこんな風に書きましょう。
このように表示されます

<a href="リンク先アドレス" class="l">このように表示されます</a>