ここでは、HP作りに必要なテクニックや注意点等を紹介。
たまにこういう事に陥りやすいですので、気を付けましょうね。
表示確認はしましょうね
- WINDOWSを使っているほとんどの方はデフォルトでついている
インターネットエクスプローラー(IE)を使っているようですが、
(Macは知らないけど)
なかにはネットスケープナビゲーター(NN)を使っている方もいます。
もしくは、他のブラウザを使っている方もいます。
HTMLの表示は各ブラウザによって微妙に違って来ますので、
多くのブラウザで表示チェックをしましょう。
ごく限られた人が見るだけの、アクセス数を増やさなくてもいい人は別にいいですが、
それ以外の人は最低でもIEとNNのチェックはしましょう。
特にIEだけしか表示のチェックを行ってない人は注意が必要です。
IEはHTMLのチェックが甘く、多少のタグの間違いは自動で修正されてしまいますが、
NNでは表示がおかしくなるところがいくつも有ります。
理想を言うと、現在存在するあらゆるブラウザで表示確認をすることがベストですが、
そんなに暇人ではないので、IEとNNだけはしっかりやりましょう。
あと、たまにテキストベースのブラウザ(画像を読み込まない、
文字だけで構成されるブラウザ)で確認してみるとまったく違ってみえるので、
確認してみると面白いでしょう。
表示確認はしましょうね2
- 各パソコンの状況によっても違います。
色数が24ビットカラーの人もいれば、256色のヒトもいます。
モニタの解像度も1024*768のひとや、800*600の方もいます。
これだけでも見え方がかなり違うので、文字や背景などは
気を付けて指定しましょうね。
ALTは付けましょう
- 画像に付けるALTテキスト。よく付けてない人がいますが、
これはちゃんと付けましょう。これの本来の目的は、画像が読み込めないブラウザを
使っている人のためのものですから、使っている画像の説明を入れるのが本来正しい使い方ですが、
(例:alt="これはタイトル画像です")よく関係のない言葉を入れる人がいるので、
それは正しくないと書いておきます。(例:alt="ニューヨークへ行きたいか〜!?")
「現在はほとんどIEかNNだから。」と思っている人は減点1。(?)
視覚障害者の方もテキストを読み上げるブラウザを使っていることがあります。
こういう特殊なブラウザはもちろん画像を読み込めませんから、
画像についているALTテキストを読み上げることになります。
この時わけ分からない言葉を入れると、
そういう特殊ブラウザを使用している方は?になりますから、
わかりやすい言葉を入れることが大事です。
WIDTHやHEIGHTも付けましょう
- ブラウザで読み込む時に画像の大きさが変わって
テキストが読み難かった経験はありませんか?
それは、WIDTHとHEIGHTが書き込まれていないからです。
これは画像の大きさを指定する物ですが、
この指定がないと、ブラウザが画像を読み込まないと
その画像の大きさを認識しないので、
画像を読み込む度にレイアウトがかわり、
画像の読み込み中はテキストが読み難くなります。
あらかじめ大きさの指定をしておくと、
画像を読み込む前に画像が表示する大きさを確保するので、
レイアウトが変わらなくなります。
特にこの指定は画像が重いと威力を発揮します。
ストレス無くHPを閲覧してもらうためにも、指定をしておくことをおすすめします。
デッドリンクは気を付けよう
- リンクのページがあるのはいいことですが、
たまにそのリンクにいけない事があります。
相手ページが引越ししたのか、削除したのか分かりませんが、
せっかくリンクへ飛んでみたのに、重いページを読み込んだ挙げ句ファイルがなかった、
なんて事になればげんなりしてしまいます。
そんなことがないように最低でも月1回はリンクがある事を確認しましょう。
重いページは嫌
- 身があるなら多少重くても我慢できるんですが、
やれJAVAスクリプトだの、JAVAアプレットだの、ショックウェーブだの、
一回目は驚くかも知れませんが、二回目以降は重いだけで
ストレスが溜まるので、なるべく軽いページを目指しましょう。
重いだけの身のないページは二度と行きたくありませんし。
ブラウザを選ぶぺーじは嫌
- たまに見かけますが、IEで見てくださいとか、NNのみ有効とか。
どちらでも見られるようなHPにして欲しいです。
普段使っているブラウザのほうが使いやすいですし。
もちろん、ブラウザ固有のタグ(<blink>や<marquee>)
を使うのもどうかと思います。
だからこのHPではブラウザ固有のタグを紹介してないんですね。
IEとNNの違いについて
- とにかく、万人に見せたかったらNNで動作チェックしましょう。
NNで見れてIEで見れないのはBLINKかLAYERくらいですし。
でも、私に言わせてみればNNだって細かいバグ(?)あるけどね。
たとえば、<input>(<form>)タグの場合、タグを大文字にしないと
入力フォームが表示されないんだよね。NN。CSS(スタイルシート)も一部使えないし。
でも、基本的にタグは大文字で書いて、属性値は小文字で書くのが一般的みたいです。
HTMLの仕様ではない(はずだと思う)のですが、
見易さの観点からもそういうふうにした方がいいのかな?
大文字で書いていれば問題ないらしいですが。
私は小文字派なのでいけいけ小文字です(謎)。