2007/05/21
団塊の世代でも作れるホームページ【第2回】
=================================================================== 団塊の世代でも作れるホームページ【第2回】 2007/5/21発行 =================================================================== こんにちは。服部です。 前回は「準備編」ということでホームページを作るために必要なものを 準備していただきました。 今回は、ホームページを作るために必要な「基本知識」について お話していこうと思います。 ただ、このメルマガでは最初に覚えておかないと後々苦労するという 部分を除いて、小難しいことは説明しません。 小難しいことは、もう少し知識がついてから説明しますので、 とりあえずはホームページの全体像を把握して下さい。 ホームページは「タグ」と呼ばれる符号で記述されており、 その記述されたファイルを一般的に「ソース」といいます。 まずは、Internet Explorerなどのホームページ閲覧ソフト （以下、ブラウザ）を立ち上げて、あなたのお好きなホームページに アクセスしてみて下さい。 次にブラウザの上の方に「ファイル」「編集」「表示」等の項目が あると思いますので「表示→ソースを表示」を選択して下さい。 すると、あなたが見ているホームページによって多少の記述は 違うと思いますが、下記のような文字列が表示されると思います。 ------------------------------------------------------------------- <html> <head> <title>◯◯のホームページ</title> </head> <body> 〜中略〜 </body> </html> ------------------------------------------------------------------- これを「ソース」といいます。 そしてこのソースに記述されている <html> といった符号を「タグ」と いいます。 まずホームページを作ってみようと思った方が挫折する最初の壁は このソースでしょう。 これを見て「ややこしいなぁ〜」とか「難しそうだ…」などと 思ってしまい、なかなか先に進めない方が多いのではないかと思います。 なぜなら、本屋でどんな初心者向けの書籍を見ても、このソースに ついて書かれているわけですから避けては通れないわけです。 でも安心して下さい。 実はこのソースも一つ一つ切り分けて覚えれば簡単なんです。 上記ソースを見てもらうと一番上に <html> があり、一番下にも </html> があると思います。 よ〜く見て下さい。 どのタグも <xxx> と </xxx> で成り立ってますよね？ <title> タグを例に挙げてみると <title> と書かれていたら、必ず 後ろに「/（スラッシュ）」のついた </title> といったタグが記述 されているはずです。 理解しやすくいうと、あなたが手紙やワープロ等で 「私は◯◯です。」 と、カッコを使って書いた場合、必ずカッコの後には閉じカッコを 付けますよね？ これと同じだと考えて下さい。 1. <title>→『「 』 2. 私は◯◯です。→内容 3. </title>→『 」』 こうやって考えた場合、カッコの中に入っている文字が内容、 そしてカッコは、内容に対する指示です。 上記例でいうと、 私は◯◯です。という内容はタイトルですよ。 となるわけです。 こうやって見れば、上記ソースはHTMLで書かれていて、 ホームページのタイトルは◯◯のホームページで〜 といったように理解できると思います。 今回はホームページの全体像を理解してもらうための基本知識として ソースの見方について書いてみました。 毎回でなくても結構ですから、時間があるときにでもいつも見ている ホームページのソースをチェックしてみて下さい。 ここには書かれていないタグもあると思いますが、基本は全て 「カッコの法則」で成り立っているはずです。 ------------------------------------------------------------------- 【編集後記】 たった一つのことを説明するにも、誰にでも理解できるように書こうと 思うとどうしても長文になっちゃいますね。 でもあまり長すぎると読む方も疲れちゃいますよね。 できる限り短い文章でわかりやすくが当面の課題です。 回が進めば段々短くはなると思うので、今しばらくご辛抱下さいね。 ※今回よりご質問用のメールフォームを設置しました。 <http://www.cloppar.com/mail/form.html>よりお受けします。 =================================================================== 【発行者】 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が折り返して２行になっているときは、１行につなげて ブラウザに入力してアクセスしてください。 -------------------------------------------------------------------
