1. ภาพต้นฉบับ PSD แต่ละภาพมีรูปแบบสีสามสี จำเป็นต้องตัดภาพแยกกันตามข้อกำหนดเดียวกัน และภาพในพื้นที่เดียวกันที่ตัดออกด้วยสีทั้งสามจะต้องมีชื่อเหมือนกัน
2. สร้างโฟลเดอร์สามโฟลเดอร์ที่ตั้งชื่อตามสีตามโทนสี และวางข้อมูลที่จำเป็นในการสร้าง "โทนสี" ลงในหน้าเว็บในแต่ละโฟลเดอร์
3. เนื้อหาที่จำเป็นในแต่ละโฟลเดอร์โทนสี: รูปภาพ, CSS, ส่วนหัว, โฟลเดอร์ปุ่ม และไฟล์ html สองไฟล์ และการเรนเดอร์หน้าเว็บขนาดใหญ่และเล็กสองรายการ การตั้งชื่อทั้งหมดดำเนินการตามตัวอย่าง และสามารถตั้งชื่อเนื้อหาที่ปรับแต่งได้อย่างอิสระ .
4. เค้าโครงหน้าเว็บ หน้าเว็บทั้งหมดจะประกอบด้วยส่วนต่างๆ ดังต่อไปนี้:
· ส่วนหัว (โลโก้, ส่วนหัว)
· แถบนำทางระดับ 1 (ปุ่ม)
· แถบนำทางระดับ 2 (ปุ่ม)
· พื้นที่เนื้อหาหน้า (พื้นที่เนื้อหาถูกใช้เพื่อ แสดงหน้าเว็บภาษาอังกฤษ )
·ส่วนท้าย (เมนูด้านล่าง ลิขสิทธิ์)
กำหนดพื้นที่ที่จะสร้างตามไฟล์ psd ต้องสร้างพื้นที่ที่วาดในภาพต้นฉบับ และพื้นที่ที่ไม่มีอยู่ (บางพื้นที่ไม่มี แถบนำทางระดับที่สอง และบางอันไม่มีส่วนท้าย) ไม่จำเป็นต้องสร้าง
5. ข้อกำหนดสำหรับการสร้างไฟล์ html ไฟล์แรก: ตั้งชื่อเป็น html.html ควรสร้างทั้งหน้าภายในตาราง
ส่วนหัว: ส่วนหัวสามารถทำเป็นพื้นหลังได้ หรือรูปภาพส่วนหัวบางส่วนที่มีรูปร่างไม่ปกติสามารถตัดออกเป็นหลายส่วนเพื่อการประมวลผลได้ และควรลดจำนวนการตัดให้เหลือน้อยที่สุด พื้นที่โลโก้ถูกแยกออกจากกันในตาราง (สามารถจำกัดความกว้างของตารางได้) โลโก้แบ่งออกเป็นสามส่วน: รูปภาพโลโก้ ชื่อบริษัท และสโลแกนบริษัท ชื่อบริษัทบนเพจต้องป้อนตัวพิมพ์ใหญ่ 40 ตัว และสโลแกนของบริษัทยังต้องป้อนอักขระ W ตัวพิมพ์ใหญ่ 40 ตัว อักขระ
การนำทางระดับแรก: เนื้อหาในเมนูระดับแรก (การนำทาง) จะต้องสร้างในตารางอิสระ จะต้องไม่มีความกว้างและความสูงของเซลล์ จะต้องสร้างรายการเมนูระดับแรกหกรายการบนเพจ และป้อนอักขระ W ตัวพิมพ์ใหญ่ในแต่ละรายการ 20 ตัว (สามารถป้อนเป็น 6 W บวกหนึ่งช่องว่าง) รูปภาพของปุ่มจำเป็นต้องสร้างการเปลี่ยนแปลงสถานะของการเชื่อมต่อหลายมิติ (ตาม ในไดอะแกรม psd บางอันอาจมีเพียงสองสถานะ) รูปภาพในแต่ละรายการและข้อความจะต้องอยู่ในบรรทัดเดียว คุณสามารถใช้ br เพื่อให้ปรากฏในบรรทัดที่แยกจากกัน
การนำทางรอง (การนำทางในแนวตั้ง): ต้องสร้างเนื้อหาในเมนูรอง (การนำทาง) ในตารางอิสระ จะต้องไม่ตั้งค่าความสูงของตารางตามตัวอย่าง 10 รายการ ป้อนอักขระ W ตัวพิมพ์ใหญ่ 20 ตัวในแต่ละโปรเจ็กต์ (คุณสามารถป้อนในรูปแบบ 6 W บวกหนึ่งช่องว่าง) ลิงก์ข้อความจำเป็นต้องสร้างการเปลี่ยนแปลงสถานะของไฮเปอร์ลิงก์อย่างน้อยสองครั้ง
พื้นที่เนื้อหาของหน้า: ป้อนอักขระภาษาอังกฤษให้เพียงพอเพื่อขยายหน้า (เบราว์เซอร์ IE ที่ใช้ภายใต้หน้าจอ 1024×768 จะมีแถบยืดซ้ายและขวา)
ส่วนท้าย: ป้อนอักขระ W ตัวพิมพ์ใหญ่ 40 ตัวในพื้นที่ข้อมูลลิขสิทธิ์ เพื่อให้หน้าสวยงาม ให้รักษาระยะห่างระหว่างพื้นที่ด้านบนและด้านล่าง
เมนูด้านล่าง: เนื้อหาในเมนูรอง (การนำทาง) จะต้องสร้างในตารางอิสระ ไม่สามารถตั้งค่าความสูงของตารางได้ แต่จะต้องสร้างรายการเมนูรองหกรายการบนหน้า และ 20 ถูกป้อนในแต่ละรายการ อักขระ W ตัวพิมพ์ใหญ่ (สามารถป้อนได้โดยใช้ 6 W บวกช่องว่าง) ลิงก์ข้อความจำเป็นต้องสร้างการเปลี่ยนแปลงไฮเปอร์ลิงก์อย่างน้อยสองครั้ง ควรสงวนระยะห่างระหว่างพื้นที่ด้านบนและด้านล่างเพื่อความสวยงาม หน้า
6. ข้อกำหนดสำหรับการสร้างไฟล์ html ไฟล์ที่สอง: ตั้งชื่อเป็น html2.html คัดลอกไฟล์ html แรก ลบเนื้อหาบางส่วนภายใน และเก็บการนำทางระดับแรกสามรายการ การนำทางระดับที่สองสองรายการ (การนำทางแนวตั้ง) และเมนูด้านล่างสามรายการ โดยมีอักขระ 6 ตัวปรากฏในแต่ละรายการ อักขระพื้นที่เนื้อหาของหน้า (โดยไม่ต้องเปิดหน้า)
7. ในสถานการณ์ข้างต้น ทั้งสองหน้าควรคงเอฟเฟกต์ที่เป็นหนึ่งเดียว และสามารถวนซ้ำพื้นหลังได้ รูปภาพส่วนหัวสามารถแสดงตรงกลางหรือขยายได้ (บางพื้นที่ส่วนหัวสามารถมีพื้นหลังได้)
8. ชื่อบริษัท สโลแกนของบริษัท ชื่อหน้าพื้นที่เนื้อหา และแบบอักษรเมนูระดับที่หนึ่งและสองควรใช้แบบอักษรของระบบมาตรฐาน เช่น Tahoma หรือ Arial
9. เมื่อสร้างไดเรกทอรีเทมเพลต โปรดเลือกตัวเลือก "อย่าแคชภาพขนาดย่อ" ใน "เครื่องมือ" -> "ตัวเลือกโฟลเดอร์" -> "ดู" เพื่อให้แพ็คเกจ zip ของเทมเพลตจะไม่มีไฟล์แคชที่ซ้ำซ้อน
10. ไฟล์ style.css ต้องไม่มีลิงก์รูปภาพใดๆ (ตัวอย่าง: background-image: url('../images/bg.gif');) และไม่สามารถมีคำจำกัดความของแท็ก html ได้ (เช่น ควรมี ไม่มีคำจำกัดความใน css if หากต้องการนำไปใช้ คุณสามารถเขียนลงในแท็ก html ได้โดยตรง)
11. การเข้ารหัสชุดอักขระของ html ต้องเป็น utf-8
12. ขนาดตัวอักษรทั้งหมด (รวมถึงสไตล์ชีตและ HTML) ต้องใช้ Points (pt) แทนพิกเซล (pixels) ขนาดขั้นต่ำคือ 8pt เช่น ขนาดตัวอักษร: 8pt
13. องค์ประกอบ (div ฯลฯ) ภายในเทมเพลตไม่สามารถใช้ตำแหน่งที่แน่นอนหรือมี JavaScript ได้
14. เทมเพลตทั้งหมดมีผลเหมือนกันในเบราว์เซอร์ IE, Mozilla และ Opera
15. เส้นทางรูปภาพทั้งหมดในไฟล์เทมเพลตจะต้องเป็นเส้นทางสัมพัทธ์ สัมพันธ์กับเส้นทาง "สี" ตัวอย่างเช่น ไฟล์ใต้ภาพใต้สีน้ำเงินควรเขียนเป็น < img src=images/xxxx.gif > แทนที่จะเป็น < img src=blue/images/xxxx.gif >
16. เมื่อ psd พิเศษบางตัวไม่สามารถรองรับตัวอักษร W ขนาดใหญ่และเล็กได้ 40 ตัว ชื่อบริษัทและแบบอักษรสโลแกนจะลดลงได้ แต่ต้องไม่เล็กกว่า 8pt
17. เทมเพลตจะต้องเต็มความสูงทั้งหน้าจอ และใช้แบบเดียวกันนี้กับเทมเพลตที่ไม่มีเนื้อหา (เพื่อให้ส่วนเนื้อหาสามารถขยายในแนวตั้งได้)
18. ทุกพื้นที่จะต้องมีสีพื้นหลัง (ตามภาพ psd)
19. อักขระช่องว่างไม่สามารถปรากฏได้
20. ต้องเพิ่มค่าแอตทริบิวต์ทั้งหมดลงใน " "
21. แท็กทั้งหมดที่ไม่ปรากฏเป็นคู่จะต้องเพิ่มด้วย "/" ตัวอย่างเช่น: <img src=******> ควรเขียนเป็น <img src=******/>