まずはあなたのパソコンに、購入したＨＰビルダーを説明書にしたがって、インストールしてください。きちんとインストールが完了し、デスクトップ画面にビルダーのアイコンが追加されたのを確認できたら、いよいよ最初のＨＰ（アフィリエイトサイト）製作にかかりましょう！
さきほども解説したように、当コーナーでは、ある程度のレベルで見栄えのよいＨＰを初心者の方でも簡単に日数をかけないで作ることを目標としていますから、一（いち）からデザインするのではなく、すでに出来上がったテンプレート（雛形）を使ってアフィリエイト雑貨ショップを作ってゆきます。
このテンプレートにもさまざまな種類があり、無料で配布されているタイプから有料で何千円から何万円もするものまで多種多様です。
無料で配布されているテンプレートは、トップページだけ（１ページだけのデザイン）の場合がほとんどで、有料のテンプレートは、トップページからサブページまでひとつのサイトとして展開使用できるようになっている場合が多く、何百種類かの素材集もおまけでついていることもあります。
素材とは、「アイコン」「ＨＰの背景色」「イラスト画」「写真」などといった、ＨＰをアレンジする小物類のことで、これらをうまく効果的に使うことによってＨＰの見栄えは格段に違ってきます。
例えば、あなたの作ったネットショップの背景（壁紙）に何も手をくわえなければ、まっ白な状態で表示されますが、おしゃれなデザインの素材を使用すれば、それだけで全体のイメージががらりと変わります。
| 今ごらんいただいているこのページも右の画像を背景で使用しています。こちらは、無料素材サイト集から自分の気に入ったものを保存して使わせてもらっています。
こちらの画像にマウスの↑を置いて、右クリックで名前を付けて画像を保存(S)
すれば背景や好きなところに使うことができます。 |
v2_bcg035.gif |
設定方法は、とても簡単で HTMLソースのはじめの箇所にある  というタグの中に半角英数で  と付け足せば背景をあなたのお好きに設定できます。 の 部分に保存した画像名を入れてやればどんな背景でもお好みで表示させることができます。
また付属になりますが、この <BODY> タグの中に として、部分に６桁の色番を付け足せば、ページ内の文字色を好きに指定することもできます。
さらに を付け加えるとこのページが表示された時に上下の余白をなくすことができます。
ちなみにこのページの タグの中は
のようになっています。
HTML のタグに関しましては、HTMLタグ解説＆小技集のコーナー で、さまざまな使い方をご紹介していますのでよろしかったらそちらも参考にしてみてください。
このように、簡単なタグを付け加えることによってHPのデザインは、あなたのお好きにどんどん変えることができますが
『 こんなのいちいち覚えるのは面倒だ！』 と思われる方もいらっしゃるでしょう…
しかし、まったく心配いりません！ 安心してください。
HTMLタグが覚えられなくても、ホームページビルダー内のボタン操作で同じことが簡単にできます。背景画（壁紙）もホームページビルダーには、最初からいろいろな素材がセットされてますから、順番に画像を見ながら気に入ったものを選択して設定ボタンを押すだけで、簡単に挿入できます。
また、『 ホームページ 無料 素材 』 などで検索すれば、さまざまな素材を配布しているサイトが山ほど表示されますから、ＨＰ作成に慣れてくれば、これらを効果的に使用してみてください。３、４個のネットショップを作れば、無料配布の素材を使ってテンプレートをあなた好みに素敵にアレンジしてオリジナリティーを演出することも必ずできるようになります。
ＨＴＭＬタグの使用方法なんかは  で横幅のサイズ、 で高さのサイズというように、すべてがコンピューターにデーターを理解させるための決まりごとにすぎません。 パターンさえ覚えてしまえば、あとは使いたいタグをコピーして貼り付けるだけですから、英単語を暗記するより格段に簡単です。
解説が横道にそれてしまいましたが、ホームページビルダーを使って簡単にアフィリエイトサイトを作成してゆくために、当サイトが初心者のあなたにおすすめする無料テンプレートは、はじめての人でも使い易く、おしゃれで、デザインの種類も豊富な☆ｂａｂｙ’ｓ ｈｏｕｓｅさんのテンプレート集です。
こちらのサイトでは、個別商品紹介型のアフィリエイト用テンプレートを無料で配布されています。デザインのパターンもどんどん追加されていますから、あなたの扱いたい雑貨のイメージにあったテンプレートをじっくり選んで使わせてもらいましょう。
（ ※ ただし利用規約にも書かれているように作者さんのサイトへのリンクを必ず張ってくださいね！）
使用方法は、トップページにならべられているテンプレートの見本の中から気にいったデザインをクリックすると拡大図が表示されます。ＨＴＭＬタグで書かれたこのテンプレートのソース（
この文字列がＨＰを構成している ）が各ワクの中に書かれていますから、それを上から下までコピーしてビルダーに貼り付ければたちまちおしゃれなデザインのＨＰが出来上がります。
コピーの仕方やソースの貼り付け方などの具体的な作業方法は、この後のＨＰを作る制作手順 で詳しく解説していますから、それを参考にしてやってみてください。
また、フラッシュを使用した動きのあるテンプレートも無料で配布されています。かなり凝った作りのデザインテンプレートがたくさん紹介されています。 使い方もこのサイト内で順を追って解説されていますから興味のある方はコピペよりも少し難しくなるかもしれませんが挑戦してみてください。
☆ｂａｂｙ’ｓ ｈｏｕｓｅさん以外にも、テンプレートを配布しているサイトを以下に無料、有料で分けて何種類か紹介しておきますので、興味のある方はご覧になってみてください。
|
お手軽にＨＰを作る
