2007/06/04
団塊の世代でも作れるホームページ【第4回】
=================================================================== 団塊の世代でも作れるホームページ【第4回】 2007/6/4発行 =================================================================== こんにちは。服部です。 前回のサンプルソースでいろいろと遊んでみましたか？ ついでに「カッコの法則」も理解できていれば尚良しですね。 今回から前回のサンプルソースを使って一つ一つ解説していこうと 思いますが、その前に前回ソースを保存していただいた時に 必ず「index.html」という名前で保存して下さいと書きましたね。 まずはその理由を説明します。 ホームページを作る際のルールとして、トップページとなる 一番最初に表示させたいページのファイル名は「index.html」で ある必要があるからです。 例えば「index.html」と「menu1.html」という二つのファイルが 存在した場合「menu1.html」をトップページにしたいと思っても プログラムは「index.html」を最初に読みにいきます。 ちなみに http://www.cloppar.com/ でも http://www.cloppar.com/index.html のどちらでも 同じページが表示されます。 なぜなら http://www.cloppar.com/ でも「index.html」の ファイルを勝手に読み込んでいるからですね。 逆にトップページのファイル名を「index.html」にしておけば、 他のファイルはお好きな名前で結構です。 では、前回のサンプルソースについて解説していきます。 ------------------------------------------------------------------- <html> <head> <title>ホームページのタイトルを入力</title> </head> <body> <h1>見出しとなる文章を入力</h1> <p> 好きな文章を入力して下さい。<br> <a href="ここにホームページのアドレスを入力">リンク</a> </p> <table width="200" border="1"> <tr> <td>名前</td> <td>服部 浩尚</td> </tr> <tr> <td>職業</td> <td>クリエイター</td> </tr> </table> </body> </html> ------------------------------------------------------------------- まず<html>についてですが、これはホームページを作る際、 必ず必要なタグです。 <html>＝このファイルはHTMLで書かれたファイルですよ。 ということを差しています。 最近は「XHTML＋CSS」というソースの書き方が標準になっていますが、 まずは基本を覚えていただくためにXHTML＋CSSについては、 後日説明したいと思います。 次に<head>についてですが、この<head>〜</head>内に 書かれた記述は、あなたのホームページには表示されません。 では、なんのために必要な情報なのか？ それは、このソースを読み込むプログラムに対して必要なのです。 この<head>〜</head>内の情報は非常に重要です。 とりあえず、今はホームページの全体像を把握していただくために <title>タグだけ記述してありますが、本来はもう少し 記述しなければいけないタグがあるので、それは後々の回で説明 していきます。 また、<title>については、あなたのホームページ名になりますので 必ず記述しましょうね。 この<title>タグに記述した情報はあなたのホームページに アクセスしたときにブラウザの一番上にあるタイトルバーにも 表示されますし、閲覧者がブックマーク登録した際も この<title>タグに記述した情報が登録されるからです。 よく初心者の方が作ったホームページを見ると「無題」のままの ホームページが結構あるので注意しましょう。 では、次回も今回の続きを解説していきます。 ------------------------------------------------------------------- 【編集後記】 ご要望があればですけど、もう少し内容が複雑になってきたら、 このメルマガテキストと音声ファイルの同時進行で進めていこうかなぁ なんて考えていたりしますので、もしご希望の方がいらっしゃれば メール下さい。 時間に余裕があれば動画という手もあるんですけどね・・・（笑） =================================================================== 【発行者】 STUDIO CLOPPAR 服部 浩尚 【Ｈ Ｐ】 http://www.cloppar.com/ 【ブログ】 http://www.cloppar.com/bizlog/ 【メール】 http://www.cloppar.com/mail/form.html =================================================================== このメールの配信を解除されたい方は下記URLをクリックして下さい。 ※一発解除ですのでご注意ください。 http://regist.mag2.com/reader/Magrddel?id=0000234609&e=webmaster%40cloppar%2ecom ※上記のURLが折り返して２行になっているときは、１行につなげて ブラウザに入力してアクセスしてください。 -------------------------------------------------------------------
