1.各PSDソース画像には3つの配色があり、同じ仕様に応じて写真を切断する必要があり、同じ領域の写真の名前は3色で切り取らなければなりません。
2。配色に従って色にちなんで名付けられた3つのフォルダーを作成し、各フォルダーにWebページを作成するために配色に必要な情報を配置します。
3.各配色フォルダーに含まれる必要なコンテンツ：画像、CSS、ヘッダー、ボタンフォルダー、2つのHTMLファイル、2つの大小のWebページレンダリング。すべての命名は、例に従って実行され、カスタムコンテンツは自由に名前を付けることができます。
4. Webページのレイアウト、すべてのWebページは次の部分で構成されています。
ヘッダー（ロゴ、ヘッダー）
レベル1ナビゲーションバー（ボタン）
レベル2ナビゲーションバー（ボタン）
ページコンテンツ領域（コンテンツ領域は英語のWebページを表示するために使用されます）
フッター（下のメニュー、著作権）
PSDファイルに従って作成する領域を決定します。ソース図に描かれた領域を作成する必要があります。レベル2のナビゲーションバーがなく、フッターがないものもあれば、作成する必要はありません。
五。最初のHTMLファイルの生産要件：名前html.html
ページ全体を1つの形式で作成する必要があります。
ヘッダ：
ヘッダーをバックグラウンドにするか、一部のヘッダー画像が不規則であることがあり、それらをいくつかの部分にカットして処理し、カットの数を最小限に抑えることもできます。
ロゴ領域はテーブルで個別に作られています（テーブルの幅は制限できます）。ロゴは、ロゴの写真、会社名、および会社のスローガンの3つの部分に分かれています。ページに会社名を入力するには40のキャピタルW文字が必要であり、会社のスローガンに入るには40のCapital W文字が必要です。
レベル1ナビゲーション
第1レベルのメニュー（ナビゲーション）のコンテンツは、独立したテーブルで作成する必要があります。セルの幅と高さを設定してはなりません。ページに6つの最初のレベルのメニュー項目を作成する必要があり、各アイテムに20個のCapital W文字を入力できます（6 WSと1つのスペースを入力できます）。ボタンの画像は、ハイパーコネクションの3つの状態変更にする必要があります（PSD画像によると、一部は2つの状態しかないかもしれません）。各アイテムの写真とテキストは1行で作成する必要があり、BRを使用してブランチディスプレイ効果を作成できます。
二次ナビゲーション（垂直ナビゲーション）
セカンダリメニュー（ナビゲーション）のコンテンツは、独立したテーブルで作成する必要があります。テーブルの高さを設定してはなりません。例に従って行う必要があります。ページに10のセカンダリメニュー項目を作成する必要があり、各プロジェクトに20のCapital W文字を入力できます（6 WSと1つのスペースを入力できます）。テキストリンクは、過剰接続された少なくとも2つの状態の変更を作成する必要があります。
ページコンテンツ領域
ページをポイントに伸ばすのに十分な英語文字を入力します（1024×768の画面の下で使用されるIEブラウザは、左右の上部と下のストレッチバーで表示されます）
フッター
著作権情報領域に40のキャピタルW文字を入力します。ページの美しさのために、上部と下部の領域から一定の距離を保ちます。
下のメニュー
セカンダリメニュー（ナビゲーション）のコンテンツは、独立したテーブルで作成する必要があります。テーブルの高さを設定してはなりません。例に従って作成する必要があります。ページに6つのセカンダリメニュー項目を作成する必要があり、各プロジェクトに20のCapital W文字を入力できます（6 WSと1つのスペースを入力できます）。テキストリンクは、過剰接続された少なくとも2つの状態の変更を作成する必要があります。ページの美しさのために、上部と下部の領域に一定の距離を保持する必要があります。
六。 2番目のHTMLファイルの生産要件：名前html2.html
最初のHTMLファイルをコピーし、内部のコンテンツを削除し、3つの第1レベルのナビゲーション、2つのセカンドレベルのナビゲーション（垂直ナビゲーション）、および3つのボトムメニューを保持し、各アイテムに6文字が表示されます。ページコンテンツ領域に2行の英語文字を保持します（ページを広めていません）
セブン。上記の状況では、2つのページは統一された効果を維持する必要があり、背景をループさせることができます。ヘッダー画像が中央に表示されるか、拡張される可能性があります（一部のヘッダー領域は背景を作成できます）
八。会社名、会社のスローガン、コンテンツエリアページのタイトル、第1レベルと2番目のレベルのメニューフォントは、次のような標準システムフォントとして使用する必要があります。
九。テンプレートディレクトリを作成するときは、ツールにサムネイルをキャッシュしないオプションを確認してください - >フォルダーオプション - >表示して、テンプレートzipパッケージに不要なキャッシュファイルが含まれないようにします。
10。 style.cssファイルには画像接続を含めることはできません（例：background-image：url（ '../images/bg.gif'）;）、htmlタグの定義を含めることはできません（たとえば、定義はCSSで作成すべきではありません。適用する場合は、HTMLタグに直接書き込むことができます）
11。 HTMLのcharSetエンコーディングはUTF-8でなければなりません
12。すべてのフォントサイズ（StyleSheetsおよびHTMLを含む）は、Pixelの代わりにポイント（PT）でなければなりません。Font-Size：8PTなどの最小サイズは8PTです。
13。テンプレート内の要素（divなど）は絶対に配置することはできず、JavaScriptを含めることはできません。
14。すべてのテンプレートは、ブラウザIE、Mozilla、Operaで同じ効果を持っています
15。テンプレートファイルのすべての画像パスは、相対パスでなければなりません。たとえば、カラーパスと比較して：青の下の画像の下のファイルは、<img src = blue/yages/xxxx.gif>の代わりに<img src = images/xxxx.gif>として記述する必要があります。
16。一部の特別なPSDは、会社名とスローガンフォントを減らすことができる場合、40文字のサイズWを収容できませんが、8pt以下にすることはできません。
17。テンプレートは画面全体を高さで埋める必要があり、コンテンツのない人にも同じことが言えます（コンテンツパーツを垂直に拡張できるように）
18。背景色はすべての領域に追加する必要があります（PSD画像に従って）
19。スペース文字が表示されません
20。すべての属性値を追加する必要があります。
21。ペアに表示されるラベルは、追加する必要があります/例：
<img src = ******>として記述する必要があります<img src = ******/>