640×480のモニター画面 左右600で作ってあれば左右のスクロール無しでも全部表示される

832×624

1021×768

1280×1024

テーブルを使わないで1021×768で見た画面。一行の文字数が多くなり読みづらい

ブラウザーの左右を狭くすれば読めるのだが・・・

　２、環境弱者に愛の手を！

　まず、見る人の環境を考えて見ましょう！

１、回線スピード
２、パソコンのプラットフォーム（Windows 系・Macintosh・UNIX など）
３、ブラウザーの種類（バージョンの違い）
４、モニター（大きさ・解像度・色数・ブラウン管or液晶など）

など、考えただけでイヤになってきます（＾＾;
でも、これだけは考えて欲しい！

　私は普段モニター表示 1024×768 で見てますが、ブラウザーを画面一杯に広げないと左右一度に見られないページが、たまにあります。小さいモニターで見ている人はどうなるの？

モニターサイズを考える

Windowsの場合（推奨値） （左右×天地　ピクセル）	Macintoshの場合（基本） （左右×天地　ピクセル）
640×480　余り使われない 800×600　15インチ 1024×768　17インチ 1152×864　17インチ 1280x1024　19/21インチ	640×480　13/15インチ 832×624　17インチ 1024×768　19インチ 1152×864　21インチ

※この表は（株）ナナオ様よりお聞きしました。

　上の表の数字はモニターの表示範囲（ピクセル）とモニターサイズの、Windows の場合は推奨値、Macintosh の場合は基本的な組み合わせです。

　まあ、いろんな表示サイズで見られるってことですね。

　Macintosh の場合を例にとればモニターが大きくなるということは、テレビ画面が大きなサイズになれば映像が大きく映し出されるのとは違って、左のように表示範囲が広くなる、という考えが基本です。要は72dpiで10cmで作った画像はどの大きさのモニター上でも10cmで表示されるということです。（ただしモニターの設定、調整による）
　しかしWindows の場合は目に優しい設定値ということで、上記の組み合わせが推奨値としてあるようですが、使用者によって設定はまちまちのようです。

　ここでホームページを作る時に重要になるのが、左右のサイズです。勿論、一画面で全部見せたいなど、天地も考慮に入れなければならない場合もあります。

　仮にホームページのサイズを左右 1000 ピクセルで作ったとします。左右 640 や 800 の環境で見る人はどうなるでしょうか？
　試しにこのページを表示しているブラウザーを左右 1/3 位に縮めて見てください。どうですか？左右が一度に表示されずに、上下スクロールの他に左右もスクロールをしないと全部見れませんね。スッゴク疲れませんか？

　13 インチのモニター（640×480）とはインターネットが急速に普及し始めた数年前（３〜４年前？）に多く見受けられたモニター一体型のパソコンやノート型のサイズです。ある調査によるとまだネット利用者の13％位はあるようです。（1999.10現在）
　800×600 は 15インチ程度のWindows の標準的なサイズでしょうか、また最近では17インチが多くなったようですね。

　13インチモニターの環境の人でも左右のスクロール無しで見られるように作るには、ブラウザーのスクロールバーなどの分を差し引いて、600 ピクセル以内で作った方がいいでしょう。また、800に合わせるにはやはり 760 ピクセルまででしょう。それ以上大きく作るのはあまり賛成出来ません（笑）

　逆にページのバックに左側だけの絵柄を敷く場合でも画像としては左右 1200 ピクセル位は欲しいところですね。（下図は左右 850 ピクセルで作った例）

バックの左側のみに画像を配置（左右800の環境で見た場合）

でも左右1024ピクセルの環境で見られたらなんと、右側にも出て来ちゃう。カッコ悪る！と言うか文字が絵柄に重なって読みづらい。(ブラウザー＆バージョンによってはタグ指定により回避可能)

機種依存文字の一例

上はWindowsで入力 ↓ Macintoshで見ると

上はMacintoshで入力 ↓ Windowsで見ると

Macで見ていると突然出てくる曜日の記号・・・なんじゃこれ？

　機種依存文字とは？

　世の中 Windows ？でも Mac な環境も忘れないでね。

　文字のコードはコンピュータの機種によってすべてが同じ訳ではありません。
とういことは、どうなるのでしょうか？
バケます！記号類に限らないようですが、特に見かけるのが「まる1」「まる2」などの１文字の記号です。使わないようにしましょう。（左図参照。もっと詳しく知りたい方は検索サイトで「機種依存文字」で検索してみてください）

※この問題はメールでも発生しますので、相手が同じ環境だと分かっていない場合は使わない方がいいです。（半角カナはサーバーで化ける可能性がありますので厳禁）

ポイントアドバイス

●どぎつい色は疲れます（笑）
●自分の作った（見て欲しい）環境をページのどこかに記載して置けば親切だね。
●文字を読ませたいならバックをあっさり、コントラストもちょっと抑えて。
● GIF アニメの多用も逆に意識が散漫になります。
●淡い色調、綺麗だね！でも液晶モニターでも大丈夫かなー？