1. 各 PSD ソース画像には 3 つの配色があり、同じ仕様に従って画像を個別に切り出す必要があり、3 つの色で切り出された同じ領域の画像には同じ名前を付ける必要があります。 3. 各配色フォルダーに含まれる必要なコンテンツ: 画像、CSS、ヘッダー、ボタン フォルダー、および 2 つの HTML ファイルと 2 つの大小の Web ページ レンダリングはすべて例に従って実行され、カスタマイズされたコンテンツには自由に名前を付けることができます。 。 4. Web ページのレイアウト すべての Web ページは次の部分で構成されます。 ・ヘッダー（ロゴ、ヘッダー） ·レベル 1 ナビゲーション バー (ボタン) ・レベル2ナビゲーションバー（ボタン） ・ページコンテンツエリア（コンテンツエリアは英語のWebページを表示するために使用されます） ・フッター（下部メニュー、著作権） 生成される領域は psd ファイルに基づいて決定され、そこにない領域 (第 2 レベルのナビゲーション バーやフッターがない領域) が生成されます。生成する必要はありません。 5. 最初の HTML ファイルを作成するための要件: html.html という名前を付けます。ページ全体をテーブル内に作成する必要があります。 ヘッダー: ヘッダーを背景にすることも、不規則な形状のヘッダー画像をいくつかの部分に切り取って処理することもでき、切り取りの数は最小限に抑える必要があります。ロゴ領域は表内に個別に作成されます（表の幅は制限できます）。ロゴはロゴ画像、会社名、会社スローガンの 3 つの部分に分かれています。ページ上の会社名は大文字の 40 文字で入力する必要があります。文字、および会社スローガンも大文字の W 文字を 40 文字入力する必要があります。 第 1 レベルのナビゲーション: 第 1 レベルのメニュー (ナビゲーション) のコンテンツは独立したテーブルで作成する必要があり、セルの幅と高さをページ上に作成する必要があります。各項目には 20 個の項目を入力する必要があります。大文字の W 文字 (6 W とスペースで入力できます)。ボタン画像はハイパーリンクの 3 つの状態変更を作成する必要があります (PSD 図によると、2 つの状態しか持たないものもあります)。各項目の画像とテキストを 1 行で作成する必要がある場合は、br を使用して別の行に表示できます。 セカンダリ ナビゲーション (垂直ナビゲーション): セカンダリ メニュー (ナビゲーション) のコンテンツは、独立したテーブルで作成する必要があります。テーブルの高さは、ページ上に 10 個作成する必要があります。各プロジェクトに 20 個の大文字の W 文字を入力します (6 つの W にスペースを加えた形式で入力できます)。テキスト リンクでは、少なくとも 2 つのハイパーリンクの状態変更を作成する必要があります。 ページ コンテンツ領域: ページを引き伸ばすのに十分な英語の文字を入力します (1024×768 画面で使用される IE ブラウザでは、左右の上下のストレッチ バーが表示されます)。 フッター: 著作権情報領域に 40 文字の大文字の W を入力します。ページを美しく保つために、上部と下部の領域の間に一定の距離を保つようにしてください。 下部メニュー: セカンダリ メニュー (ナビゲーション) のコンテンツは独立したテーブルで作成する必要があります。テーブルの高さは設定できません。サンプルに従って 20 個のセカンダリ メニュー項目を作成する必要があります。各項目に大文字の W 文字 (6 つの W とスペースを使用して入力できます) は、ハイパーリンクの状態変更を少なくとも 2 つ作成する必要があります。ページ。 6. 2 番目の HTML ファイルを作成するための要件: html2.html という名前を付けます。最初の HTML ファイルをコピーし、その中のコンテンツの一部を削除し、3 つの第 1 レベルのナビゲーション、2 つの第 2 レベルのナビゲーション (垂直ナビゲーション)、および各項目に 6 文字が表示される 3 つの下部メニューを保持します。ページコンテンツ領域の文字 (ページを開かずに)。 7. 上記の状況では、2 つのページは統一された効果を維持する必要があり、背景はループすることができ、ヘッダー画像を中央に表示することも、拡大することもできます (一部のヘッダー領域には背景を含めることができます)。 8. 会社名、会社のスローガン、コンテンツ領域のページ タイトル、および第 1 レベルと第 2 レベルのメニュー フォントには、Tahoma や Arial などの標準システム フォントを使用する必要があります。 9. テンプレート ディレクトリを作成するときは、テンプレート zip パッケージに冗長なキャッシュ ファイルが含まれないように、[ツール] -> [フォルダー オプション] -> [表示] で [サムネイルをキャッシュしない] オプションをオンにしてください。 10. style.css ファイルには、画像リンク (例:background-image: url('../images/bg.gif');) を含めることはできません。また、html タグの定義を含めることもできません (たとえば、 cssに定義がない場合は、htmlタグ内に直接記述して適用できます。 11. html の文字セット エンコーディングは utf-8 である必要があります。 12. すべてのフォント サイズ (スタイル シートおよび HTML を含む) では、ピクセル (ピクセル) ではなくポイント (pt) を使用する必要があります。最小サイズは 8pt です (例: font-size: 8pt)。 13. テンプレート内の要素 (div など) では、絶対配置を使用したり、JavaScript を含めたりすることはできません。 14. すべてのテンプレートは、ブラウザ IE、Mozilla、Opera で同じ効果があります。 15. テンプレート ファイル内のすべての画像パスは相対パスである必要があります。たとえば、「カラー」パスに関連して: 青の下の画像の下にあるファイルは、< img src=blue/images/xxxx.gif > ではなく < img src=images/xxxx.gif > として記述する必要があります。 16. 一部の特殊な PSD が大小 40 個の W 文字を収容できない場合、会社名とスローガンのフォントを減らすことができますが、8 ポイントより小さくすることはできません。 17. テンプレートは高さが画面全体を満たす必要があり、コンテンツのないテンプレートにも同じことが当てはまります (コンテンツ部分が垂直に拡張できるようにするため)。 18. すべての領域には背景色が必要です (PSD 画像に従って)。 19. スペース文字は使用できません。 20. すべての属性値は「 」に追加する必要があります。 21. ペアで表示されないタグはすべて「/」を追加する必要があります。例: <img src=******> は <img src=******/> と記述する必要があります。
2. 配色に合わせて色の名前が付いたフォルダーを 3 つ作成し、それぞれのフォルダーに「配色」を Web ページに作成するために必要な情報を配置します。