アイコン、壁紙（バックグラウンド・イメージ）、ライン、画像
いずれにしてもくれぐれも著作権などに気をつけて。
色の見本をしらべることができるところを紹介する。どういう設定をしたらどういう色になるか簡単に一覧できる。
背景と文字の色の組み合わせ次第ではものすごく見づらくなってしまうので、気を付けよう。自分のコンピュータではうまく見えても、他人のコンピュータで見るとずいぶんと色が違って悲惨な画面になっていることがよくある。これは機械の発色の違いや表示できる色の数の違いによるものだ。
JavaScriptによるNetscape2.0用カラーチェッカー
普通ホームページは電話をきってオフラインで書く人が多いと思うけど、ここはいったんセーブしておけばオフラインでも色のテストができる。- RGB Hex Triplet Color Chart
- 坂本さんの色見本
バックグラウンドのイメージが暗い色だからといってバックグラウンドの色の設定を白にしたまま、文字を白にしているページをよく見かけるが、バックグラウンドのイメージが読み込まれないことも想定しないと文字が何も見えないページになってしまうことがある。高速にネットサーフィンするためにイメージを読み込まないようにブラウザーを設定している人は多い。特に最近のNetscapeはバックグラウンドのイメージを後から読み込むので、途中でロードをSTOPした場合は何も見えないページになってしまうし、そうでなくても全部読み込むまで何も見ることができなくて読者をいらいらさせてしまうことになる。
画像を使うのはページをにぎやかにするのに効果的で、簡単に雰囲気を盛り上げることができるものだから、ついたくさん使いがちだ。だけど自分が他人のページを見ているときの気持ちを思い出してほしい。
いつまでたっても表示されない重いページ、あー、いらいら〜。やっと表示されたと思ったら、なんだこんな画像をみさせられるのに延々と待たされていたのか（怒）・・ってなこと多くないですか。インターネットの線はまだまだ細いから、なるべくグラフィックが軽いほうが喜ばれる。あんまり重いグラフィックを貼り付けていると繰り返し立ち寄ってもらえなってしまう。
- 違うアイコンをいくつも使うよりも同じアイコンを使う方が速い。一度読み込んだ画像ファイルは次からはディスクのほうを読みにいくから。
- width, heightを指定しよう。
グラフィックがロードできないでいつまでも表示されないホームページがあるでしょう。あれ、いらいらしますね。イメージをインラインで張り込むときはWIDTH=とHEIGHT=でイメージのサイズをピクセル数で入れておこう。そうすれば、Netscape Navigator ではまずテキストを表示して後から画像を読み込む。特にアクセスカウンターにはぜひこの配慮がほしい。
また、いらいらするのがいやで画像を読み込まないようにWWWブラウザを設定している人も多いので、ALT= を設定しておこう。
例：<IMG SRC="title.gif" ALT="斎藤のホームページ" WIDTH="250" HEIGHT="100">
- 減色しよう。ファイルサイズが小さくなるから
- 縮小しよう。ファイルサイズが小さくなるから
- 写真はJPEGを、色数が少ない絵はGIFを使おう。そのほうがファイルサイズが小さくなるから
- 画像のかわりに文字やHTMLで飾ろう。
魅力アップのために背景色や画像で飾っているはずなのに、かえって見づらくなってしまっているページが多い。
- 背景色と文字のコントラストをはっきりと。 自分のマシンで読めても他のマシンでは違う。
- 背景色は画像が読み込まれなかった場合も考えろ。
- GIFアニメはうるさくなりすぎないように。目を引きすぎるので、意味のないところで使うと本来注目してほしいところに目がいかなくなってしまう。
最近いろいろ種類がでているデジタルカメラだけど、持っているとホームページを作る人には何かと便利だ。オモチャとしての価値が高いものがおすすめだ。たとえばカシオのQVシリーズ。液晶ビューカムみたいなスクリーンがついていて、宴会小道具やちょっとしたメモなど利用の幅は広い。
- digital camera related internet resources
デジタルカメラに関する情報源を大量に集めている。おすすめ。- QV-10 FAQなどがあるIt's a PALMTOP WORLD!、ソニーのデジカメ Cyber-shot FAQ。おすすめ。
- パソコンにつなげて使うちっちゃいＴＶカメラのQuickCam は１〜３万円で買えて CU-SeeMe にも使えて楽しい。
- 最近はデジタル・ビデオカメラなんてのもある。リッチな人はどうぞ・・・Degital Handycam PC7 Review - パソコンへの画像の取り込み方も解説している