• [2012/02/02 19:27]  そばかす対策に必要なことは
  • [2012/01/19 18:52]  賃貸マンションは、何を基準で選ぶ?
  • [2012/01/19 18:51]  不動産の選び方というものは
  • [2012/01/19 18:44]  簡単なことから始めましょう。簡単ダイエットはこちら
  • [2012/01/17 15:19]  古いパソコン処分したいのだが
  • [2012/01/17 15:09]  大阪で超楽々貸切バスを借りてみたい方へ
  • [2012/01/17 10:58]  金やプラチナの相場が上がれば高く買取ってくれる業者
  • [2012/01/17 10:55]  まずはプラセンタドリンクを飲んでみて味を確かめる
  • [2012/01/13 15:20]  意外なほど簡単に見つかる、金沢で最高のマンションについて
  • [2012/01/12 16:10]  ネット通販の米屋さんについてご存知ですか?
  • ホームページデザインのことならホームページデザイン online

    ホームページデザイン

    ホームページデザインは、デザインの一種。ウェブページやウェブサイトにおける視覚面(意匠・要素配置等)に対し、整理・再構築・意匠等を施すことである。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つWWW(ウェブ)の性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブデザインを行うデザイナーを、ウェブデザイナーと呼ぶ。2007年より、ウェブの設計技能を検定する国家資格としてウェブデザイン技能士がある。

    ウェブデザインの内容は、ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。

    歴史

    世界最初のウェブデザイナーはティム・バーナーズ=リーであったと言える。彼はWWWを発明し、1991年に世界初のウェブサイトを立ち上げた。

    CGIが発明されたことで、WWWは大きな転機を迎える。それまではウェブサイト作成者が発信した情報を閲覧者が受け取るだけであったWWWという世界に、CGIは双方向性のあるコミュニケーションをもたらした。そのことによってウェブデザインもまた大きな転機を迎えた。

    また、インターネット接続環境の進歩もウェブデザインに大きな影響を与えてきた。ダイヤルアップ接続が一般的だったころには、通信料金を考慮し、画像の使用をも極力控えてデザインがなされた。インタレースGIFやプログレッシブJPEGもナローバンドに対応した画像ファイルフォーマットであった。動画においても比較的サイズの小さいアニメーションGIFが用いられた。しかし、ADSLやFTTHなどのブロードバンドが普及してからは、ファイルサイズを気にすることなく大胆に画像や動画を使用することが可能となった。その結果、ウェブデザインの幅は更に広がった。

    Flashをはじめとするリッチクライアントの登場により、リッチで高機能なウェブデザインも増えてきている。

    問題

    レイアウト

    ウェブページは、ユーザのブラウザのウィンドウによりデザイン領域を制限されている。その中でどのようにレイアウトするかがひとつの課題である。

    多くのデザイナーは、ウェブページ全体を固定幅のテーブルで包むことでこの問題を解決している。これによりデザイナーはブラウザのウィンドウサイズに左右されず、イメージ通りの表示結果を得ることができる。例えば、Yahoo! JAPANのトップページは幅710pxのテーブルの中でレイアウトされている(2006年5月現在[1])。これは最低横800px×縦600pxのディスプレイで最適に表示されるようになっている。

    しかし、レイアウト幅を固定することは、ユーザの選択を無視することにもなる。そこで、幅を固定しないレイアウトを用いることもある。固定しない場合、ウェブページのサイズはブラウザのウィンドウサイズに合わせて自動的に整えられる。例えば、ウィキペディアのこのページはその手法がとられている(2006年5月現在)。

    デザイナーがどのレイアウトを使用すべきかは、文字の量や画像の多寡にもよるが、アクセスするユーザの利便性を考えて決めるべきである。

    CSS対テーブル

    HTML4ではウェブページの見た目にはCSSなどのスタイルシートを用いることを推奨している。しかし、Netscape Navigator 4.xがブラウザ市場を支配していた時代、ウェブページをレイアウトするのにデザイナーが利用した人気の手法はテーブルを用いることであった。グリッドデザインのようにページを細かくレイアウトするためには、しばしば入れ子にされた何重ものテーブルが必要とされた。

    本来、テーブルはレイアウトではなく、表データのためだけに使われなければならないものだ[1]。それにも係わらずCSSが用いられなかったのは、Netscape Navigator 4.xのCSSの実装があまり良いものではなかったからである。なお、ウェブオーサリングツールによってはいまだにこの手法を用いたテンプレートを実装している。

    ブラウザ戦争末期、CSSを比較的よく実装していたMicrosoft Internet Explorerが市場を支配するようになると、ウェブデザイナーはページをレイアウトする手法としてCSSを利用し始めた。

    今日、大半の現代的なブラウザはCSSを最大限に実装している[2]ことや、昨今のユニバーサルデザインを重視する風潮を踏まえてアクセシビリティの確保やユーザビリティの向上を目指してデザインが行われるようになったことなどから、CSSを用いてレイアウトを行うことは、ウェブデザイナーの共通認識として確立されつつある。

    Flash

    Adobe Flashは、ブラウザによってウェブ上にダイナミックな内容と様々なメディア、インタラクティブなページを作成することができる。現在では、 Flashの採用により全くHTMLを使用しないウェブサイトも多い。しかし、Flashをサポートしていないブラウザもあり、そのようなブラウザでは何も表示されないという問題がある。このため、アクセシビリティの観点からは、代替のHTMLを用意することが望ましいとされる。

    Flashのファイルフォーマットは私企業であるアドビシステムズ(旧マクロメディア)が策定しており、その仕様は公開されている[3]。ライセンス上、仕様書を利用してそのファイルフォーマットのインタプリタを開発することはできない[4]が、ファイルを出力するソフトウェアを実装することは誰にでも可能である。

    おすすめリンク

    • YahooやGoogleでの上位表示ならSEO株式会社にお任せください。売上直結のSEOサービスです。
      SEO株式会社