Lecture03

ここからは、編集するさいの注意事項やら説明していきたいと思います。




↑のような感じで、なんかいろいろと書かれたメモ帳が表示されたかと思います。
(上のやつは、top.htmlを表示させています)

ではでは、自分のサイト用に文章を書き換えていってくださいね。



初心者の方は文章を変えるだけにしてください。タグなどを絶対にいじらないようにしてください。

<head>〜</head>内など、意味のわからないタグが書かれているかと思いますが、触らないようにしてください。
(実際、ちゃんとした意味がありますのでね!)








ここで、解りにくいテンプレートの構造っぽいもんについて説明。
上の画像見てくださいね。…画像に書いてあるまんまなんですが…。

『Your Site Name』って書いてあるところ(自分のサイト名を書いて欲しい部分)は、<h1>〜</h1>でくくれって話なんです。
他も同じです。ほぼ全ての文章は、class・id指定などなどしてありますので、それに従ってほしいんです。

んー…、ちょっと意味がわかりづらいですかね…?


当サイトのテンプレートを使ってくださってる方のサイトを拝見すると、たまにメインの文章部分のデザインが崩れてることがあります。
理由は<div class="text1">〜</div>というタグを上手く使えていないからです。


以下、ノーフレームNo.001の『top.html』の<body>〜</body>内のタグを一部抜粋。

  <h2>Information</h2>
  <div class="text1">
  ノーフレームのテンプレートです。<br>
  ・
  ・
  ・
  </div>
  <h2>Image</h2>
  <div class="text1">
  ・
  ・
  </div>
  <h2>Download File</h2>
  <div class="text1">
  ・
  ・
  ・
  ・
  </div>

結構省略してますが、↑のような感じですね。

まず、見出し部分(Informationなどなど)<h2>〜</h2>があります。
次に、メイン文章は全て<div class="text1">〜</div>というタグ内にあるはずです。
で、また次の見出し<h2>があり、また<div class="text1">で文章が始まり、</div>で文章が終わるはずです。以下これの繰り返しです。


何が言いたいんだというと、

一つの文章(見出しのh2とh2の間の文章)ごとに<div class="text1">〜</div>ってタグを使ってくださいね!

ってだけです。


ですから、h2の見出しがあって、次のメイン文章は <div class="text1">〜</div> を使って、またh2があって、 <div class="text1">〜</div> があって……以下エンドレス。
にして欲しいんです!

…これだけ言えばわかってもらえたでしょうか…??


テンプレートによっては、書き方が微妙に違うものがあります(特に、ノーフレームデザイン)
その時は、テンプレ内に注意書きがあったりしますので、よく読んでおいてください。