↑簡単におこづかいできるサイト。もちろん無料だよ！↑

Endless Dream!-超〜簡単ＨＰ作り
１２．レベルアップベース
これを利用してもっとかっこいいページを！

　このページではレベルアップしたベースについて書きます。前に紹介したベースよりちょっと難しいけど、これを使えばもっとかっこいいページが作れるので、チャレンジしてみよう！


＜レベルアップベース＞

　「７．ベース」で文書を変えるだけで簡単なページを作れるタグのベースを紹介したけど、その後にリンクや画像を勉強したので、もうちょっとレベルアップしたタグのベースを紹介します。やり方は前のと一緒ね。

　これを基本にタグや文章の削除・修正・書き加えなどをして、自分の好みに合ったかっこいいページを頑張ってつくろう！！

　＊あくまでベースなので、リンクがおかしいところもあります！

「レベルアップベース」


＜ベースの中のタグの説明＞

　修正するときにわかりにくいと思うので、ここでも使われてるタグの簡単な説明も書いておきます。（今まで説明したタグは省略してます。）

　　　　　　　　＜上の方の部分＞

　　　　<BODY BACKGROUND="wall.gif">
　ここには背景となるイラストの画像の名前をいれる。（英語の小文字で "wall.gif" の部分を変更。または "wall.gif" という背景画像をUPする。）

　　　　<IMG SRC="line.gif">
　ここにはライン（横線）の名前をいれる。分かりやすいように自分のサーバーに画像をＵＰする名前を、"○○line.gif" にするといいよ。

　　　　　　　　＜写真の部分＞

　ここでははちの写真を使ってるけど、みんなはそれぞれ自分の撮った写真を使ってね。（写真の名前を変更して、「１０．画像」で紹介した画像のリンクを使おう。）自己紹介には自分の写真や、旅行記には風景や食事の写真、動物にはかわいい写真などをつかうと、一気にページが華やぐよ！

　　　　　　　　＜リンク向けのテーブルの例の部分＞

　ここは表紙や、コンテンツのトップページ用に、リンクをしやすいようなテーブルを使ってます。テーブルを使うのが難しかったり面倒という人は、文字だけでもリンクできるよ！

　　　　<CELLPADDING="数字">
　表の枠線から文字をどれくらい離すかを決めるタグ。（数字が大きいほど離れる。）使うととても見やすいけど、大きすぎるとテーブル自体が大きくなりすぎるのでバランスが重要。

　　　　<BGCOLOR="色">
　テーブルの中の背景の色を変えるタグ。（ここではwhite。）table のところに書けばそのテーブル内全てがその色になるけど、<TR>や<TD>の中に書けば、コマの中のそれぞれの色を変えることもできるよ。

　　　　<ALIGN="center" VALIGN="middle">
　コマの中の文字の位置を決めるタグ。"ALIGN" は横方向、"VALIGN" は縦方向。横方向の"center" は中央寄せ、"left" は左寄せ "right" は右寄せ、"justify" は均等。縦方向の"middle" は真ん中、"top" は上、 "bottom" は下になる。

　　　　<TD>と<TH>
　テーブルは<TR>が大きく横の列を決め、<TD>が列の中のそれぞれの小さいコマを決めるのがポイントと書いたけど、<TD> の親戚に <TH> がある。違いは <TH> は文字が太字（見出しと同じ扱い）になるだけ。

　　　　<TD COLSPAN="数字">
　"COLSPAN" 横のコマをまたぐときに使うタグ。（数字はコマの数。）親戚に "ROWSPAN" があり、これは縦をまたぐ。ちなみに"TD" じゃなくて "TH" にすると、中の文字が太字になる。わかりにくいので実例を下に示します。（中央寄せ）

横に３つまたぎます
横に２つもできます２段目右
３段目左３段目中央３段目右

縦に３つ
またぎます		縦に２つも
できます		１段目右
２段目右
３段目中央３段目右

＊詳しいタグを知りたい人は、このページのソースを調べてね。

　　　　　　　　＜お気に入りのサイトの部分＞

　線の見えないテーブルで作ってあります。ＨＰを作ったら、ぜひ僕のＨＰをリンクしてください！（笑）

　　　　　　　　＜下の方の部分＞

　　　　<A HREF="MAILTO:メールアドレス">
　このタグを使うと、そこをクリックした人のメーラーが自動的に開くので、メールを送るときに楽。リンクの変形かな？メールアドレスには自分のメールアドレスを書こう。

　　　　<IMG SRC="mail.gif">
　メールのイラストがあるとかわいいよ。画像のリンクの仕方は普通のイラストと一緒。

　　　　<A HREF="index.html"><IMG SRC="home.gif" BORDER="0"></a>
　一気にトップページやその他のページの飛べるように、イラストを使ったリンクを作っておくと見てくれた人に親切。「Home」（表紙）以外にもいろいろなものがあるよ。


＜ポイント＞

　ここにあるタグの中には覚えるのが大変なものもあるので、覚えなくてもＯＫ。特にテーブルは作成ソフトを利用した方が簡単だよ。修正するときだけ参考にしてね！

　使わなくてもいいタグも多いので、そこらへんは削除してね。増やすときはコピー＆ペーストを使うと便利だよ！！あとこのベース以外にも他のページで使えそうなタグがあったらどんどん利用させてもらおう！（もちろん僕もでよければ、ばしばしソースを利用してね。）

　修正する場合は、みんなのページのに合わせて修正してね！基本的には小文字部分は変えられる部分です。