次のセクションで、ページのレイアウトをどのようにお客様のページがWebブラウザの外観を制御するページの設定画面サイズの考慮事項、ページの長さの重要性を説明します。
画面のサイズを考慮
ほとんどのコンピュータユーザーのダウンは長く、画面の高さよりもページを表示するために上下にスクロールするために使用されます。しかし、いくつかのユーザーのように、左にスクロールする権利は幅が広すぎるているページを表示します。ように、彼らは画面の幅に収まるように、お客様のページデザインの水平方向のスクロールを避けるため、もしあなたが800 x 600の画面解像度を自分のコンピュータを実行するユーザーをターゲットにしたい（これは、ほぼすべてのユーザーが今のアカウントは、15インチ以上のモニタもしあなたのページには完全にテキストで構成されるため、ユーザーのWebブラウザは自動的に画面の幅に合わせてテキストの行を調整当たり前）、780撮影されている最大のページの幅としては、画面サイズを心配する必要はありません。あなたのページの幅を心配しなければならないだけ時間のときには、テーブル、イメージ、またはフレームのような固定幅を持つ要素が含まれてページを作成することです。次のリストはどのようにこれらの3つの要素の幅を調整する方法について説明します：
-表： を設定するには、WIDTH属性を使用してテーブル全体の幅
-画像： イメージのサイズをどのように全体のイメージを左右するページに表示されます。画像の場合、幅が広すぎる場合は、内のWIDTH属性を使用して幅を変更することができますタグ：
-フレーム： 内の属性の列（COLSが）を使用する側の設定の幅をサイドバイサイドフレーム
ページの長さ
にもかかわらず、ほとんどのユーザーは長く、画面の高さよりもページを参照してください]までスクロールし気にしない場合でも、お客様のページの長さの制限があります。一般的なルールとして、情報の、紙の単一の81/2-x-11-inchシートに印刷される可能性があると同じ金額については、画面の2つまたは3倍の高さをあなたのページに制限してください。
ページのレイアウト
あなたのWebページの効果的なデザインを作成する最良の方法は、またはすべてのページにも同様の配置と同じに表示される一般的な要素の基本的なグリッドを設定することです。次の一覧に含める必要がありますいくつかの要素を示してWebデザイングリッドインチ（あなたのサイトの内容に応じて、これらすべての要素を提供する必要がない可能性があります。）
-ヘッダエリア： ヘッダー領域に各ページの上部には、サイトのタイトルを示し、ページのタイトル、会社名、サイトのナビゲーションボタン、および他の要素は、各ページの上部に配置する表示されます。
-フッターの領域： フッタ領域の可能性がある連絡先情報、著作権を含む各ページの下部には、ナビゲーションボタンが表示されます。
-メインテキスト領域： このエリアにはメインのテキストやイラストを各ページに含まれています。
-サイドバーのエリア： サイドバーの各ページの左または右の部分に垂直方向の帯域を占有します。このエリアには、サイトの内容やメニュー表などの要素を含めることができます。
作業の背景と
ときには、お客様のページはほとんど読むことを不可能にする派手な背景画像を使用してミスをしていないWebページを作成する。もしあなたのページの背景画像を使用して、そのページ上のテキストおよびその他の要素と干渉しないのイメージを選択します。
背景色を設定
は、これらの手順に従って、Webページの背景色を設定するには：
1。 背景色を追加（BGCOLORを）は、属性を タグです。
2。 タイプのための色の名前 BGCOLORを 属性です。例えば：
カラーの使用の詳細については、"、"以前は、この資料の色をご覧ください。
背景画像を使用して
あなたのWebページには、これらの手順に従って、背景画像を使用するには：
1。 に追加 背景 属性 タグです。
2。 タイプは、イメージの名前を背景に使用するファイル として 背景 このような属性値：
できるだけ多くの倍のページを埋めるために必要な背景画像が繰り返されます。結果として、背景画像ファイルが非常に大きくする必要はありません。
リンクの追加
リンクを任意のWebページの不可欠な一部です。リンク聞かせは、同じHTMLドキュメントは、別のページでは、Webサイト、またはページ上の別のWebサイトが他のインターネット上にあるから位置の一部にすることができる別の場所に、読者の旅行。すべてのユーザー別のページに転送するかしているリンクをクリックしています。
テキストリンクを使用する
テキストリンク テキストの部分が〜することができますをクリックしてページを表示し、別の場所にジャンプすることです。手順は、次のテキストリンクを作成するには：
1。 このページのアドレスを決定しますがあなたにジャンプするリンクをクリックします。
2。 タイプ タグでは、ページ上に表示するリンクをクリックします。タグでは、あなたにリンクしたいページのアドレスを示すためにHREF属性を使用します。例えば：
3。 後 タグを入力するテキストは、あなたの文書に表示する リンクの終了を追加する このようなタグ：
Googleの公式Webページの場合
の間と表示されると呼ばれるテキスト アンカー。 は、HREF属性で呼ばれるが表示されるWebアドレス 目標物。 アンカーテキストは、Webページ上の特別な色（通常は青）が表示されますですので、その人のページを表示下線は、テキストリンクを知っている場合は、ターゲットの別のページには、ページと同じWebサイトで参照リンク上の場合は、ターゲットとしてだけでファイル名を使用することができますが表示されます。は、常にファイル名または二重引用符内のURLで囲みます。例えば：
ウィザードを参照してください
ときに、ユーザーは、HTMLの名前emerald7.htmlファイルに表示される画面は、ウィザードのリンクを参照してをクリックします。
グラフィックリンクを使用する
画像リンク グラフィックイメージは、ユーザーがクリックして別のページまたは現在のページ上の別の場所にジャンプすることです。は、手順では、前のセクションで説明に従うと、"テキストリンクを使用するイメージのリンクを作成するには"しかし、ステップ3の代わりに、リンクの種類のテキストを入力するタグは、そのイメージは、リンクに使用するファイルを識別するSRC属性が含まれます。例えば：
この例では、グラフィックイメージemerald.gifという名前のファイルを画面に表示される場合、ユーザーがクリックすると、ブラウザemerald7.htmlページに表示されます。
同じページ内のリンク
は、単に同じページ上の別の場所にユーザーが移動するリンクを、次の手順を作成するには：
1。 割り当てるセクションでは、あなたに追加することによって、リンクしたい名前 タグを付けて 名前 そのセクションの最初のHTMLの行に属性です。 すぐに次の タグを付けて 終了タグ。
2。 は、セクション名を入力し、テキストやそのセクションにグラフィックのリンクを作成する 内の＃記号の前に HREFに 属性です。ここでは 、 ドキュメント内の場所に名前を割り当てますタグの例です：
ここにHTMLのリンクを作成するスニペットされている場所に"ここの名前にジャンプする"：
あそこでGO！
