1時間で作るホームページ WEBデザインの素

読みやすく-レイアウト-



初心者

WEBデザイナーになりたかったお姉さん!ちょと聞いていいですか?

まだ、あきらめてないんだけど・・・。

なれます、絶対なれますって!

お姉さん

まぁね。たくさん勉強してるし。

初心者

すぐに就職できますよ!(ハハハハハ・・・) とりあえず見てください。



読みにくい
お姉さん

配色は読みやすいけど、なんだか文章だらけだね。しかも腕立てのネタ増えてるし・・・。

このまま文章増やしても読みにくいし、どうしようか悩んでるんです。何かアイデアないですか?

 
お姉さん

そうね〜<table>タグで囲んでみたら?それなら、もうすこし見やすくなると思うよ。

<table>タグですか?でも、あれって作るの大変じゃないですか?前に、すごい苦労したんですけど・・・。

お姉さん

文章全体の前後に↓のように入力してみて。 これぐらいなら簡単でしょ。



<table width="600" border="0" align="center"> <tr><td>

とても長い文章

</td></tr> </table>







読みやすく



見出しもつけて

お姉さん

←どう、ちょっと読みやすくなった?

初心者

全体の幅が狭くなって読みやすい!

お姉さん

ついでに文章に見出しもつけると、もっと読みやすいよね。こんな感じで←。

初心者

文章の見出しをつけるだけで、こんなに変わるなんてびっくりしました!さすがWEBデザイナー志望!


お姉さん

ちょっとした事だけど、少しがんばれば読みやすいページが出来るのよ。きっと見に来てくれた人も、最後まで読んでくれるよ。

あ、でも<table>タグを使いすぎるとページの表示が遅くなるんじゃないですか?だから使いすぎはイケナイって聞きましたけど。



分けてある
お姉さん

そうね。<table>タグの中にすごく長い文章や写真があると表示に時間がかかっちゃう。だから←のように分けてあるのよ。

初心者

なるほど!こうやって分けてあれば表示が遅くならないんですね。


お姉さん

そういうこと。一画面分ぐらいで新しく<table>タグを使えば、それほど遅くはならいから大丈夫よ。

初心者

すごいな、お姉さん。これならきっとWEBデザイナーになれますね!

昨日、書類審査で落ちたけどね・・・。

笑えない!


戻る

(C)2004 105 ALL RIGHT RESERVED.