Free HTML Templates
ようこそ無料HTMLテンプレート配布サイトsozai.wdcroへ
ホームページテンプレート無料配布サイトsozai.wdcroご利用いただきありがとうございます。 このテンプレートは無料でご利用いただけますが、当サイトへのリンク表示を削除することは出来ません。 また、再配布や、制作業者さま等のご利用は禁止しております。友達や知り合いのサイトを作ってあげる場合も不可です。 そのほかご利用に当たっては ダウンロードした中に｢はじめにお読みください｣というファイルが含まれていますので良くお読みになってご利用ください。
ホームページの作り方
ホームページのデザインはすべてスタイルシートで行っていますので、以下の書き方にしたがって書いていけば出来上がります。メモ帳で出来ます。
一部制作ソフトなどを使用したときに勝手にフォントのサイズが変わってしまうようです。HTMLの一番最初の部分の記述
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
の部分が、勝手に書き換えられている場合がありますのでよくご確認ください。メモ帳などのテキストエディタではそんなことはないと思います。
サイトのタイトルの書き方
このページのタイトルは、「Free HTML Templates」です。ページの一番上の花が背景に白文字の部分ですね。書き方は、
<h1>Free HTML Templates</h1>
です。アルファベットで書く場合はこのままでもよいでしょう。しかし日本語で書く場合は、文字が大きくなるとあまり格好のよいものではないので、
imgフォルダにtitle_back.jpgという画像ファイルが入っていますので、それを加工してタイトルバナーにするのもよいでしょう。
見出しの書き方その1
その下の見出しの書き方は、
<h2>ようこそ無料HTMLテンプレート配布サイトsozai.wdcroへ</h2>
のように書きます。
見出しの書き方その2
このすぐ上の見出しの書き方は、
<h3>見出しの書き方その2</h3>
と書きます。
本文の書き方
本文のこの部分の書き方は、
<p class="l_f1">ここに本文を書く</p>
と書きます。またそのほかの書き方をいくつか用意しておきましたのでサイトの構成にあわせて使い分けましょう。
<p class="l_f2">ここに本文を書きます</p>
<p class="l_f3">ここに本文を書きます</p>
<p class="l_f4">ここに本文を書きます</p>
ホームページで広告収入
こちらにアフィリエイトプログラムを提供しているサイトをいくつか紹介します。参加方法、リンクの作成方法は各アフィリエイトサイトでご確認ください。
ＣｕｅＣｌｉｃｋアフィリエイトパートナー募集
Ａコネクト-アフィリエイトサービス
アフィリエイトプログラム「電脳卸」 ←簡単おススメ!!
■【繁盛哲人】アフィリエイト
ASBABKではバナー広告の掲載サイトを募集中 !!
高額報酬に自信あり。あなたの目で確かめて下さい。＜コムズ リンクスタッフ＞
【注目】ホームページの運営にスポンサーをつけませんか？【ＴＧアフィリエイト】
アフィリエイトはエーハチネット
１億人.comアフィリエイト紹介プログラム
アクセストレードなら「クリック報酬＋成約報酬」で高額報酬！！
アフィリエイト の JANet
【BannerBridge】アフィリエイトプログラム2-tier付き！ホームページで広告収入！
人気有名ECサイトがたくさん！LinkShare（リンクシェア）
アフィリエイトやるならやっぱりここははずせない...バリューコマース
ネットショップのオーナー様へアフィリエイトで宣伝してみませんか?
こまったときは
ホームページ作成で困ったら、HTML/CSS基礎講座におこしください。
もうわからん。自分でやるのはもういやだ!!という方はホームページ制作依頼のサイトへおこしください。
Special Thanks !!
Site Menu
すぐ上のタイトルの書き方は、
<h2 class="right">Site Menu</h2>
と書きます。
上のメニューの書き方は、
<div><a href="#" class="r_menu">トップページ</a></div>
<div><a href="#" class="r_menu">メニュー1</a></div>
…のようにどんどん書いていきます。
Pick Up News
ここに文章を書く書き方は、
<p class="r_f1">ここに文章</p>
<p class="r_f2">ここに文章</p>
<p class="r_f3">ここに文章</p>
<p class="r_f4">ここに文章</p>