| ↑いろいろなHPを見て研究しよう！↑ |
Endless Dream!-超〜簡単ＨＰ作り
|
| このページではリンクについて書きます。これを覚えないと１ページしか作れないので、リンクを覚えて、たくさんのページをつなげよう！ |
| ＜リンクでつなごう！＞ |
|---|
|
とりあえずページの作り方はわかったよね？でも今までのだと１ページ分の単純なページしか作れない。 そこでリンクというテクニック（というほどのものではないけど）を使って、ページとページをつなげよう。 これをうまく使えば、自分のＨＰの色々なページ（コンテンツ）をつなげたり、他の人のＨＰともつなぐことが出来る。（リンク集ってよくあるよね？） 「２．コンテンツを考えよう」のときに書いたメモを取り出してみよう。そこにあるトーナメント表の線の部分（ページとページをつないだ部分ね）そこがリンクになる！それぞれのページを今までの作り方で作ったら、ページ同士をリンクでつなげていけば、すごい充実したＨＰになるよ。 |
| ＜リンクのタグ！＞ |
|---|
|
リンクのタグはすごい簡単でよく使うものなので、ここで憶えちゃおう！ <a href="リンク先のページ">ページのタイトル</a> リンク先のページはそれぞれのページの名前になる。（○○.html）とかね。たとえば僕のＨＰのトップページ（表紙）につなぐならこうなる。（下線のついた青い部分をクリックしてみよう） <a href="http://www.callmekomi.com/index.html">Call Me KOMI！</a> このタグは本当に使えるよ！！ |
| ＜新しいウインドウで開くリンクのタグ！＞ |
|---|
|
上のリンクはクリックすると前のページの上（同じウィンドウ）にリンク先のページが上書きされる形で表示されるのだけど、今あるページは残して、新しいウィンドウでリンク先のページを表示したいときがある。その時はこのタグを使おう。 <a href="リンク先のページ" target="_blank">ページのタイトル</a> 言葉で説明しにくいから、とにかく右をクリックしてみて！ <a href="http://www.callmekomi.com/index.html" target="_blank">Call Me KOMI！</a> クリックすると今使っていたページは残ってるのに、僕のＨＰの表紙が新しくでてくるでしょ？ このタグはリンク集で他の人のＨＰを呼び出すときや、自分のぺージでも写真などでページを表示するのに時間がかかるときに有効なタグ。うまく使ってみてね！ ただあまり多用すると見ている人のウィンドウが開きすぎて帰ってみにくくなるから、使いどころを考えて使おう！！ ＊自分でＨＰを見ているときにもこの方法は使える。写真とかで表示に時間がかかるページを新しいウィンドウで読み込んでる間に、今あるページを読めるからね。（複数のページを同時に呼び出せるんだ。）やり方はリンク先にカーソルを合わせたら、右クリックして「新しいウィンドウで開く」を押すだけだよ！ |
| ＜ポイント＞ |
|---|
|
ページをサーバーにＵＰした後は、必ずリンクがちゃんとはられているかをチェックしよう！！リンクがないとせっかく見てくれた人をがっかりさせるからね。 うまく行かないときはたいてい、リンク先のページの名前が間違ってることが多い。（半角英数だよ。）ちゃんと確かめよう！ リンク先のページがまだ未完成のときは、リンクのタグを使わないで "soon" をつけるとか、工事中のページを作ってそこにリンクをはろう！ |