1. ภาพต้นฉบับ PSD แต่ละภาพมีสามโทนสีซึ่งต้องการภาพที่จะตัดตามข้อกำหนดเดียวกันและชื่อของรูปภาพในพื้นที่เดียวกันที่ถูกตัดด้วยสามสีจะต้องเหมือนกัน
2. สร้างสามโฟลเดอร์ที่ตั้งชื่อตามสีตามโทนสีและวางข้อมูลที่จำเป็นสำหรับโทนสีเพื่อสร้างหน้าเว็บในแต่ละโฟลเดอร์
3. เนื้อหาที่ต้องการที่มีอยู่ในโฟลเดอร์แต่ละรูปแบบ: รูปภาพ, CSS, ส่วนหัว, โฟลเดอร์ปุ่ม, ไฟล์ HTML สองไฟล์และการเรนเดอร์หน้าเว็บขนาดใหญ่และขนาดเล็กสองรายการ การตั้งชื่อทั้งหมดดำเนินการตามตัวอย่างและเนื้อหาที่กำหนดเองสามารถตั้งชื่อได้อย่างอิสระ
4. เค้าโครงหน้าเว็บหน้าเว็บทั้งหมดประกอบด้วยส่วนต่อไปนี้:
ส่วนหัว (โลโก้ส่วนหัว)
แถบการนำทางระดับ 1 (ปุ่ม)
แถบการนำทางระดับ 2 (ปุ่ม)
พื้นที่เนื้อหาหน้า (พื้นที่เนื้อหาใช้เพื่อแสดงหน้าเว็บภาษาอังกฤษ)
ส่วนท้าย (เมนูด้านล่างลิขสิทธิ์)
กำหนดพื้นที่ที่จะทำตามไฟล์ PSD พื้นที่ที่วาดในแผนภาพต้นทางจะต้องทำ พื้นที่ที่ไม่มีแถบการนำทางระดับ 2 และบางส่วนไม่มีส่วนท้าย) ไม่จำเป็นต้องทำ
ห้า. ข้อกำหนดการผลิตไฟล์ HTML แรก: ชื่อ html.html
ทั้งหน้าจะต้องทำในรูปแบบเดียว
ส่วนหัว:
คุณสามารถทำให้ส่วนหัวเป็นพื้นหลังหรือภาพส่วนหัวบางภาพไม่สม่ำเสมอและคุณยังสามารถตัดเป็นหลายส่วนเพื่อประมวลผลและพยายามลดจำนวนการตัดให้น้อยที่สุด
พื้นที่โลโก้ทำแยกต่างหากในตาราง (ความกว้างของตารางสามารถ จำกัด ได้); โลโก้แบ่งออกเป็นสามส่วน: รูปภาพโลโก้ชื่อ บริษัท และคำขวัญของ บริษัท 40 Capital W อักขระจะต้องป้อนชื่อ บริษัท ในหน้าและต้องใช้ตัวอักษร 40 Capital W เพื่อเข้าสู่คำขวัญของ บริษัท
การนำทางระดับ 1
เนื้อหาในเมนูระดับแรก (การนำทาง) จะต้องทำในตารางอิสระ ต้องไม่ตั้งค่าความกว้างและความสูงของเซลล์ รายการเมนูระดับแรกหกรายการจะต้องทำบนหน้าและสามารถป้อนอักขระ 20 ทุน W ในแต่ละรายการ (6 WS และหนึ่งช่องว่างสามารถป้อนได้); ภาพปุ่มจะต้องมีการเปลี่ยนแปลงสถานะสามครั้งที่เชื่อมต่อ hyperConnenntive (ตามรูปภาพ PSD บางตัวอาจมีเพียงสองสถานะ); รูปภาพและข้อความในแต่ละรายการจะต้องทำในบรรทัดเดียวและสามารถใช้ BR เพื่อสร้างเอฟเฟกต์การแสดงผลสาขา
การนำทางรอง (การนำทางแนวตั้ง)
เนื้อหาในเมนูรอง (การนำทาง) จะต้องทำในตารางอิสระ ต้องไม่ตั้งค่าความสูงของตาราง มันจะต้องทำตามตัวอย่าง; 10 รายการเมนูรองจะต้องทำบนหน้าและสามารถป้อนอักขระ Capital W 20 ตัวในแต่ละโครงการ (6 WS และหนึ่งช่องว่างสามารถป้อนได้); ลิงก์ข้อความจำเป็นต้องสร้างการเปลี่ยนแปลงสถานะอย่างน้อยสองสถานะที่เชื่อมต่อ hyperconnenny
พื้นที่เนื้อหาหน้า
ป้อนอักขระภาษาอังกฤษให้เพียงพอเพื่อให้หน้ายืดไปยังจุด (เบราว์เซอร์ IE ที่ใช้ภายใต้หน้าจอ 1024 × 768 จะปรากฏขึ้นพร้อมกับแถบยืดด้านซ้ายและขวาบนและล่าง)
ส่วนท้าย
ป้อนอักขระ Capital W 40 ตัวในพื้นที่ข้อมูลลิขสิทธิ์ รักษาระยะทางที่แน่นอนจากพื้นที่ด้านบนและด้านล่างเพื่อความงามของหน้า
เมนูด้านล่าง
เนื้อหาในเมนูรอง (การนำทาง) จะต้องทำในตารางอิสระ ต้องไม่ตั้งค่าความสูงของตาราง มันจะต้องทำตามตัวอย่าง; รายการเมนูรองหกรายการจะต้องทำบนหน้าและสามารถป้อนอักขระ Capital W 20 ตัวในแต่ละโครงการ (6 WS และหนึ่งช่องว่างสามารถป้อนได้); ลิงก์ข้อความจำเป็นต้องสร้างการเปลี่ยนแปลงสถานะอย่างน้อยสองสถานะที่เชื่อมต่อ hyperconnenny; เพื่อความงามของหน้าจะต้องเก็บระยะทางที่กำหนดไว้ในพื้นที่ด้านบนและด้านล่าง
หก. ข้อกำหนดการผลิตไฟล์ HTML ที่สอง: ชื่อ html2.html
คัดลอกไฟล์ HTML ตัวแรกลบเนื้อหาบางส่วนภายในเก็บการนำทางสามระดับแรกการนำทางสองระดับสอง (การนำทางแนวตั้ง) และเมนูด้านล่างสามตัวและ 6 อักขระปรากฏในแต่ละรายการ เก็บอักขระภาษาอังกฤษสองบรรทัดไว้ในพื้นที่เนื้อหาหน้า (ไม่แพร่กระจายหน้า)
เจ็ด. ในสถานการณ์ข้างต้นทั้งสองหน้าจะต้องรักษาเอฟเฟกต์แบบครบวงจรและพื้นหลังสามารถวนได้ ภาพส่วนหัวจะแสดงอยู่ตรงกลางหรือสามารถขยายได้ (บางพื้นที่ส่วนหัวสามารถสร้างพื้นหลังได้)
แปด. ชื่อ บริษัท , สโลแกน บริษัท , ชื่อหน้าพื้นที่เนื้อหา, แบบอักษรเมนูที่มีระดับที่หนึ่งและสองควรใช้เป็นแบบอักษรระบบมาตรฐานเช่น: Tahoma หรือ Arial,
เก้า. เมื่อสร้างไดเรกทอรีเทมเพลตโปรดตรวจสอบตัวเลือกที่จะไม่แคชรูปขนาดย่อในเครื่องมือ -> ตัวเลือกโฟลเดอร์ -> ดูเพื่อให้แพ็คเกจซิปเทมเพลตจะไม่มีไฟล์แคชที่ไม่จำเป็น
สิบ. ไฟล์ style.css ไม่สามารถมีการเชื่อมต่อรูปภาพใด ๆ (ตัวอย่าง: background-image: url ('../images/bg.gif');) และไม่สามารถมีคำจำกัดความของแท็ก HTML (ตัวอย่างเช่นคำจำกัดความไม่ควรทำใน CSS หากคุณต้องการนำไปใช้
สิบเอ็ด. การเข้ารหัส charset ของ HTML จะต้องเป็น UTF-8
สิบสอง ขนาดตัวอักษรทั้งหมด (รวมถึง Stylesheets และ HTML) จะต้องเป็นคะแนน (PT) แทนพิกเซลที่มีขนาดต่ำสุด 8pt เช่นขนาดตัวอักษร: 8pt
สิบสาม องค์ประกอบ (divs ฯลฯ ) ในเทมเพลตไม่สามารถวางตำแหน่งได้อย่างแน่นอนและไม่สามารถมีจาวาสคริปต์ได้
สิบสี่ เทมเพลตทั้งหมดมีเอฟเฟกต์เดียวกันในเบราว์เซอร์เช่น Mozilla, Opera
สิบห้า พา ธ รูปภาพทั้งหมดในไฟล์เทมเพลตจะต้องเป็นเส้นทางที่สัมพันธ์กัน เปรียบเทียบกับเส้นทางสีตัวอย่างเช่นไฟล์ภายใต้ภาพภายใต้สีน้ำเงินควรเขียนเป็น <img src = images/xxxx.gif> แทน <img src = blue/images/xxxx.gif>
สิบหก PSD พิเศษบางตัวไม่สามารถรองรับ 40 ตัวอักษรขนาด w เมื่อชื่อ บริษัท และฟอนต์สโลแกนสามารถลดลงได้ แต่ไม่น้อยกว่า 8pt
สิบเจ็ด. เทมเพลตจะต้องเติมเต็มหน้าจอทั้งความสูงและสิ่งเดียวกันก็เป็นจริงสำหรับผู้ที่ไม่มีเนื้อหา (ทำให้ส่วนเนื้อหาขยายในแนวตั้ง)
สิบแปด ต้องเพิ่มสีพื้นหลังในทุกพื้นที่ (ตามภาพ PSD)
สิบเก้า ไม่มีอักขระอวกาศปรากฏขึ้น
ยี่สิบ. ค่าแอตทริบิวต์ทั้งหมดจะต้องเพิ่มในนั้น
ยี่สิบเอ็ด ต้องเพิ่มป้ายกำกับใด ๆ ที่ปรากฏเป็นคู่/ตัวอย่างเช่น:
ควรเขียนเป็น <img src = ******> ควรเขียนเป็น <img src = ******/>