全ての環境で見れるＨＰの作り方は？

質問

今、自分で会社のＨＰを作成しています。
Win/IE5.0以降とWin/Netscape4.78と7.0でなら
当方の環境で確認することが出来ます。
というよりも、上記の環境で対応していればいいもんだと
思っていました。

だが、数ヶ月分のアクセスログを見ていたところ、
Win/Netscape4.78や、Macでのアクセスが
以外に多いのに気づきました。

以前、Win/IEで見れていたものが、
Mac/IEでは、文字や画像やFLASHが、ずれていました。
今も、Win/Netscape4.78では、めちゃくちゃな表示になってしまっています。
Win/IEとWin/Netscape7.0では、ちゃんと見れています。

ＨＰの作成ソフトは、ホームページビルダー6.5/7.0です。

ある程度の環境でHPを見れるようにするには、
どういうことに気をつけて作成したらいいのでしょうか？
また、その辺の事を書いてあるサイトはありますか？

回答No.5

jakarta · ベストアンサー

個人サイトであればNetscapeのver4.7×あたりはMac/Winとも切り捨てて
よいのですが、Windows95/98を使用している会社では規則的に
Netscapeのver4.7×を使用しそれ以降(つまりマシン導入時から
全くメンテさされていないために)アップデートしていないという
ところも少なくありません。会社のHPということですのでできれば
対応しておくのが望ましいです。HPはとても簡単に情報にアクセスできる
手段ですのでHPの完成度、見栄えなどは企業の信頼性にも関わります。

Netscapeのスタイルシートにおいて表示に問題があるのはバグというよりも
Netscape迷走の時代というべきかCSSの機能をきちんと実装しなかった
ことにあります。ようやくIEと足並みがそろう6.2まで持ち越されます。
UNIX系OS…Linuxなどでは最近のkernel2.4以降を採用したものであれば
WazillaまたはNetscape6.2以降が同梱されていることがほとんどですので
スタイルシートの表示にはほとんど問題がないと思います。

>ある程度の環境でHPを見れるようにするには、
どういうことに気をつけて作成したらいいのでしょうか？

仕事で制作している人間であれぱhtmlソースを見れば問題箇所を
経験的に判断できますが、なかなか難しいかと思います。
専門書などを参考にしてもよいかと思いますが、ホームページビルダーでの
作り方などは書いていませんのでタグを熟知していないと書かれている
内容すら理解しにくいと思います。

一番簡単にできることは文字の表示サイズを変えてもレイアウトが
崩れないようにし、シンプルな作りにしておくことです。
それと文字に書体をわりあてるのも極力さけるべきですし、欧文書体を
和文にわりあてるのは絶対にしてはいけません。和文が文字化けします。
機種依存文字もWindowsユーザーは使いがちですので気をつけてください。
公共の福祉二関わる社会的ニーズを満たす企業であればユーザビリティ、
アクセシビリティはとても大切なことですのでw3cのガイドラインを
読むか、専門の書籍を読んで勉強されることをお勧めします。

お礼

会社のＨＰも、始めはIE5.0以降で見れればいいと思って
いたのですが、ＨＰ作成にはまってしまい、
今ではいろんな事にチャレンジしています。
文字に書体を割り当てていました。
もちろん、ＭＳゴシック等のフォントでですが。。。
<font size="2">なども、<small>とかで表記しないといけないんですよね。
w3cについては、勉強していきたいと思います。

回答No.8

nightowl

No.4 の方も言われたように、視覚障害者のために配慮することは大変重要なことです。
そのためのガイドラインを参考 URL に挙げておきましたので、ご覧ください。
ここでの「色盲」という言葉遣い(MS-IME では一発変換できませんでした)に
違和感を覚える方もいらっしゃるでしょうが、これはポリシーに基づくものだということです。

Windows, Macintosh, Linux 用のフリーソフト「ImageJ」と「Vischeck ImageJ Plug-In」
を使えば自分のサイトが色盲・色弱の人にどう見えるかシミュレートできますので、
お試しください。

参考URL：

http://www.nig.ac.jp/labs/DevGen/shikimou/gen/shikimou_gen.html

お礼

ＨＰ作成が一段落ついたら、
今度は、視覚障害者の方への配慮をしたいと思います。

回答No.7

hidesira

全ての環境でホームページを正しく表示できる方法
それは、困難なことです。

絶対に無理とは言えませんが、

やり方としては
1.OSを限定する
2.IEかNNのどちらかに限定する
3.ブラウザ共通のタグしか使わないようにする

などの方法が考えられます。

1.は単純にWindows版、Mac版、Linux版という感じで。

2.はIEとNNではそれぞれ独自タグというものが存在することを
ご存知でしょうか？そのため、IEにできて、NNにできない
または、その反対も考えられるからです。
この方法が最も簡単です。

3.はHTML言語のタグ時点などの表示例を参考に
共通タグを使用する方向で行く。

いずれの方法をとるにせよ
しっかりと表示のテストを
行ったほうがいいと思います。

やはり、正しく表示できないと
意味がないですから、

参考にしていただけると幸いです。

お礼

IE使ってる人も、NN使ってる人も、
最新バージョンにしてくれればいいのに・・・
でも、その人なりにこだわりがあるんですよね。
バージョンアップしてないだけの人もいると思いますが。。。

もっと勉強しないといけませんね。
ありがとうございました。

回答No.6

noname#5675

専門家ではありませんが、職場の公式サイトを作っている関係上同じ悩みを抱えている立場から一言。

手間はかかりますが、結局タグとスタイルシートの知識をつけておくことが最も効果的と思われます。古いブラウザが今後淘汰されていくとしても、XHTMLなど今後の標準への対応ではまたブラウザ間で対応に差が出る可能性が考えられるからです。市販されているリファレンスブックには各ブラウザの対応状況、非推奨タグなどの情報が載っているので、それらを参考にされることをお勧めします。

下記にW3CによるHTMLとCSSの文法チェッカーを記載しておきます。信頼性は高いと思われますが、先述したように各ブラウザの対応状況が違うため、文法が正しいからといって表示の統一が保証されるわけではありません。

参考URL：

http://validator.w3.org/

お礼

ＨＰ作るのも大変ですよね。
始めはとりあえず、Win/IE5.0以降で見れればいいと思って
いたのですが、どんどんはまってきて、
今ではcgiの大改造できるようになってきました。
HTMLも予想以上に奥が深いですね。
w3cの事もありますし・・・
今は、cssも勉強中です。

回答No.4

pmmaohm

すべての環境で見れるHPを目指すとすれば、
OSはWinやMacだけではないですよ。UNIX系OSを使っているかたも大勢います。
ただUNIX系を使っているかたは、どんなHPでも柔軟に対応できるようなかたばかりですけどね。
HP作者の意図したことと違う見方をされる可能性はありますね。
(画像は見ないで、文字のみを閲覧するとか)

私は視覚障害者なんですが、普通に自分の目で見ているのですが、
ウィンドウの背景色とフォントの色のコントラストがほとんどなくて、
文字が読みづらかったら、そのHPは見ませんね。
HP作者がやたら小さいフォントサイズを指定いる場合もパスです。

まったく見えない人はスクリーンリーダーを使って、
HPなどは読みあげるんですが、
画像の情報は読みあげられないです。
そういうとき、<img src="***.jpg" alt="これは***の画像です">という
説明があれば、スクリーンリーダーが読んでくれるので
かなり助かると思います。

特殊な少数派にあわせるというわけではないのですが、
こういう人だって見ているということを知っているのと
知らないのとではホームページ作りに違いが出てくると思います。
目にやさしいページ作りのヒントにはなると思います。

お礼

>>そういうとき、<img src="***.jpg" alt="これは***の画像です">という・・・

alt="*****" は、あるのとないのがありました。
視覚障害者の方への考慮は、
今後の課題にしたいと思います。

回答No.3

the845t

NN4.xでの評価は捨てても良いかもしれません。
あのブラウザ自身、スタイルシートにバグがありますので。

ホームページビルダーでも、どこでも配置での作成でなければ、問題ないと思います。
機種の問題より、解像度での見え方もチェックされた方が良いかと。
人それぞれ違うウィンドウの幅なんかもね。

お礼

どこでも配置で作成してました・・・
ＮＮ4.xは、この際、切り離すことにします。
アクセス解析で、ウインドウサイズも見れるので、
その中でも多いサイズにだけ対応させたいと思います。

回答No.2

sand

このサイトで採点してみてはどうでしょうか？

参考URL：

http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

お礼

採点結果・・・－２００点超え！！
難しい・・・

回答No.1

drift-silvia

少々のずれは、気にしなくていいと思います。
少数派のブラウザを使っている人は、ずれたサイトには慣れているますので。

よくあるミスですが、
上下左右の余白を０にするとき、body タグだけではダメです。

お礼

一度、使ったことのないブラウザで確認してみようと
思います。ＨＰ作るのも大変ですねぇ・・・