ここでは「リンクのページを作りたいけれど作り方がかわからない
という方のために、初心者向け・リンクのページの作り方を御案内いたします。


  その1 リンクのタグについて
  もしもタグを自分で打ってホームページを作っているとしたらわかるかと思うのですが、リンクのタグってありますよね?(例えば、トップページから趣味のお部屋に飛ぶような)
<a href="shumi.html">趣味のお部屋</a>
こうすれば、「趣味のお部屋」という文字をクリックすると 「shumi.html」というファイルに飛ぶわけです。
ここまではお解りでしょうか・・・。ホームページ作成ソフトを使っている方はHTMLモードで見てみましょう。少しずつですが書けなくても見ればわかるようになると思います。
  その2 他のホームページへリンクしてみる
  他のHPへ飛ぶようにしたいときは、ファイル名のところへURLを入れます。例えばあのyahoo!へリンクしたいときは
<a href="http://www.yahoo.co.jp/">yahoo!</a>
これでyahoo!という文字をクリックしたときにyahoo!へ飛びます。(^^)
というわけで、LITTLE HOUSEへリンクしたいときは
<a href="http://homepage1.nifty.com/kumamis/">LITTLE HOUSE</a>
これで「LITTLE HOUSE」という文字をクリックすればLITTLEHOUSEへ飛びます。
  その3 画像(リンクバナーなど)をリンクボタンに使いたい
  もし、リンクボタンとして使いたい画像があるときは (例えばhana.gifという名前の画像でサイズがwidht=50 height=20の画像をクリックすればyahoo!へ飛ぶようにする)
<a href="http://www.yahoo.co.jp/">
<img src="hana.gif" alt="Yahoo!" width=50 height=20 border=0></A>
となるわけです。どういうことかというと
img src="hana.gif" ←クリックさせたい画像の名前
alt="Yahoo!" ←画像が全部出る前に「Yahoo!」という文字を出してくれます。
widht=50 height=20 ←hana.gifという画像のサイズです。
border=0 ←この数値を0にしないと画像が四角で囲まれて表示されます。

ということで、LITTLE HOUSEへバナーを使ってリンクしたいときは

←お好きなものを持ち帰って下さい。
「lhs01.gif」(赤色)「lhs02.gif」(青色)
「lhs03.gif」(茶色)「lhs04.gif」(黄色)
<a href="http://homepage1.nifty.com/kumamis/">
<img src="
ここにあなたのHPでのバナー画像の場所を正確に書き込みます"  (注1)
width=88 height=31 alt="LITTLE HOUSE" border=0 ></a>
(注1)書き込みの例
LITTLEHOUSEではここはこうなります。→image/kumamis/lhs01.gif(例)
このように、次々とあなたのお気に入りサイトの名前を書き、リンクさせていけばリンクページの出来上がりです。この時、バナー(画像)を使ってリンク集を作ると最初は良いのですが・・・リンク先がどんどん増えていくとどんどん重くなります。適当なところでジャンルことにページを分けて作ってみて下さい。
  お知らせその1;フリー素材や、MIDI、など、どのサイトから頂いてきたのか忘れないためにも、自分のためのリンク集を作っておくといいと思います。次の更新の時にも、自分のためのリンク集があると便利です。『お気に入りに入れてあるからOK!』と思っていてもパソコンのメンテをしたりするとナゼか消えたりするのです!私は夫のお気に入りをきれいさっぱり消したことがあります。(とほほ;;;) それから、『○○の画像をありがとうございました』というメールを頂き、サイトヘ遊びに行くと、全く違う素材サイトの素材だった、ということが時々あるのです。どのサイトの素材なのか、忘れないで下さい。
お知らせその2;リンク集を何ページも作るのが面倒だ!と言うときは、フリーで配布されているCGIをお借りすると便利です。LITTLEHOUSEで使っているリンクのCGIは、とても有名な「KENT WEB」というサイト様からお借りしました。使いたい方はまず、自分のホームページがあるサーバーの規約を見てみましょう。「自作CGI設置可」となっていれば、自分でCGIを作ることが出来なくても、フリーで配布されている色々なCGIを使うことができます。ただし、ご自分でCGIを設置するときは、サーバーとCGI配布サイト様の説明と使用規約をよーーーく何度も読んでください。それから、今、ここを読んで「CGI」ってなに?と思っている方は取りあえず今はやめた方が無難です。
 

このように次々とお気に入りのHPをリンクさせればOKです。
素敵なリンク集を作って下さいね!(^^)
 
[ヒント集TOP] [ホームページ作成のヒント] [素材DL方法] [素材を使う] [リンク集を作る] [広告掲載について]
 
Click Here!


[TOP] [READ ME] [INFO] [MENU] [LINK] [BBS] [Email Me] [MENU-English] [Greeting Card]
素材のダウンロード前に使用上の注意をお読みください。(無許可の素材加工及び再配布厳禁)
Please read and agree with
this notice before you use any of my graphics.