No Design No Life

ホームページを制作する上で注意するべき点があります。ホームページを見る人の閲覧環境を考慮に入れるという点です。

まずOSはWindowsなのかMacなのか。次に使っているブラウザはInternet Explorerなのか、Firefox、Google Chromeか、safari、Opera、とブラウザだけでもこれだけの数があります。
そして、さらに厄介なことに各ブラウザのバージョンによってホームページの見え方が異なるということを覚えておかなければなりません。

何故、こういうことが起きるのでしょうか？

各ブラウザのスタイルシートの解釈が微妙に異なるからです。ホームページ制作の素人がつまづくポイントの一つはここにあります。

素人は自分の環境（OS、使用ブラウザ）のみでしか表示チェックをしないため、ことなる環境で見ている人がいて、なおかつデザインが崩れている可能性があることを忘れていることが多くあります。

ホームページ制作のプロはどのような環境でも見え方が同じになるようにきちんとサイトを作り込んできます。
具体的にはどうするのかというと、各OS、各ブラウザ、そしてバージョンごとに最適化したスタイルシートを用意し、その都度最適なスタイルシートを読み込ませるようにしているのです。

これらは、ブラウザーハックと呼ぶテクニックで、webデザイナーには必須のスキルとなっています。

しかし、近い将来、各ブラウザーがweb標準の規格に完全に準拠し、一つのスタイルシートを用意するだけでレイアウトが崩れることなく正しく表示されるようになるでしょう。

ウェブページはHTMLというマークアップ言語によって記述されており、IEや、Firefox、safariなどをはじめとするのブラウザが、そのHTMLタグを解釈してビジュアルとして表示します。

現在、ウェブサイトは、HTMLからデザインや装飾に関するタグを排除し、より文書としての構造を明確化したXHTMLと、文字の大きさ、装飾や色の指定など、デザインの要素を記述するカスケーディング・スタイルシート（CSS）で構成されています。

他にも、ブラウザ上で動作するスクリプトとして、javascriptというものがあり、メニューのボタンのロールオーバー等で使用されることが多く見られ、古くから使われているポピュラーな技術です。

最近では、javascriptをベースとして、ドラッグアンドドロップや、画像のスライドショーのような動的なコンテンツを表現できるAjaxというという技術がよく使用されるようになってきており、google社がgoogleマップにその技術を使用したことで脚光を浴び、その後、急速に世の中に普及していっています。

あと、Adobe社が提供しているFlashという技術があります。Flashを使用するとムービーやアニメーションを使った表現力の高いリッチコンテンツをwebブラウザで表示できます。しかしながら、Flashコンテンツはデータ容量が大きい、検索エンジン対策に難がある、Apple社がリリースし急速に普及していっているiphoneやipadなどがサポートしていないというデメリットもあり、今後の動向が気になるところです。

webサイトには以上のような言語や技術が使用されています。

SEO対策とホームページ制作のImaginary Design