1. 各 PSD ソース画像には 3 つの配色があり、同じ仕様に従って画像を個別に切り出す必要があり、3 つの色で切り出された同じ領域の画像には同じ名前を付ける必要があります。
2. 配色に合わせて色の名前が付いたフォルダーを 3 つ作成し、それぞれのフォルダーに「配色」を Web ページに作成するために必要な情報を配置します。
3. 各配色フォルダーに含まれる必要なコンテンツ: 画像、CSS、ヘッダー、ボタン フォルダー、および 2 つの HTML ファイルと 2 つの大小の Web ページ レンダリングはすべて例に従って実行され、カスタマイズされたコンテンツには自由に名前を付けることができます。 。
4. Web ページのレイアウト。すべての Web ページは次の部分で構成されます。
· ヘッダー (ロゴ、ヘッダー)
· レベル 1 ナビゲーション バー (ボタン)
· レベル 2 ナビゲーション バー (ボタン)
· ページ コンテンツ領域 (コンテンツ領域は、英語のWebページを表示します）
・フッター（下部メニュー、著作権）は、
PSDファイルを元に生成する領域を決定し、ソース画像に描画されている領域を生成し、それ以外の領域を生成します。第 2 レベルのナビゲーション バー、フッターのないものなど）を作成する必要はありません。
5. 最初の HTML ファイルを作成するための要件: html.html という名前を付けます。ページ全体をテーブル内に作成する必要があります。
ヘッダー: ヘッダーを背景にすることも、不規則な形状のヘッダー画像をいくつかの部分に切り取って処理することもでき、切り取りの数は最小限に抑える必要があります。ロゴ領域は表内に個別に作成されます（表の幅は制限できます）。ロゴはロゴ画像、会社名、会社スローガンの 3 つの部分に分かれています。ページ上の会社名は大文字の 40 文字で入力する必要があります。文字、および会社のスローガンも 40 文字の大文字の W 文字を入力する必要があります。
第 1 レベルのナビゲーション文字: 第 1 レベルのメニュー (ナビゲーション) のコンテンツは、セルの幅と高さを独立して作成する必要があります。設定; ページ上に 6 つの第 1 レベルのメニュー項目を作成し、各項目に 20 個の大文字の W 文字を入力する必要があります (6 W にスペースを加えて入力できます)。 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 レベルのナビゲーション (垂直ナビゲーション)、および 3 つの下部メニューを保持し、各項目に 6 文字が表示されるようにします。ページコンテンツ領域の文字 (ページを開かずに)。
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=******/> と記述する必要があります。