1. Setiap gambar sumber psd memiliki tiga skema warna. Gambar harus dipotong secara terpisah sesuai dengan spesifikasi yang sama, dan gambar di area yang sama yang dipotong oleh tiga warna harus diberi nama yang sama.
2. Buat tiga folder yang diberi nama warna sesuai dengan skema warna, dan tempatkan informasi yang diperlukan untuk membuat "skema warna" ke dalam halaman web di setiap folder.
3. Konten yang diperlukan terdapat dalam setiap folder skema warna: gambar, css, header, folder tombol dan dua file html serta dua rendering halaman web besar dan kecil semua penamaan dilakukan sesuai dengan contoh, dan konten yang disesuaikan dapat diberi nama dengan bebas .
4. Tata letak halaman web, semua halaman web terdiri dari bagian-bagian berikut:
· Header (logo, header)
· Bilah navigasi Level 1 (tombol)
· Bilah navigasi Level 2 (tombol)
· Area konten halaman (area konten digunakan untuk menampilkan halaman web berbahasa Inggris )
· Footer (menu bawah, hak cipta)
menentukan area yang akan diproduksi berdasarkan file psd. Area yang digambar pada gambar sumber harus diproduksi, dan area yang tidak ada (ada yang tidak memiliki a bilah navigasi tingkat kedua, dan beberapa tidak memiliki footer) tidak perlu dibuat.
5. Syarat membuat file html yang pertama: Beri nama html.html. Seluruh halaman harus dibuat dalam sebuah tabel.
Header: Header dapat dijadikan background, atau beberapa gambar header yang bentuknya tidak beraturan dapat dipotong menjadi beberapa bagian untuk diproses, dan jumlah pemotongan harus diminimalkan. Area logo dibuat terpisah dalam sebuah tabel (lebar tabel dapat dibatasi); logo dibagi menjadi tiga bagian: gambar logo, nama perusahaan, dan slogan perusahaan; nama perusahaan pada halaman harus memasukkan 40 huruf besar W karakter, dan slogan perusahaan juga perlu memasukkan 40 karakter huruf besar W. Karakter
navigasi tingkat pertama: konten dalam menu tingkat pertama (navigasi) harus dibuat dalam tabel independen; lebar dan tinggi sel tidak boleh set; enam item menu tingkat pertama harus dibuat pada halaman, dan memasukkan 20 karakter huruf besar W di setiap item (dapat dimasukkan sebagai 6 W ditambah spasi); ke diagram psd, beberapa mungkin hanya memiliki dua status); gambar di setiap item dan teks harus dibuat dalam satu baris.
Navigasi sekunder (navigasi vertikal): Konten dalam menu sekunder (navigasi) harus diproduksi dalam tabel independen; ketinggian tabel tidak boleh diatur sesuai dengan sampel; , masing-masing Masukkan 20 karakter huruf besar W ke dalam setiap proyek (Anda dapat memasukkannya dalam bentuk 6 W ditambah spasi teks untuk membuat setidaknya dua perubahan status hyperlink).
Area konten halaman: Masukkan karakter bahasa Inggris secukupnya untuk meregangkan halaman (browser IE yang digunakan pada layar 1024×768 akan memiliki bilah peregangan kiri dan kanan).
Footer: Masukkan 40 karakter huruf W besar di area informasi hak cipta. Agar halaman tetap indah, jaga jarak tertentu antara area atas dan bawah.
Menu bawah: Konten dalam menu sekunder (navigasi) harus diproduksi dalam tabel independen; ketinggian tabel tidak dapat diatur; diproduksi sesuai dengan sampel; enam item menu sekunder harus diproduksi pada halaman, dan 20 dimasukkan di setiap item Karakter kapital W (dapat dimasukkan menggunakan 6 W ditambah spasi); tautan teks perlu membuat setidaknya dua perubahan status hyperlink; jarak tertentu harus disediakan antara area atas dan bawah untuk keindahan halaman.
6. Syarat membuat file html kedua : beri nama html2.html. Salin file html pertama, hapus sebagian konten di dalamnya, dan pertahankan tiga navigasi tingkat pertama, dua navigasi tingkat kedua (navigasi vertikal), dan tiga menu bawah, dengan 6 karakter muncul di setiap item; karakter area konten halaman (tanpa membuka halaman).
7. Dalam situasi di atas, kedua halaman harus mempertahankan efek terpadu, dan latar belakang dapat dilingkarkan; gambar header dapat ditampilkan di tengah atau dapat diperluas (beberapa area header dapat memiliki latar belakang).
8. Nama perusahaan, slogan perusahaan, judul halaman area konten, dan font menu tingkat pertama dan kedua harus menggunakan font sistem standar, seperti Tahoma atau Arial.
9. Saat membuat direktori template, silakan centang opsi "Jangan cache thumbnail" di "Tools" -> "Folder Options" -> "View" agar paket zip template tidak berisi file cache yang berlebihan.
10. File style.css tidak boleh berisi link gambar apa pun (contoh: background-image: url('../images/bg.gif');), dan tidak boleh berisi definisi tag html (misalnya, harus ada tidak ada definisi di css jika Untuk menerapkannya bisa langsung ditulis di tag html).
11. Pengkodean karakter html harus utf-8.
12. Semua ukuran font (termasuk style sheet dan HTML) harus menggunakan Poin (pt) bukan piksel (piksel). Ukuran minimalnya adalah 8pt, misalnya ukuran font: 8pt.
13. Elemen (div, dll.) dalam template tidak boleh menggunakan posisi absolut atau mengandung JavaScript.
14. Semua template memiliki efek yang sama di browser IE, Mozilla, dan Opera.
15. Semua jalur gambar dalam file template harus berupa jalur relatif. Sehubungan dengan jalur "warna", misalnya: file di bawah gambar dengan warna biru harus ditulis sebagai < img src=images/xxxx.gif > dan bukan < img src=blue/images/xxxx.gif >.
16. Jika beberapa psd khusus tidak dapat menampung 40 huruf W besar dan kecil, font nama perusahaan dan slogan dapat diperkecil, tetapi tidak lebih kecil dari 8pt.
17. Templat harus memenuhi tinggi seluruh layar, dan hal yang sama berlaku untuk templat tanpa konten (sehingga bagian konten dapat diperluas secara vertikal).
18. Semua area harus memiliki warna background (sesuai gambar psd).
19. Karakter spasi tidak dapat muncul.
20. Semua nilai atribut harus ditambahkan ke " ".
21. Semua tag yang tidak muncul berpasangan harus ditambah dengan "/". Misalnya: <img src=******> harus ditulis sebagai <img src=******/>