Challenge HP
HP作成 スタイルシート apeskin サーバー HP作成ソフト アフィリエイト リンク BBS top
HPあれこれメニュー
はじめに
HTMLの基本
テーブル
フレーム
レイアウト
画像
色々なこと
HTML4.01要素一覧
XHTML
テンプレート
エイプスキン
サイトマップ
 
IEツールバー
Googleツールバー
Infoseekツールバー
Yahoo!ツールバー
Windowsをお使いでしたら、IEツールバーを利用すると検索に便利。 ブラウザに組み込まれ、キーワード検索できます。




■ ホームページの幅
皆さんが使用しているPCの画面領域は1024×768が現在は多いと思います。 その確認は、スタート→設定→コントロールパネル→画面→設定タブ と進む事で確認できます。 まっ、タスクバーの画面のアイコンでも良いです。 この設定は、640×480〜1600×1200くらいまで変更が出来ますが、必ずしもそうとは限りません。 800×600までしか表示できないPCも沢山あるからです。

ホームページを作る際は自分のPCだけを考えずに、色々な環境での表示を意識する方が、 サイト訪問者に優しい作りになります。1度画面領域の設定を変えてみると良いですね。 しかし大きいサイズへの変更は、お使いのPCで表示できる範囲を超える場合もあります。 その場合真っ暗になって何もできなくなりSafeモードでWindowsを立ち上げて設定変更を余儀なくされるので、 現状より画面領域を大きくする場合は、各自の責任でお願いします。

ちょっと余談ですが、先日ある商品を売っているサイトに行った時、そのサイトは領域を1024×768にしてある自分のPCで、 横幅が全て表示出来ませんでした。そのサイトを作った人は、おそらく画面領域を1152×864にして、 そのサイズで丁度良く作ったのでしょう?しかし横スクロールしながらのサイト閲覧って最悪ですよね。

またブラウザの左側に出るお気に入りを常時表示している方も少なくないと思います。 お気に入りの表示は150px〜200px程度使っているのではないでしょうか? これからも1024pxの画面領域でも200px程度マイナスでサイト作りした方が良い事になります。 この点からも800px未満でサイトを作るのが良いとなりますね。ちなみにこのページは約730pxです。

将来もう少し幅を大きく取っても良い時代が来るでしょうが、その時このサイトの幅をもし200px広げたらどうなるでしょう。 1行に書ける文字数が15字程度増やせるわけですが、そしたらかなり読み難くなるような気がしますね。
■ 文字のサイズ
このサイトの文字は14pxと言うサイズです。文字のサイズを小さくすると、 大きい文字より何となく賢いように見えるようですが、それでも余り小さいのは問題です。

例えばの話、17インチで1024×768の画面領域で表示してるPCより、 15インチで1024×768の画面領域で表示するPCの方が文字が小さくなります。 同じ領域をサイズの小さな画面で見ている訳ですから当たり前の事ですね。

よくモニターのインチ数で表示される範囲が違うと思われる方もいますが、 TVと同じように小さな画面でも同じ範囲を表示しています。従って小さい画面では小さく見える事になります。

例えばの話しで、17インチでと15インチの事を書きましたが、ノートPC等では、 12インチ・13インチ・14インチくらいも多くあります。つまり余り小さい文字はそれらのPCでは読み難くなります。 しかし12インチでも画面領域を800×600に設定すれば、見える範囲は狭くなりますが、その分文字は大きくなります。 このように色々なPCでの表示を何となく意識しながら文字サイズは考えた方が良いです。
■ サイト閲覧環境
「当サイトはIE・1024×768の画面領域・文字サイズ中で見る事を推奨します」と書かれているサイトがあります。 それは、それ以外の環境で意図したスタイルを表示できない場合が多いからですが、 IEを使えないOSもありますし画面領域を1024×768に出来ないPCもあります。 でもそういう環境の人は閲覧するなと言いたい訳ではないです。つまりあれは「自分のPCを基準にしてサイトを作っている」 と言っているのと同じで、ある意味言い訳ですね。

多種多様なPC環境に順応したサイトを作るのは難しいです。CSSのサポートも十分じゃないブラウザもありますし、 場合によっては自分が作りたいスタイルを諦めるしかない場合もあります。 でも個人サイトなら上に書いたような言い訳があっても私は良いと思います。

しかし少しでも言い訳を減らす努力は必要ですが、 あらゆる環境に対応したサイトは、極単純なサイトかHTMLに詳しいプロによるサイトくらいなものでしょう。 サイト作りの「言い訳」に対し色々書いてるサイトもありますが、個人サイトなら気にする必要はありません。

ここでも色々書いてありますが、あくまで自分の経験等を書いているのであって、 参考程度に読んで頂ければと思ってます。少なくても自分も、Mac・Linaxなど、 Windows以外のOSでサイト確認をした事はないです。(笑)
 you style Copyright (C) 2003-2004 Challenge HP, All rights reserved.