ウェブデザインレイアウトの理解

<br />矛盾が生じます。私たちのような小さな工房では、デザインとレイアウトは基本的に1人で行います。バックグラウンドプログラムも追加されています。設計時にレイアウトが考慮されていれば、誰でも調整を行うことができます。しかし、分業が厳格に行われている大企業では、デザイナーが CSS を理解していなければレイアウトができません。あるいは誤解があった場合、設計案の作成にレイアウト担当者が多大な時間と労力を費やすことになります。ブラウザが多すぎるからです!
デザイナーが出した下書きが復元できないと不満を言うネットユーザーをよく見かけます。ブラウザと画面の理解の仕方が異なるためです。効果が華やかすぎる、色が多すぎるなどの理由もあります。さらに悪いことに、フラッシュを使うのは無駄で、HTML は役に立たない... まあ、最後のケースは置いておいて、画面、効果、デザインレイアウトの理解についてだけ話しましょう。
まずは画面についてお話しましょう。
画面解像度は依然として主に 1024×768 です。フルスクリーンの定義はありません。なぜ？理由をご覧ください:

ユーザーの IE にインストールされているプラグインの数を確認することはできません。プラグインの数が増えるほど、ブラウザの表示の高さが低くなります。ユーザーのモニターが正しく設定されているかどうか (傾いている、曲がっている、切り取られている、縮小されている、または拡大されている) を確認できません。ユーザーのモニターの解像度が最適な解像度であるかどうかを確認できません。これは通常、ワイドスクリーンまたは縦長スクリーンのディスプレイで発生し、その一部は比例して縮小され、空白のままになります。さらに悪いことに、画面全体が引き伸ばされてしまいます。比率が間違っています!
Web ページを全画面表示にします。幅は 1003 だと言う人が多いですが、1004 だと言う人もいます。しかし、私はそうは思わない。
顧客が Web ページを画面全体に表示することを要求しているとします。次に、ユーザーのモニターサイズの画面解像度を知る必要があります。顧客のこのことに対する認識が低い場合。他人の決意を簡単に変えないでください。私は 1440×900 のワイドスクリーンを所有しており、1024×768 の解像度を使用していますが、満足しています。顧客がフルスクリーンを要求している場合、別の問題が発生します。製品が納品されたときに顧客が異なるサイズのモニターに変更した場合はどうなるでしょうか?解像度を上げると Web ページの幅が狭くなり、解像度を下げると Web ページの幅が広くなります。何をする？
実は、フルスクリーンには 2 つの種類があります。1 つをコンテンツフルスクリーン、もう 1 つをビジュアルフルスクリーンと呼びます。
いわゆるフルスクリーンコンテンツとは、ウェブサイト上のコンテンツを指します。左の境界線はモニターの左の境界線にあり、右の境界線はモニターの右の境界線にあります。最善の解決策はパーセンテージを使用することです。パーセンテージの悪影響:

ブラウザのバグにより設計と制作が困難に
いわゆるビジュアルフルスクリーンは、実はトリックです。そしてこの方法。実際、それは非常に簡単です。Web サイトのヘッダーは、ナビゲーションとバナーにすぎません。ナビゲーションが上部にある場合、ナビゲーションの背景は 100% になり、ナビゲーションは中央に配置されます。バナーが上部にある場合は、画像の両端、または 100% 幅の背景の処理に注意してください。
コンテンツの幅が 1000、1003、または 900 以下であっても、視覚的には 100% の幅です。最小幅がブラウザの幅よりも大きくならないように、または顧客のディスプレイ解像度の幅が最小幅よりも大きくならないようにしてください。いつでも大丈夫です。

前のページ1 2 次のページ全文を読む

<<: CSS 位置プロパティが絶対の場合のパーセンテージ値の計算

>>: wgetはウェブサイト全体（サブディレクトリ全体）または特定のディレクトリをダウンロードします