HTML

HOME >> STEP UP >> HTML

HTML：詰めが甘いと言われないために

所詮ＨＰを作って３年程度の私が書いているので(しかもＨＰ作成ソフトをメインで使用してますし)そのレベルでしかありませんが、不明な用語やタグ等が出てきてもそれを調べることの出来る環境があることが必要かと思われます。

◆独り言

◆画像について

まずは自分のページを画像OFFでご覧になることをおすすめします。

画像をOFFにするには(このくらいは知ってないと困るかも(^^;)IE5なら「ツール」「インターネットオプション」「詳細設定」タブの「マルチメディア」の「画像を表示する」のチェックを外します。
NC4.6なら「編集」「設定」「詳細」の「自動的に画像を読み込む」のチェックを外します。

ここで、よくあると思われるケースを紹介します。

１）画面が真っ白になって字が読めない

背景画像(background)を黒(濃い色)系にしていて、背景色(bgcolor)を指定していない場合によく見られるケースです。
こういう場合、字を白(薄い色)系にしていることが多いと思いますので画像OFFの場合、デフォルト背景色の白が表示されて字が読めなくなってしまったりするのです。
背景画像を使う時もbgcolorは指定するようにしましょう。

２）大きな画像を貼っているはずなのに、小さな画像の枠が表示されてレイアウトが崩れてしまう。

これは画像にサイズ指定(width,height)をしていない場合です。
意図しないレイアウト表示がされるので、サイズ指定はするようにしましょう。あと、確かこちらの方が微妙に読込が早いと聞いたことがあります(真偽不明)。
ちなみに、私の使っている「ホームページビルダー」は画像を挿入すると自動的にサイズを記述してくれます。とっても便利～(^-^)。

３）画像の枠だけ表示されてなんの画像かわからない。

これは画像にalt指定をしていない場合です。
写真や自分の描いた絵を表示させている(と、見ている人がわかっている)場合は別かもしれませんが、なるべく書くようにしておいた方がいいです。
特にトップページなどでのメニューを画像で作っている場合はこれがないとなにがなにやらわかりません。
また、２）の場合も言えますが、イメージマップを使用しているとaltで細かいことまで説明するのが困難ですので、テキストリンクをどこかに用意しておくと良いでしょう。

◆文字について

言うほどのことでもありませんが、時々「ちいせぇーっ！」とか「でけぇー！」とか思う字のページがあったりします。
これはもう見ている人の設定(解像度やフォント)次第、と言うのもありますがそれでも一応いろんな状況を想像してみて作成してみた方がいいと思います。

ブラウザのフォントの大きさを変えて見てみるだけでも十分ですので。
IEなら「小」や「中」でどう見えるかの違いくらいは調べてみた方が・・・。
あんまり「最小」や「最大」で見ている人はいないと思うのですが、どうでしょう？

これを考えて、フォントのサイズ(size)はあまり極端なものにしない方がいいと思います。「size="-2"」がたくさんあるとキツイと思うのは私の目が悪いから(^-^;？

また、MACとWINでも標準の字の大きさが違うようです。
私(WIN)の経験では、「全体的に字が小さいな」と思うページはMACで作成なさっている方が多いように思うのですが・・・偏見(^^;？
しかし逆に考えると、MACの方は「WINで作っている人のところは字が大きい」と思ってるのかも。

◆トップページについて

この辺は私の好みかもしれません。ポリシーがあってこれをやっているんだ！と言う人もいらっしゃるかと思いますが、ケンカ売っているわけではありませんので念のため。

基本的に重たいページは嫌われる傾向にあります。
重たいと言うのも個人的感覚に左右されますが、少なくとも自分が重いと思うページは作らないようにしましょう(当たり前か・・・)。

それでもって。

○ やたらデカイ画像

イメージマップを使用しているとどうしても大きくなってしまうかもしれませんが、限度もあると言うことで(^^;。
少なくとも横スクロールはダメでしょう。下に文字が書いてある場合はさらに最悪になってしまいますし。
縦に分割しているフレーム構成の場合、横サイズの限界が通常よりも短くなりますので忘れないようにしましょう。

○ プラグインを必要とするページ

トップページは初めましての人も訪れますのでそのプラグインを持っていない可能性も十分あります。
そんなときにいきなりプラグインのインストールを要求されても困ると思うのですけど・・・。

○ ＭＩＤＩ（音楽）

うーん、これはやっぱり好みかなぁ？
しかし、先ほども書きましたがやはりここがどこかよくわからない人が訪れた場合いきなり音が鳴ってびっくり、と言うケースもあると思います。
また音が鳴るとまずい場所でアクセスしていたりとか(笑)。
そう言った配慮はしていてソンはないと思いますが。

ちなみにこれはあくまでも「トップページ」の場合であって、クリックした場合そういうページが表示されるのだと見る側がわかっていれば構わないと思います。軽いにこしたことはないのでしょうけど。
まあ、そんなこと書いてる私もトップページにJAVAスクリプト置いてたりするんで～（苦笑）。

◆横のサイズ

ＨＰの横サイズはどのくらいまでならいいのか？
というのはやはり見ている人の環境に依存すると思うので難しいのですが・・・。

ただ、最低ラインとして640×480の画面サイズで見ている人を考えると言うのがあると思います。
実際企業系のページなどはほとんどこのサイズの中に(横が)収まるように作ってあると思います。
そこまできっちり考えなくてもいいかもしれませんが、小さい画面サイズでもそこそこ見られるような柔軟なデザインにしておけばいいかもしれません。

◆ブラウザ

やはりなるべくならたくさんのブラウザで動作確認をした方がいいと思います。
もちろんこれには限界がありますが、出来る範囲でやった方がいろんな人に見てもらえる準備は出来ると言うことで。私ドリームキャスト持っていますがネットには繋いでないのでそれでは確認していませんし(^-^;。

最低IEとNCは持っていた方がいいかも・・・。

また、ブラウザ上での違いを知ってそれを調べてみたりすると自分にとっても勉強になると思います。

◆独り言

友人とよく話をするのですが、なぜか「センスとわかりにくさは紙一重」なんですよね～。
おお、かっこいい！と思うページって、なんか「どこクリックしたらどうなるのかよくわかんない」のが多いような・・・すいません、所詮センスのない凡人の戯言っす(^-^;。