すべてのブラウザ用に設計、Webサイト
それに直面しよう。は、複数のプラットフォームと複数のブラウザで一貫してブラウズはいつものように我々 like.Itなるほど簡単では、ほとんどの設計構築自分の時間の大半を過ごすと言って安全ですWebサイト構築 特定のプラットフォーム上で、自分のサイト。これらの最高水準で、完了時に、を参照してください可能性がどのようにウィンドウ98に見える別のブラウザと異なるplatforms.Sureでの作成時に見てみるべき Internet Explorerとは、良いことだけが、実際何百万と潜在的な訪問者の数百万の不良なウェブ体験のリスクをしたいのならやらせる?この....最近の統計を私は報告見て検討することを12% インターネットユーザーは、Macintoshユーザーだった。この事実を無視するだけ最適な1つ8のおcustomers.Furthermoreではなく、すべてのWindowsユーザーが閲覧することができるカタログを作成するようには、Windows 98を使用しています。 Windows 95で広く使用され続け、およびWindows 2000およびNT visitors.Itのかなりの割合を表すのLinuxユーザには小さいが、成長事態を無視するのは職務怠慢になります。しかし数で小さい この時、OSの人気daily.Platformの問題はさておき大きくなると、Internet Explorerでは、すべてのWindowsインストールでは、Microsoftの含有にもかかわらず、唯一のブラウザのオプションを表すものではありません。ネットスケープ ユーザーは、数百万の番号の強い次のを楽しむこと、およびLotus Notes継続コースの"標準"のブラウザや電子メールapplication.Thenとして、多くの企業で使用されてですが、AOLのです。 〜だけれども 基本的にはAOLの特定の相違点などを続けているフード"の下にIEのエンジン"。 AOLユーザーの膨大な数を考えると、このブラウザを見落としてはならない。もしあなたのサイト良いAOLの場合、あなたは見ていない 潜在的なvisitors.Itの大きな割合背を向け、クロスプラットフォームと複数のブラウザの互換性がありますがはっきりする必要がありますを危険にさらす。したがって、非常に基本的ないくつかを理解する手法を支援する あなたのページではほとんどの場所でもありますが最高のたくわえ。次の場合は、いくつかのヒントやアイデアをあなたの訪問者は、Webサイトのデザイナーを希望するseeAsするだけでは、#1ペイントは、キャンバスを行うためにを見つける できるだけ私の仕事の効率が、私は設定Macの2台のモニタを使用しています。として、私のマウスは1つの画面の葉、それは他の上で表示されます。したがって、私は、ほとんどの日に1856ピクセル、32以上の幅が広いキャンバスがある 水平インチ。もし私がしたいなら、私は簡単には2000人以上のピクセル幅を高めることができます。しかし、ウェブ上で自分のクライアントとの平均訪問者2つのモニタがありません。実際には、それらのほとんどは、画面の解像度に設定している 800 × 600または1024 x 768です。さらに、私は、AOLは、ユーザーがブラウザウィンドウを使用してクライアントになっているすべての1つのタイムか640ピクセルの幅のデフォルトは、no母校どのように大規模なモニターや画面のように思えるが開きます 私の最初のプロジェクトのresolution.On一、私は控えめな700ピクセルのワイドフォーマットにはすてきな、上部のナビゲーション領域を持つサイトをデザインしていた。私は自分のクライアントのオフィスにいくつかの"ポイントを取得し、彼女の新しい21を見つけること"のフィードバックを議論した インチモニタ- 640x480の解像度で設定します。私のデザインひどい見えた!場合、訪問者の広い範囲にアピールするためにWebサイトにしようとすると、良い低解像度でも見ていきますように設計する必要があります。 チェックいくつかの典型的な訪問者とは、通常使用する解像度の種類を参照してください。#2を使用しテーブルにコントロールWidthTables素晴らしいいるものが双方向テキストや画像をコントロールしようとすると一緒に行く。注文するには 見栄えの良いデザイン、テーブルを使用してconsider.Tablesをピクセル単位で固定幅またはウィンドウの幅を一定の割合を割り当てることができる最初の技術が実現します。の両方があるアプローチに利点があります。場合 表のセル内のオブジェクトの相対的な垂直方向の配置については、一定の割合を使用して心配していないがより多くの液体layouts.Ifにただし、画像の周囲で包まれたテキストを保持することができます詳細 一貫性は、パーセントのアプローチを使用して大きな違いをもたらすことができます。テキストはかなり異なる別のピクセルwidths.Toの細胞では、検討を使用して固定されたピクセルの幅より良いコントロールがラップされます。ただし、する必要があります 現在いくつかの妥協を開始します。場合は、良い640x480のを見ているサイトを提供する場合は、600〜あなたの表の幅を設定する- 620マックスが必要になります!を中心に、ウィンドウ内の見栄えを提供するテーブルを選択する が広い窓に使用されます。しかし、もしあなたの訪問者モニタの解像度1600X800に設定しており、ブラウザの"最大化して"あなたのページでは、600ピクセルのいずれかの側に空白スペースを500ピクセルになります table.Fortunately、少数の人々は、この構成で閲覧されます。私の経験を訪れる顧客、友人、家族がいても、モニタの解像度1000以上のピクセルの実際の幅で設定されて提案 ブラウザのウィンドウの場合、リスクがless.Youを決定する必要があります何かに削減される奇数いる人の巨大な高解像度モニタしたり、これらの基本的な640x480の#3には、迷惑なスクロールバーのリスクをいくつかのページ あなたのフォントUse.Supposing場合は、固定幅の表を選択し、幅300ピクセルですセルが妥協。このセル内の見出し、フォントを選択、書き込み、およびそれちょうど見てのサイズ。あなたのため良好です。あまりにも悪いこと 見出しを別の異なるsystems.Even上で同じコンピュータ上に来るだろうが、間にどのように、NetscapeおよびIEのフォントのレンダリングは非常にわずかな違いがあります。 8訪問者のMacを使って1を覚えてる?技術的な理由について この記事の範囲を超えて記述するためには大幅にMacをWindows上よりも小さく、フォントです。あなたの訪問者はまたも、自分のブラウザでフォントの表示のためのデフォルトのサイズを設定することを忘れないでください。もし 彼らは、あなたが本当にどのようにフォントが表示されるのコントロールを失い始めているよ!1つのソリューションのカスケードスタイルシートを使用することですが、その手法は、カジュアルなデザインの典型的な体験にとどまらない。その他 ソリューションを妥協することです。は、それが良いの優勢なプラットフォーム-現在Windows -しかし、使用していない上に見えることを確認可能な最小のいずれか、またはお使いのMacの訪問者を調べ!#4を読むことができなくなりますフォントのお客様 複数のPlatformsIに対する最終的なウェブのデザインをクライアントにそのサイトに良いの訪問者すべての方を向くことがコミットされます。このような場合であることを確認するには、私だけでなく、私のMacintoshのIntelは、コンピュータがあります。私は、Intelは、コンピュータが ブートするWindows 98、Windows 2000に、構成およびLinux。私はこれらの環境では私はデザインのすべてのページをテストします。 WindowsシステムとMacの両方で、NetscapeとInternet Explorerで、私をテストします。私は、パートナーへの参加 Lotus NotesとAOL.Thisでテスト過剰に見えることが頻繁にいくつかの小さなことを示すまでのいずれかのプラットフォームで/いくつかのマイナーな修正が必要ブラウザで構成されます。それっていいことか 十分な場合、私は、補正していないのですか?おそらく。しかし、それは常に最高の良い第一印象を作ることであり、ウェブ、場所を得ることは実際に見て、取るにコミットし、約5〜7秒にして上のすべての 小さなことcounts.If、あなたのお友達と参加、複数のプラットフォームにアクセスする必要はありません。を停止するためのライブラリや宮島を自分のコンピュータを使用するが(多くの場合、これらの場所だけでなく、Windows、Macintoshコンピュータがあります コンピュータの場合)、これらの4つの簡単な提案は、Webサイトの普遍的にあなたの訪問者が利用可能なコンテンツを作るのより大きな目標に向かって旅を始めている。結局のところ、この目標の達成に依存 多くの要因に。しかし、この目標は、あなたのサイトが異なるブラウザで表示され、別のユーザーの好みの設定に基づいawareness.Understandingを開始する必要がありますに向けて進行中です 意識に向けた重要な第一歩。とフォントの使用に良心的兵役拒否されてテーブルを使用して1つのステップをさらに表示されます。さまざまなシステム上で動作を確認する方法も詳細にしなければならない時のヒントが開始されます
記事のソース: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
ウェブマスター向けのHTMLコードを取得
この記事を追加してお客様のウェブサイトを今しなさい!
ウェブマスター向けの記事を送信してください
登録の必要なし!フォームに記入してください Messaggiamo.Com 記事は、ディレクトリ!