ブラウザーの違いに注意

Netscapeに関しましては、バージョン6.0以降だいぶIEと同じように表示されるようになりましたが、それでも細かい所の表示が異なりますので、商用サイトを作成する場合には、できるだけ両方のブラウザーを入手し、表示の確認を取ることをお薦めします。

ホームページは基本的なHTMLだけで作成する分には、ほぼどのブラウザーでも表示上の問題は生じませんが、デザイン性を重視して新しいタイプの指定（スタイルシートやスクリプト類）を用いると、古いバージョンのブラウザーでは表示上の大きな問題となることも考えられます。

個人のホームページであれば、ほぼ90%を占めるIE 5.01/5.5/6.0のユーザーをターゲットに作成してもさほど問題にはならないと思うのですが、商用サイトなど、広く一般に見てもらえるサイトを作成する際には、ブラウザーによる表示の違いも注意しておいて下さい。
　　　　　　　　　　　

モニター解像度に注意

さて、モニターの解像度が違うとどのように表示が変わってくるのでしょうか？下の画像は違いを分かりやすく描いてみた絵です。

モニター画面に写っている白い四角の部分がホームページとします。この場合、1024x768では画面内に余裕がありますが、800x600では画面一杯に広がります。

簡単に言えば、パソコンモニターの解像度設定によって、画面上の点の数に違いがあるためにこういった表示の違いが出るのです。
また、1024x768ピクセル設定の画面では、ひとつの点の大きさ自体が800x600ピクセルのモニターよりも小さくなるのです。

そのために、全く同じホームページや画像を表示させた場合でも、見た時の大きさが変わってきてしまうんですね。

それでは、ホームページを作成する際には、どのように注意をしたらよいのでしょうか。

また、モニターの解像度は1024x768、800x600だけではありません。640x480という設定もありますし、1024x768以上に細かい解像度もあります。

しかし、640x480ピクセルのモニターでも表示が収まるようホームページを作成するとなると、レイアウトや構成がかなり制約を受けます。ですから、多くの場合は800x600ピクセルで収まるよう作成しておけば、だいたいの訪問者の方には適した内容で作成ができると思います。

ウィンドウズとマッキントッシュの違いに注意

その他

ワープロ感覚で作成・・・　でもひとつだけ注意して下さい

ホームページを作成し始めの頃は、レイアウト上の注意点はなかなか分かりにくいと思いますが、文字や画像を配置させる時には、目分量での配置は避けるようにして下さい。
このページでも書いてきましたように、ホームページはパソコンの環境によっては表示が異なることがあります。
つまり、ご自身でご覧になられている表示は、他の方にはあてはまらないこともあるのです。従って、例えば文字や画像を目分量の空白スペースで間隔をあけたりすると、PC環境によっては配置がずれてしまったり、予期せぬところで折り返しが入ってしまったり、色々と不具合を生じる可能性もあるのです。

レイアウトを行う際には、必ずセンタリングや右/左寄せなどを用い、さらにレイアウトの幅を広げる場合には、テーブル（表）によるレイアウトなどを活用してみて下さい。
※テーブルについては「テクニック」をご覧下さい。