アフィリエイトショップ講座（一時限目）

アフィリエイトショップを実際に作る

というわけでつまり実際にHPを作ってみようという話。
HPを作るためにはHTMLというタグを理解する必要があります。
HTML・・・ひるんではいけません。普通に文字を打つのに少しルールが加わっただけのものです。
ブラウザはタグとよばれる括弧つきのルールにはさまれた文字を理解します。
<b>と</b>にはさまれた文字は太字にする、というようなルールです。
（HTMLは市販ソフトをつかえば簡単にかけます。実際に使ってみればすぐ分かるようになります。）
とりあえず「HPはルールのある書き方じゃないと思い通りに表示されないんだ」ということだけ覚えておきましょう。

考えていても前に進まないので実際にやってみましょう。
スパ電マーケットのテンプレートを作ったので試してみたい人はココからダウンロードしてください。
ダウンロードをはじめると保存先を聞いてきますので適当に（デスクトップの上にでも）保存してください。
zipしてありますが、解凍すると次のファイルが入っています。
---------------------------
market_kitフォルダ
　・index.html
　・win.css
　shopフォルダ
　　・aicon_111.gif
　　・babysitter.jpg　など
---------------------------
このフォルダの中のindex.htmlをダブルクリックすると、スパ電マーケットと同じようなページが表示されます。
あとは必要な言葉や画像を入れ替えてゆけばいいだけです。

※スタイルシートを使っているためネットスケープ、NN、およびマックでは表示が崩れる可能性が大です。というか多分ダメです。xp/IE6.0以外では確認していません。

言葉や画像の入れ替え方は至って簡単。
index.htmlアイコンを右クリック→プログラムから開く→Notepad　を選択します。
するとズラっと文字ばっかりの画面になります。コレがHTMLという書き方です。
文書中に
<!--▼▼ほにゃらら▼▼-->
<!--▲▲ここまで▲▲-->
という記述がありますので、この▼▲にはさまれた部分だけ変更してゆけばOK。
ためしにどこか変更して上書き保存し、index.htmlをブラウザで開いてみると何かがかわっていますので確認してください。

これが最初の1歩です。
スパ電マーケットと同じような画面が表示されたらとりあえず成功です。

キーンコーンカーンコーン　（←終了チャイム）

※このテンプレートは練習用に急ごしらえで作ってますので不備も多いと思います。
大目に見てください。なにかマズイ点が見つかったらメールでお知らせいただければなお嬉しいです。

※HTMLの書き方の基礎はいろんなサイトに掲載されていますので本当に学びたい人はいくらでも勉強できると思いますヨ。

※各画像には私のアフィリエイトのリンクが貼られたままになっていますので注意してください。

Posted by jizou at 2004年4月 3日 00:51 | TrackBack(0) | 節約ランキング |