1. ภาพต้นฉบับ PSD แต่ละภาพมีรูปแบบสีสามสี จำเป็นต้องตัดภาพแยกกันตามข้อกำหนดเดียวกัน และภาพในพื้นที่เดียวกันที่ตัดออกด้วยสีทั้งสามจะต้องมีชื่อเหมือนกัน 3. เนื้อหาที่จำเป็นในแต่ละโฟลเดอร์โทนสี: รูปภาพ, CSS, ส่วนหัว, โฟลเดอร์ปุ่ม และไฟล์ html สองไฟล์ และการเรนเดอร์หน้าเว็บขนาดใหญ่และเล็กสองรายการ การตั้งชื่อทั้งหมดดำเนินการตามตัวอย่าง และสามารถตั้งชื่อเนื้อหาที่ปรับแต่งได้อย่างอิสระ . 4. เค้าโครงหน้าเว็บ หน้าเว็บทั้งหมดประกอบด้วยส่วนต่างๆ ดังต่อไปนี้: ·ส่วนหัว (โลโก้ ส่วนหัว) ·แถบนำทางระดับ 1 (ปุ่ม) ·แถบนำทางระดับ 2 (ปุ่ม) ·พื้นที่เนื้อหาหน้า (พื้นที่เนื้อหาใช้เพื่อแสดงหน้าเว็บภาษาอังกฤษ) ·ส่วนท้าย (เมนูด้านล่าง ลิขสิทธิ์) พื้นที่ที่จะสร้างถูกกำหนดตามไฟล์ psd พื้นที่ที่วาดในภาพต้นฉบับจะต้องถูกสร้างขึ้น พื้นที่ที่ไม่มีอยู่ (บางส่วนไม่มีแถบนำทางระดับที่สอง และบางส่วนไม่มีส่วนท้าย) ไม่จำเป็นต้องผลิต 5. ข้อกำหนดสำหรับการสร้างไฟล์ html ไฟล์แรก: ตั้งชื่อเป็น html.html ควรสร้างทั้งหน้าภายในตาราง ส่วนหัว: ส่วนหัวสามารถทำเป็นพื้นหลังได้ หรือรูปภาพส่วนหัวบางส่วนที่มีรูปร่างไม่ปกติสามารถตัดออกเป็นหลายส่วนเพื่อการประมวลผลได้ และควรลดจำนวนการตัดให้เหลือน้อยที่สุด พื้นที่โลโก้ถูกแยกออกจากกันในตาราง (สามารถจำกัดความกว้างของตารางได้) โลโก้แบ่งออกเป็นสามส่วน: รูปภาพโลโก้ ชื่อบริษัท และสโลแกนบริษัท ชื่อบริษัทบนเพจต้องป้อนตัวพิมพ์ใหญ่ 40 ตัว และสโลแกนของบริษัทต้องป้อนอักขระ W ตัวพิมพ์ใหญ่จำนวน 40 ตัวด้วย การนำทางระดับแรก: เนื้อหาในเมนูระดับแรก (การนำทาง) จะต้องสร้างในตารางอิสระ ต้องไม่ตั้งค่าความกว้างและความสูงของเซลล์ จะต้องสร้างรายการเมนูระดับแรกหกรายการบนเพจ และ ต้องป้อน 20 รายการในแต่ละรายการ อักขระตัวพิมพ์ใหญ่ W (สามารถป้อนได้ 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=******/>
2. สร้างโฟลเดอร์สามโฟลเดอร์ที่ตั้งชื่อตามสีตามโทนสี และวางข้อมูลที่จำเป็นในการสร้าง "โทนสี" ลงในหน้าเว็บในแต่ละโฟลเดอร์