WEBデザインを勉強し始めたばかりなのですが、

質問

WEBデザインを勉強し始めたばかりなのですが、

ブラウザは何を基準に製作していけば良いのでしょうか?
私は、FIREFOXを基準で製作しIEで確認しておかしなところは
CSSハックなどで修正すると聞いたのですが、
これで良いのでしょうか？

よろしくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

WEB開発には、開発者用のアドオンがたくさんあることと、ウェブ標準に最も近いブラウザであることから、Firefoxが便利です。
　ただ、日本国内に限定するなら、またまだIEのシェアは大きいですから、そう簡単に切り捨てるわけにはいきません。

＞CSSハックなどで・・・

　CSSハックを用いなくても、同じように表示されるように作成する方法はあります。わざわざ複雑にする必要はないでしょう。ページのデザインは、確かに制作者側からするととても気になる部分ですが、まず優先されることは「訪問者が欲している情報があること」。そのうえで、優れたデザインです。
　優れたデザインとは、必要な情報がこのサイトのどこにあるか容易に分かり、そこに簡単にたどり着けるようになっていることですね。
　目の悪い人はフォントを大きくしてみるかもわかりませんし、マウスが使えない環境でアクセスされているかもしれません。画像の読み込みは停止して高速で探しているかもしれません。・・・それにきちんと対処できているのが優れたデザインということです。
　あなただって、何度も訪問して利用するサイトに関しては、そうだと思います。

　最初はシンプルなものから初めて、それぞれのブラウザでの表示を確認しながら制作していけばよいでしょう。

＞ブラウザは何を基準に製作していけば良いのでしょうか?
　あまり考えたことはありません。それはちょっとおかしい。きちんとHTMLが書かれていれば、どのブラウザでも、きちんと伝わるはずです。

　とはいっても、きちんと書かれているかは、主だったブラウザのすべてで行ってはいます。
　Firefox,IE,Opera,GoogleChrome,safari・・

　IEに関しては、IE Testerを使って、６以降での表示は確認するようにしています。それ以外のブラウザは、古いものはあまり使われていませんからチェックはしてません。そして、企業サイトに関してはSEOとして、Lynxでのチェックは欠かしません。

　ただ、この作業はトップページと、各ページのテンプレートができるまでです。あとはテンプレートに流し込んでいくだけ・・現在は、基本的にテキストエディタだけですが。

お礼

ご丁寧にありがとうございました。
頑張って勉強していきたいと思います。
ありがとうございました。

回答No.2

metametamu

firefoxで作った後にその他のブラウザで確認する方法はhtmlやcssを覚えやすくていいと思います。一番クセが弱いので。
Opera、Safari、Chromeなどはほとんどfirefoxと同じ挙動になると思いますが、フォーム周りはそれぞれ確認することになると思いますし、IEに関してはバージョンごとにも表示が違うのでIE Testerとかを入れるとバージョンごとに確認できて便利ですよ。
http://www.my-debugbar.com/wiki/IETester/HomePage

お礼

ご丁寧にありがとうございます。
是非参考にさせていただきます。
ありがとうございました。