無料テンプレート

ようこそk2-s.comへ…

ご利用の前に

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

Web素材サイト

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

HTMLの書き方

レイアウトはすべてスタイルシートで行っていますので、指定されたように書けばきちんとできるはずです。一部制作ソフトを使った場合うまく出来ないようですが、未確認です。基本的にはメモ帳で十分のはずです。
まずこの部分の一番上ですが
<h1>無料テンプレート</h1>
のように書けばよいです。そしてその下のサブタイトル風の部分は、
<h2>ようこそk2-s.comへ…</h2>
と書けばよいです。さらにその下の見出しの部分は、
<h3>ご利用の前に</h3>
と、書いてください。そして左のオレンジ文字のタイトルは、
<h4>Free<br>Website<br>Template</h4>
のように書いてください。

トップのイメージ

トップページなどでバーンと画像を入れたいときは、
<img src="画像のアドレス" width="410" height="高さ" class="top_img" alt="画像の説明">
と書いてください。

そのほかのイメージの挿入

文中にイメージを挿入したいときは、例えば左側に画像を挿入するときは、
<img src="画像のアドレス" alt="画像の説明" width="180" height="135" class="l_img">
のように書きます。そして右側に写真を入れたいときは、

<img src="画像のアドレス" alt="画像の説明" width="180" height="135" class="r_img">
のように書いていきます。

途中でテキストの回りこみを解除したい場合は、
<br clear="all">
というように改行を入れましょう。

メニューの書き方

<a href="#" class="menu">HOME</a><br>
<a href="#" class="menu">MENU1</a><br>
･･･のようにどんどん書いていきましょう。ただし、メニューはスクロールしても動きませんので、あまり多いメニューの場合は、画面からはみ出してしまいますのでご注意を。自分のモニタで表示されたからといって安心しないで、もっと小さいモニタで閲覧していることも考慮に入れてください。サンプルで表示されている数までが無難なところではないでしょうか。

本文の書き方。

基本的な文章

本文の記述方ですが、基本的には
<p class="f1">ここに本文を書きます</p>
そのほかの書き方は

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

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

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

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

リンクの表示

本文中に作ったリンクは以下のように表示されます。
リンク