それでは、先ほどご紹介しましたｂａｂｙ’ｓ ｈｏｕｓｅさんの無料テンプレートをお借りして、ホームページ
ビルダーで雑貨のアフィリエイトショップを作る作成方法を順を追って具体的に解説してみましょう。
 スポンサードリンク
まずは、ｂａｂｙ’ｓ ｈｏｕｓｅ さんのトップページのテンプレート・リスト集の中からあなたが使いたい
デザインのタイプを決めましょう。 何種類かの見本画像の下に、オレンジ、あお、というように色別
に表示されてますから、あなたが使用してみようと思うタイプをクリックすると見本ページが開きます。
各テンプレートには、アフィリエイトであなたが紹介したい商品の写真（画像）を挿入するスペースと
その商品を紹介するスペース（値段、コメント用）が設けられていますから、あなたは何の雑貨を
販売するアフィリエイトショップを作りたいのかを決めてから、テンプレートのデザインを選ぶことを
おすすめします。
扱う商品のタイプによって写真（画像）が大きいほうがよいのか？、小さくてもかまわないのか？
が変わってきますから、まずはその点を考慮してみてください。
挿入スペースのサイズは  というタグの
数値を変えれば簡単に大きくも小さくも変更することができるようになりますが、初心者が適当に
変更すると全体のバランスが悪くなる場合がたぶんにありますからその点は気をつけてください。
 と のＨＴＭＬタグを実感してもらうためにも、試しにテンプレート用ソースの中の
どこかの挿入スペース（枠）数値を変えてみてください。ソースだけではどう変わったかが初心者
にはわかりにくいですが、これをビルダーのプレビュー画面表示にしてみると、白枠の大きさが変化
しているところがあるのにすぐに気付くと思います。 そのことによって、サイズが変化した白枠を
構成しているソースの場所がどこなのかがわかりますからＨＴＭＬタグの勉強にもなりますよ！
どのテンプレートを使うかが決まったら、それをクリックして拡大表示のページにしましょう。
画像の下に ” 以下のソースをドラッグしてコピー＆ペーストでお使いください（別ページになって
いるパターンもあり・・） ”と書かれている枠内のソース（アルファベット記号のかたまり！）をすべて
コピーしてください。
アフィリエイトの裏ワザコーナー！ をご覧いただいた方は、ASPに登録するアフィリエイト用サイトの
完成型テンプレート５ページ分の複製と同じ作業の繰り返しと考えていただいて結構です。
このサイトの製作者の方がわかりやすく表示してくれてますから、頭の  というところから
一番最後の  の記号のところまでをぜ〜んぶコピーしてください！
コピーの方法はわかりますか？ 今までホームページを作ったこともなければわかりませんよね？
の頭の部分にカーソールをあわせて、左クリックしたままマウスを動かしてゆくと
アルファベットのタグ部分が反転して選択されます。 その状態を一番最後の
の部分
まで選択して右クリックすると作業ウィンドウが開きますから、反転したままの状態で、その中の
コピーを選んで左クリックすれば作業完了です！
（ 編集メニューからコピーを選択する方法でもＯＫです ）
 を反転すると ⇒  のようななります。
次にあなたのパソコンにインストールされたホームページビルダーのアイコンをダブルクリックして
ソフトを起動してください。 ビルダーの画面が表示されたら、『 新しいサイトを作る
』 からトップサイト
の製作画面を選択し、『 ＨＴＭＬソース 』 の編集画面を表示させましょう。
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META
http-equiv="Content-Type" content="text/html;
charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version
9.0.0.0
for Windows">
<META
http-equiv="Content-Style-Type"
content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>
|
このようなアルファベットが並んだページがあらわれますから、この中の下から２番目に書かれて
いる  と  の間にマウスでカーソールをあわせてください。
 のような感じになります。
カーソールをあわせたら、マウスを右クリックして作業ウインドウを表示させましょう。 その中の
貼り付け を選択して左クリックすると、先ほどコピーしたテンプレートのソースが全部
から
の間に埋め込まれたはずです。 わたしの苦〜い経験をもとにしてかなりわかりやすく
解説したつもりなんですが、キチンとできたでしょうか？？
コピーした から までのソースがキチンと貼り付けられているのが確認
できたら、編集画面を 『 ＨＴＭＬソース 』 から 『 プレビュー 』 にかえてみましょう。 どうですか？
先ほどｂａｂｙ’ｓ ｈｏｕｓｅさんのサイトであなたが選択したのと同じデザインのＨＰの画面になって
いませんか？ これでテンプレートをあなたのパソコンのビルダー内に移すことができました。
これらの一連の作業はパソコン用語で  と呼ばれる方法で、わかり
やすく解説すると” ある部分をコピー ” してそれを ” 他の箇所へ貼り付ける ” ということです。
これから先あなたが扱う商品を仕入れてＨＰに表示させるのは、すべてこの
 の
作業の繰り返しになります。 ＡＳＰが発行してくれる商品ソースをコピーしてあなたのＨＰの表示
させたい箇所に貼り付けることによって、その商品をネット上で紹介できるようになります。
いち度やり方を覚えてしまえば、あとは単純作業の繰り返しですから、どなたにもできます。
わたしも最初はこの さえわかりませんでした・・ 初心者用の
解説本を買って操作してましたが、その本文中でも 「 この○○をコピー＆ペーストして・・・ 」 と
書かれてましたが、意味が解らないと操作もできません・・ 書いている専門家の著者にすれば
” いくら初心者向けでもこれくらいは知ってるだろう ”と考えてしまうんでしょうが、初心者なの
だから初歩からわからないんです・・
だいたいパソコン関係は専門用語が多過ぎます！ そう思いませんか？
「 ○○を××して△△する 」 するなんて簡単に書かれても、○○も××も意味がわからないん
だから△△しようにもどうすればよいのかがわから〜ん！ 誰が呼んでもわかるように解説
しないと解説本を買った意味がありません！知識のある人が書くとどうしてもそのようになるん
でしょうけど・・・ （ 本のタイトル部分に ” 誰でもできる！ ” と書くんじゃないぞぉー！
）
リアル雑貨店開業のためのノウハウコーナーでもご紹介していますが、商売をしていれば、下代、
上代、バックリベート、売り掛け、買い掛けなどはあたりまえの商用用語ですが、これからはじめて
自分のお店を作ろうとしている人にとっては、たぶん意味が解らないだろうと思って、できるだけ
詳細に各用語の解説を心掛けているつもりです。
このコーナーを訪れていただいている方も、ほとんどはこれからはじめてネットショップを作ろうと
されている方たちでしょうから、最初のＨＰ作りにさんざん苦労したわたしなりに、できるだけ簡単な
作業から理解できるように解説させていただくつもりですので、超初心者の人もご安心ください！
ただしビルダーの取り扱い方法に関しては、ソフトに付いているマニュアル本の方が詳細に解説
している場合は、はぶかせてもらいます。
 副業、独立、起業の総合情報サイト  アントレnet に無料会員登録すれば先着で『 独立開業Book 』
をもれなくプレゼント中！ 経験談などの他では手に入らない貴重な起業情報がてんこもり！
スポンサードリンク
|
スポンサードリンク
|
|
お手軽にＨＰを作る
Shop concept