 |
    トップ10サイトの比較検証 -- 3この記事のURLhttp://japan.internet.com/webtutorial/20020327/1.html
著者：Andrew Starling
海外internet.com発の記事
トップ10サイトの比較検証 |
|
AOL: Welcome to AOL Anywhere Yahoo: Yahoo! MSN: Welcome to MSN.com Microsoft: Welcome to the Microsoft Corporate Website eBay: eBay - The World's Online Marketplace Amazon: Amazon.com - Earth's Biggest Selection Lycos: Lycos About: About - The Human Internet Google: Google Disney: Disney.com - Where the Magic Lives Online! |
ホームページタイトル
各ページのタイトルは、ブラウザ画面の1番上とお気に入り/ブックマークに、 そして Windows 画面の一番下のタスクバー内にも表示される。 タスクバーにはその他のアイコンもたくさん表示されるので、 ページタイトルが「Welcome to」で始まったりすると全体を表示する場所がなくなり、「"Wel…"」とだけしか表示できなくなることがある。トップ10のうち3つのサイトでもタイトルは「Welcome to」で始まっていた。実質より礼儀ということか。
その他の7つのサイトでは、サイト名そのものでタイトルが始まり、
タスクバー内のアイコンが非常に小さくなっても表示される可能性を高くしている。
|
AOL: 使用 Yahoo: 使用 MSN: 使用 Microsoft: 使用 eBay: 使用 Amazon: 使用 Lycos: 使用 About: 使用 Google: (非常に少ないが)使用 Disney: 使用 |
クライアント側の JavaScript
JavaScript は皆が使っており、
非常にたくさん使っているサイトも多い。
ポップアップウィンドウを表示させないように出来ないユーザーがいるので、
クライアント側での JavaScript の使用は人気が衰えてきていると考える人もいるだろう。
それは間違いである。
|
AOL: 内部スタイルシート Yahoo: 使用していない MSN: 外部スタイルシートで、.ashx ファイルをたくさん使用(50k) Microsoft: 外部 .css ファイル eBay: 使用していない Amazon: 内部スタイルシート Lycos: 外部 .css ファイル About: 外部 .css ファイル、9k の大きなファイルもある Google: 内部スタイルシート Disney: 使用していない |
CSS
この点については共通点はあまりない。 CSS を全く使わないサイトが3つ（そのうち2つのサイトには、あまりテキスト文字がない）、 メインページにスタイルシートコードを使用しているサイトが3つ、 外部 .css ファイルを使用しているサイトが3つで、 MSN は独自での方法で、.ashx のスタイルシートファイルをたくさん使用している。 このファイル形式は、Microsoft .NET イニシアチブに関係しているようだ。
コンセンサスがあるとすれば、
一般的に多くのサイトが様々な形式で CSS を使用しているということである。
|
AOL: 585ピクセル Yahoo: ほぼ700ピクセル、640ピクセル画面で少し切れる部分がある程度 MSN: 768ピクセルだが、640ピクセル画面に完全に収まるよう縮小する Microsoft: 全体は100%、メイン部分は621ピクセル eBay: 600ピクセル Amazon: 100%、640ピクセルで充分 Lycos: 100%、最小幅が約760ピクセル About: 654ピクセル Google: 800ピクセルウィンドウの場合で700ピクセル、しかし640ピクセル、500ピクセルにも対応出来る。 Disney: 640ピクセル (800ピクセル幅ウィンドウで640ウィンドウに表示し算出) |
ページ幅（ピクセル）
ややこしくなるところだ。 ページ幅を HTML コードではっきり指定していないこともあり、 画像や時にはテキストの横幅で決まることがある。 ページ幅を算出するのに、わざわざ画面の幅を計らなければならない場合もあった。
ほとんどのサイトで800ピクセル幅の画面に完全に収まり、 大半は640ピクセルでもほとんど問題がなかった。 Lycos は例外で、実際800ピクセル必要であった。 Yahoo 、About 、Disney の場合、640ピクセルだと垂直スクロールバーが邪魔になり、 多少切れる部分があるが、あまり大きな問題ではなかった。
おもしろいことに、4つのサイトで800ピクセル幅いっぱいにスペースを使うわけでなく、
640ピクセルのレイアウトとほぼ同じにすることにこだわっていた。
トップ10サイトの比較検証 -- リンク トップ10サイトの比較検証
トップ10サイトの比較検証 -- 4
本サイトの全てのコンテンツ、テキスト、グラフィック、写真、表、グラフ、音声、動画などに関して、その一部または全部を、japan.internet.comの許諾なしに、変更、複製、再出版、アップロード、掲示、転送、配布、さらには、社内LAN、メーリングリストなどにおいて共有することはできません。
ただし、コンテンツの著作権又は所有権情報を変更あるいは削除せず、利用者自身の個人的かつ非商業的な利用目的に限ってのみ、本サイトのコンテンツをプリント、ダウンロードすることは認められています。