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

CSSで文字・行間




初心者

だんだんアクセスが増えてきた〜。これも読みやすくしたおかげかな。デザインに興味が沸いてきました。

お姉さん

フフ、WEBデザインに興味を持つのはいいことね。じゃあ、もう少し読みやすいページにしてみない?

え?まだ読みやすく出来るんですか?

お姉さん

スタイルシートを使って文字のサイズや行間を調整すると、読みやすくて綺麗なホームページにできるわね。まずは↓のページを見比べてみて。




CSSなし



CSSあり



比べる

おぉ!すごく読みやすい!文字のサイズが違うのかな。

お姉さん

そうね、文字のサイズもだけど文章の行間が違うの。行と行の間が空いていると読みやすくなるし、最初にページを開いた時の印象が違ってくるのよ。

印象ですか?

お姉さん

例えば、難しそうな本と子供が読む絵本を比べてみて。絵本は小さな子供でも読めるように文字は大きく行間が空けてあるでしょ。それに比べて難しそうな本って文字が小さくて行間も大きくは空いてないの。

初心者

歴史の本って、字がいっぱい詰まってて読む気にならないんですよね。あ、そうか。ホームページも字が詰まってるって印象を持たれると読む人が減っちゃうのかな。

 


お姉さん

最初に見てもらった時に「読みやすそうだな」って思ってもらえたら大成功ね。少し長くなるから次のページでスタイルシートの使い方を教えるわね。

初心者

はい、おねがいします!




戻る

(C)2004 105 ALL RIGHT RESERVED.