 |
文字のはなし |
|
ホームページを見ていて、たまに字がとっても読みにくいページって見かけませんか？
私は字を読みたい人なので、読みにくくても内容によっては一生懸命読みますが、
できれば読みやすいといいなって思います。
そこで、読みやすさのために注意したいことなど書いてみたいと思います。
 ☆背景との関連
どうですか？読めなくはないですが、やっぱりちょっと読みにくいですよね。 そこでこんな感じにするとどうでしょうか。
どうですか？比べてみると読みやすくなってますよね。 これは、文字をテーブルで囲んで背景に白（＃FFFFFF)を指定しているだけです。 <TABLE BGCOLOR="#FFFFFF"><TR><TD> ここに文字を書いて改行したかったら<BR>を入れます </TD></TR></TABLE> これだけでも、読みやすくなるのでやってみてください。 読みにくくなるから背景は色だけで、画像を使えないというのも寂しいですからね。 ☆中央揃え 文字を中央に揃えるには<CENTER>〜</CENTER>で囲めばよいのですが、 そうすると長い文章の場合左側と右側が不揃いになり読みにくいと思ったことは ないですか？ 例えば・・・
これをたとえば、画面の幅が狭い状態で見るとさらに・・・
とこのようになってしまうことがあります。 それをこんな感じでテーブルで囲んでしまうと・・・
こんな感じに左側を揃えることができます。テーブルの幅を８０％等という感じで 設定しておくと、画面の大きさに左右されずに、読みやすくなると思います。 （適度なところでの改行は必要ですが） 私はこれを多用しています。たとえばこのページも全体をテーブルで囲んでいます。 そして全体を中央に揃えているわけです。 私もはじめにホームページを作り始めたとき、テーブルなんていうものは知らなかったので、 なんかとっても読みにくいなあと思っていろいろなサイトを見て、さらにソースも 見せていただいて、ああ、こうすればそろうのかっていうように学習していったわけです。 文章が多いページなどにはとても有効だと思います。 ☆行間 これを見てみてください。
どうですか？上は <DIV STYLE="line-height:120%;">〜<DIV> で囲んで、行間を１２０％と指定した場合で、下は何も指定しない状態です。 少し気をつけるだけでもだいぶ読みやすさが違うと思います。 ・・・といろいろ書いてきましたが、これは私がホームページを作っているときに 注意している点でもあります。他にも気をつけたほうがいい点などもあるかもしれませんが、 基本は読んでもらいたいというところからきています。 友達にホームページ作ったのみてね。って言うときにもやっぱり読みにくかったら 申し訳ないななんて思って作ってるので、他にもこうしたほうがいいんじゃないの？なんて いうご意見がありましたら、是非メールか掲示板にお願いします。 |
次へ（フレームの話）