見やすいページ ( up!)

『見やすいページ』

せっかくHPを作るなら、見やすいページにしたいですよね?
きれいなレイアウトだと読みやすいし、自分でも気持ちいいです。
「見やすいページ作りのコツ」をちょっとだけ紹介します。



1、ページ幅を決める

ページの幅を決めていないと、思い通りのレイアウトができません。
パソコンの画面の大きさは、人によって違いますよね。15インチの画面もあれば、モバイル用の小さい画面の人もいるし、大画面で見ている人もいるかもしれない。ウインドウの大きさを、自分好みに調整している人もいっぱいいま~す!  みんなが同じサイズの画面を見ているわけではない というのが、ホームページと印刷物の違うところです♪

せっかくページに文章を書いているのに、横に長~くなっている人いませんか???
適当なところで改行を入れるという手もありますけど、人によって 文字の表示サイズの指定が違う ので、自分のPCで見るときれいなレイアウトだけど、友達のPCで見たらズレていた!なんてことはよくあります。 なので 「TABLEタグ」 を使うのが便利です♪ 
ページを丸ごと、ひとつの「TABLE」に入れてしまうのです。

<TABLE width="★">の★のところに、指定したいテーブルの幅を入力します。

★のところは「600」くらいが目安ですかね~。ちなみにこのページは「500」のサイズに設定してます。「600」より大きくなると少し読みにくいかも。色々試してみてください♪



2、「戻る」とか「次へ」を入れる

なんこっちゃ~??って言わないでね♪ 他の人のページを見ているとき(特にこの楽天HPで)、ページの下まで読んだ後、また上にスクロールするのってめんどくさくありませんか? キーボードで一発でトップに戻れるけど、やっぱりページの一番下に「ホームに戻る」とか、そんなリンクがあったほうがラクですよね~♪

あと文章で何枚ものページにわたるとき(例えば旅行記とかね)も、「次のページへ」っていうリンクがあったほうが親切です。そうすれば、次々と読んでいけるので見る側のストレスが減ります♪ 楽天だと、一回ページの上のほうに戻らなきゃいけないことが多々あるので。。。



3、あんまり長いページにしない

文章だけなら長~いページでも大丈夫ですけど、写真のときには要注意!
デジカメの画像を縮小したりせずにそのまま10枚くらい載せると、かなり長くなります。そして ページ自体がかなり重く なります。重くなるというのは、データの量が多すぎて、パソコンの読み込みが遅くなるということ。なかなかページが表示されないってことがたまにありませんか??

ADSLや光ファイバーが普及してきてますが、まだまだダイヤルアップ接続の人はたくさんいます。ダイヤルアップだと、写真一枚表示するのに、10秒以上かかっちゃうこともあるので、大きい写真なら1ページに1枚が限度かも。。。

楽天HPは「JavaScript」が使えないので、小さい画像をクリックすると、別ウインドウで大きい画像が現れるってことができません。。。なので、大きい写真は1ページに1枚のほうが今のところ良いと思います♪





© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: