1. Setiap gambar sumber PSD memiliki tiga skema warna, yang mengharuskan gambar dipotong sesuai dengan spesifikasi yang sama, dan nama -nama gambar di area yang sama dipotong oleh tiga warna harus sama;
2. Buat tiga folder yang dinamai sesuai warna sesuai dengan skema warna, dan tempatkan informasi yang diperlukan untuk skema warna untuk membuat halaman web di setiap folder;
3. Isi yang diperlukan yang terkandung dalam setiap folder skema warna: gambar, CSS, header, folder tombol, dua file HTML dan dua rendering halaman web besar dan kecil; Semua penamaan dilakukan sesuai dengan contoh, dan konten khusus dapat dinamai secara bebas.
4. Tata letak halaman web, semua halaman web terdiri dari bagian -bagian berikut:
Header (logo, header)
Level 1 navigasi bilah (tombol)
Level 2 Navigation Bars (Tombol)
Area konten halaman (area konten digunakan untuk menampilkan halaman web bahasa Inggris)
Footer (menu bawah, hak cipta)
Tentukan area yang akan dibuat sesuai dengan file PSD. Area yang ditarik dalam diagram sumber harus dibuat. Area yang tidak memiliki bar navigasi level 2, dan beberapa tidak memiliki footer) tidak perlu dibuat.
lima. Persyaratan Produksi File HTML Pertama: Nama html.html
Seluruh halaman harus dibuat dalam satu bentuk.
Header:
Anda dapat membuat header menjadi latar belakang, atau beberapa gambar header tidak teratur, dan Anda juga dapat memotongnya menjadi beberapa bagian untuk diproses, dan mencoba meminimalkan jumlah pemotongan.
Area logo dibuat secara terpisah dalam sebuah tabel (lebar tabel dapat dibatasi); Logo ini dibagi menjadi tiga bagian: gambar logo, nama perusahaan, dan slogan perusahaan; 40 Karakter W Capital diharuskan untuk memasukkan nama perusahaan di halaman, dan 40 karakter Capital W diharuskan untuk memasukkan slogan perusahaan;
Navigasi Level 1
Konten di menu tingkat pertama (navigasi) harus dibuat dalam tabel independen; Lebar dan tinggi sel tidak boleh diatur; Enam item menu tingkat pertama harus dibuat pada halaman, dan 20 karakter Capital W dapat dimasukkan di setiap item (6 WS dan satu ruang dapat dimasukkan); Gambar tombol perlu dibuat menjadi tiga perubahan status yang hiperkoneksi (sesuai dengan gambar PSD, beberapa mungkin hanya memiliki dua negara); Gambar dan teks di setiap item harus dibuat dalam satu baris, dan BR dapat digunakan untuk membuat efek tampilan cabang.
Navigasi sekunder (navigasi vertikal)
Konten di menu sekunder (navigasi) harus dibuat dalam tabel independen; Ketinggian tabel tidak boleh diatur; itu harus dibuat sesuai dengan contoh; 10 Item menu sekunder harus dibuat pada halaman, dan 20 karakter Capital W dapat dimasukkan di setiap proyek (6 WS dan satu ruang dapat dimasukkan); Tautan teks perlu membuat setidaknya dua perubahan status yang terhubung.
Area konten halaman
Masukkan karakter bahasa Inggris yang cukup untuk membuat halaman direntangkan ke titik (browser IE yang digunakan di bawah layar 1024 × 768 muncul dengan bilah peregangan kiri dan kanan atas dan bawah)
footer
Masukkan 40 karakter Capital W di area informasi hak cipta. Jaga jarak tertentu dari area atas dan bawah untuk keindahan halaman.
Menu bawah
Konten di menu sekunder (navigasi) harus dibuat dalam tabel independen; Ketinggian tabel tidak boleh diatur; itu harus dibuat sesuai dengan contoh; Enam item menu sekunder harus dibuat pada halaman, dan 20 karakter Capital W dapat dimasukkan dalam setiap proyek (6 WS dan satu ruang dapat dimasukkan); Tautan teks perlu membuat setidaknya dua perubahan status yang terhubung; Untuk keindahan halaman, jarak tertentu harus disimpan di area atas dan bawah.
enam. Persyaratan Produksi File HTML Kedua: Nama html2.html
Salin file HTML pertama, hapus beberapa konten di dalamnya, mempertahankan tiga navigasi tingkat pertama, dua navigasi tingkat kedua (navigasi vertikal), dan tiga menu bawah, dan 6 karakter muncul di setiap item; mempertahankan dua baris karakter bahasa Inggris di area konten halaman (tidak menyebarkan halaman)
tujuh. Dalam situasi di atas, kedua halaman harus mempertahankan efek terpadu, dan latar belakang dapat diulang; Gambar header ditampilkan di tengah atau dapat diperluas (beberapa area header dapat membuat latar belakang)
delapan. Nama perusahaan, slogan perusahaan, judul halaman area konten, font menu dengan level pertama dan kedua harus digunakan sebagai font sistem standar, seperti: Tahoma atau Arial,
Sembilan. Saat membuat direktori template, silakan periksa opsi untuk tidak cache thumbnail di Alat -> Opsi Folder -> Lihat, sehingga Paket Zip Template tidak akan berisi file cache yang tidak perlu.
sepuluh. File style.css tidak dapat berisi koneksi gambar apa pun (contoh: latar belakang-gambar: url ('../images/bg.gif');), dan tidak dapat berisi definisi tag HTML (misalnya, definisi tidak boleh dibuat di CSS. Jika Anda ingin menerapkannya, Anda dapat langsung menulisnya di tag HTML)
sebelas. Pengkodean Charset dari HTML harus UTF-8
dua belas. Semua ukuran font (termasuk stylesheets dan HTML) harus menjadi poin (PT) bukan piksel, dengan ukuran minimum 8pt, seperti ukuran font: 8pt.
Tigabelas. Elemen (Divs, dll.) Dalam templat tidak dapat diposisikan sepenuhnya dan tidak dapat berisi JavaScript.
empat belas. Semua templat memiliki efek yang sama di browser yaitu, mozilla, opera
limabelas. Semua jalur gambar dalam file template harus berupa jalur relatif. Dibandingkan dengan jalur warna, misalnya: File di bawah gambar di bawah biru harus ditulis sebagai <img src = gambar/xxxx.gif> bukan <img src = biru/gambar/xxxx.gif>
enambelas. Beberapa PSD khusus tidak dapat menampung 40 huruf ukuran W, ketika nama perusahaan dan font slogan dapat dikurangi, tetapi tidak bisa kurang dari 8pt.
Tujuhbelas. Templat harus mengisi seluruh layar setinggi, dan hal yang sama berlaku untuk mereka yang tidak memiliki konten (buat bagian konten diperluas secara vertikal)
delapan belas. Warna latar belakang harus ditambahkan di semua area (sesuai dengan gambar PSD)
sembilan belas. Tidak ada karakter ruang yang muncul
dua puluh. Semua nilai atribut harus ditambahkan di dalamnya.
Dua puluh satu. Label apa pun yang muncul berpasangan harus ditambahkan/misalnya:
Itu harus ditulis sebagai <img src = ******> harus ditulis sebagai <img src = ******/>