9日目

ホームページを無料で作りたい方必見！メモ帳で簡単に作れるギャグwebデザイン講座☆ 　

対話でわかる！？ギャグwebデザイン講座！9日目
	☆リンクページを作るぞ～

TOP > 9日目

「昨日（8日目に）やったことを下に書きだしてみたぞ！」

■無料レンタル掲示板で掲示板をレンタルした。
【レンタル掲示板の設置方法3つ】
■プロバイダーが用意している掲示板を使う。
■レンタルを利用する。
■自分で設置する。

	「だけだな。思い出したかな？今日まで、『link.html』以外の全てのページを一応作ったはずだっ！なので今日は、こんなリンクページを作るぞ！」
こんなページ←クリックしてみそ★
	「えー！？そんなに作りましたっけ？」
	「メガーネが作ったページくらい憶えておかんかい！下のページをつくったはずだっ！」

【これまでに作成したHTML】
■『index.html』
■『profile.html』
■『diary.html』
■『bbs.html』

	「げげっ！いつの間にかにこんなにつくったんですね～！」
	「うむ！だが今のままだと背景色や、文字の位置や色などてんでばらばらなので、トップページと同じようにするなど、統一感をもたせるといい感じになるぞっ！自分で直したいと思ったらやっておくようになっ！！」
	「ほーい！ちなみになんで、『index.html』だけ、indexとかいう名前なんですか？」
	「いいとこに気がついたな！メガーネ！！実は、『index.html』というトップページだけアドレスの省略が可能なのだ！」
	「省略が可能？？」
	「例えば、自分のアドレスが」

『http://×××.jp/index.html』もしくは
『http://×××.jp/』

	「の二つならどちらの方が人に憶えてもらいやすいと思う？」
	「下の方が断然わかりやすいっす！！」
	「だろ？最初に読み込まなきゃいけないページを、『index.html』としておけば、『index.html』が省略されて、憶えやすいアドレスになるのだっ！」
	「じゃあ、上の『http://×××.jp/index.html』ってありえないじゃないですかー！？」
	「まーな！『index.html』は、省略されるからな！でも、『index.html』以外の名前のhtmlだと、長くなるのでトップペ－ジは『index.html』もしくは『index.htm』にするのが基本だっ！」
	「了解でーす！」

	「つづきまして～、リンクページ！！」
	「リンクページぃ？」
	「リンクページでは、メガーネの友達のページやオススメしたいサイトを紹介するページだっ！！」
	「友達いないっす…！！しょぼーん…（T_T）」
	「まぁ～そんなことなどどうでもいい！！こんなページを打ってみそ！それを、『link.html』と付けて保存するのだっ！！」

<html>
<head>
　　　　<title>リンク</title>
</head>
<body background="image/megane.gif">
<center>
<h1>メガーネ友達の輪</h1>
<a href="http://www.yahoo.co.jp/">Yahoo!JAPAN</a>
…有名大型検索サイト。<br><br>
<a href="http://www.yahoo.co.jp/">Google</a>
…有名ロボット型検索サイト。<br><br>
<a href="http://www.rakuten.co.jp/">楽天市場 </a>
…日本最大級ショッピングサイト。<br><br>
<a href="http://www.nifty.com/setsuzoku/cam//">＠nifty<
<a>…光ファイバーのプロバイダー。<br><br>
<br> </a href="top.html">TOPに戻る</a> <hr> メガーネのホームページはリンクフリーですっ☆<br>
バナーは下のものをお使いください。<br>
リンク先は「http://www.xxx.co.jp/xxx/xxx/」にお願いします。<br><br>
</center>
</body>
</html>

	「できましたぁ！でも、なんか列が揃ってなくて不格好です！それに、『TOPに戻る』を押しても、ファイルがみつかりませんになりますよ…」
	「そうか！ファイルがみつからないか！『index.html』は10日でできる？が終わったあと教子先生が教えてくれるから、心配するな！では、表を使って揃えるぞ！！表は、7日目にやったよな？」
	「ほーい！」

<html>
<head>
　　　　<title>リンク</title>
</head>
<body background="image/megane.gif">
<center>
<h1>メガーネ友達の輪</h1>
<table border="1" bgcolor="#fff">
<tr><td><a href="http://www.yahoo.co.jp/">
Yahoo!</a></td><td>
…有名大型検索サイト。</td></tr>
<tr><td><a href="http://www.yahoo.co.jp/">
Google</a></td><td>
…有名ロボット型検索サイト。</td></tr>
<tr><td><a href="http://www.rakuten.co.jp/">
楽天市場</a></td><td>
…日本最大級ショッピングサイト。</td></tr>
<tr><td><a href="http://www.nifty.com/setsuzoku/cam//">＠nifty
</a></td><td>…光ファイバーのプロバイダー。</td></tr>
</table>
<br> <a href=top.html">TOPに戻る</a> <hr> メガーネのホームページはリンクフリーですっ☆<br>
バナーは下のものをお使いください。<br>
リンク先は「http://www.xxx.co.jp/xxx/xxx/」にお願いします。<br><br>
<img src="image/rogo_megane.gif" align="center"> </center>
</body>
</html>

	「おおー！！いい感じになったっす！！ところで、バナーってなんすか？なんか表示されないっす！」
	「うむ！バナーとは、ホームページを見に来てくれた人が、そのバナーを自分ペ－ジに貼り、リンクを貼ってもらうためのものだ！」
	「ふーん。だったら、僕もそのバナー欲しいです！！」
	「うむ！欲しいといってもすぐに自分で作るのは難しいだろうから ★自動作成サービス『AUTO LOGO』を利用するといいぞっ！無料で手軽に、タイトルロゴやバナーを作ることができて非常に便利なのだっ！」
	「ほえ～すげ～」
	「例えばこんなのができるぞっ！！」

こんなの→

	「うぁっ！すげー！かっちょいい～☆ぼくも自分の作りたいッス！」
	「ミニバナー(自動作成）」というところで作れるから作ってみそ！」
	「ほーい！」
	「できたら、自分の『image』フォルダに画像を入れて、『rogo_megane.gif』と名前を付けて保存すれば表示されるようになるはずだっ！！」
	「おおー！できたっす！！すげげ～☆」
	「これで、すべてのhtmlファイルができたはずだっ！次回は、ついにサーバーにアップロードをやるぞっ！」
	「ふぁ～い！！」

これで、またwebマスターに一歩近づいた…ざぶーん

topに戻る

10日でできる？ホームページ
1日目| 2日目| 3日目| 4日目| 5日目| 6日目| 7日目| 8日目| 9日目| 10日目|

教子先生の！webテク講座！
～テクその１～| ～テクその2～| ～テクその3～| ～テクその4～|