ทุกวันนี้อินเทอร์เน็ตเป็นส่วนหนึ่งของชีวิตเราผู้ใช้ทั่วไปแทบจะไม่คิดเลยว่าเส้นทางของการเป็นเว็บไซต์โปรดของพวกเขาต้องทำอย่างไรก่อนที่จะปรากฏในเครื่องมือค้นหาของเวิลด์ไวด์เว็บ การเกิดของไซต์เริ่มต้นด้วยความคิดของนักออกแบบ - ศิลปินและผู้ที่เกี่ยวข้องในการสร้างเค้าโครงหลัก หลังจากการวาดเค้าโครงเสร็จสมบูรณ์กระบวนการที่สำคัญไม่แพ้กันจะเริ่มขึ้น - เค้าโครงของเทมเพลตไซต์
เทมเพลตหรือเค้าโครงยังไม่ใช่ไซต์สำเร็จรูปแบบจำลองบางอย่างที่นักออกแบบสร้างขึ้นบนพื้นฐานของการสร้างเว็บไซต์ที่สมบูรณ์ในอนาคต จากมุมมองการเขียนโปรแกรมเทมเพลตคือชุดของกฎเฉพาะสำหรับการแสดงข้อมูล ในการสร้างไซต์แบบคงที่ขั้นพื้นฐานที่สุดมักจะใช้เทมเพลต HTML HTML เป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ (เอกสาร) มาตรฐานบนอินเทอร์เน็ต
รูปแบบเว็บไซต์เป็นกระบวนการสร้างหน้าเว็บตามเทมเพลตที่ออกแบบโดยนักออกแบบ กิจกรรมประเภทนี้มีส่วนร่วมในผู้ออกแบบไซต์ งานหลักของผู้ออกแบบโครงร่างคือการสร้างโค้ด HTML ที่ช่วยให้คุณสามารถวางข้อความรูปภาพและองค์ประกอบอื่น ๆ ของเว็บเพจในบางตำแหน่งในเอกสารและแสดงในหน้าต่างของอินเทอร์เน็ตเบราว์เซอร์ที่ทันสมัยตามเลย์เอาต์ที่พัฒนาขึ้น โดยนักออกแบบ ในระหว่างที่เขาทำงานนักออกแบบเค้าโครงจะต้องตรวจสอบให้แน่ใจว่าส่วนของเค้าโครงที่วางไว้นั้นแสดงอย่างถูกต้องเท่าเทียมกันในทุกเบราว์เซอร์ ไม่กี่ปีก่อนหน้านี้เค้าโครงไซต์ HTML ขึ้นอยู่กับการใช้ตาราง เมื่อเวลาผ่านไปองค์ประกอบใหม่ (แท็ก) จะปรากฏในภาษา HTML หนึ่งในองค์ประกอบดังกล่าวคือ div หากในช่วงสองสามปีที่ผ่านมา div เป็นรูปแบบที่ต้องการสำหรับการสร้างหน้าไซต์วันนี้ก็เป็นสิ่งที่จำเป็น ปัจจุบันการใช้ตารางเว็บไซต์แทบไม่เคยเข้ารหัส แทนที่จะใช้ "รูปแบบ div" แนวคิดที่ใช้บ่อยที่สุดคือ "การจัดวางในเลเยอร์" หรือ "การจัดวางในบล็อก"
Div เป็นแท็กที่สามารถเลือกส่วนย่อยของโค้ด HTML ของเพจได้ แท็กนี้เป็นองค์ประกอบบล็อก
แท็ก div มีพารามิเตอร์หลักสองตัว:
- จัดแนวซึ่งช่วยให้คุณสามารถจัดแนวเนื้อหา (ซ้ายขวากลางหรือกว้าง)
- ชื่อเรื่องที่เพิ่มคำแนะนำเครื่องมือให้กับเนื้อหา
เค้าโครง div: ข้อดีหลัก:
- รหัสมาร์กอัปขนาดเล็กเมื่อเทียบกับรูปแบบตาราง
- ความสามารถในการสร้างการออกแบบหน้า "ยาง"
- การโหลดหน้าในภายหลังอย่างรวดเร็วในเบราว์เซอร์ของผู้ใช้
- ทำให้ง่ายต่อการทำงานกับสไตล์ (CSS) องค์ประกอบการจัดแต่งทรงผมโดยใช้ id
เค้าโครง div: ข้อเสียหลัก:
- ไม่สามารถแสดงเพจได้อย่างถูกต้องในเบราว์เซอร์ที่ล้าสมัย (IE6);
- ความซับซ้อนของการวางบล็อกบนหน้าเว็บและการจัดการ
ขึ้นอยู่กับโปรเจ็กต์ที่สร้างขึ้นอนุญาตให้ใช้บล็อกและเค้าโครงตารางร่วมกันได้
เหตุใดผู้เชี่ยวชาญส่วนใหญ่จึงเลิกใช้ตารางในรูปแบบในปัจจุบัน
ในกรณีที่ใช้เค้าโครงตารางของไซต์รหัสกลายเป็นขนาดใหญ่ซึ่งทำให้โปรแกรมเมอร์ทำงานต่อไปได้ยาก จะใช้เวลาค่อนข้างนานในการค้นหาข้อผิดพลาดที่เกิดขึ้นในโค้ด HTML นี้ เค้าโครงตารางจะสร้างภาระเพิ่มเติมบนเว็บเซิร์ฟเวอร์ซึ่งจะทำให้การทำงานช้าลงและทำให้กระบวนการแสดงข้อมูลโดยเบราว์เซอร์ช้าลง ส่งผลให้หน้าไซต์ใช้เวลาโหลดนาน
รูปแบบเว็บไซต์เป็นขั้นตอนที่สำคัญในการสร้างไม่ใช่ทรัพยากรอินเทอร์เน็ตเพียงแหล่งเดียวที่ง่ายที่สุดก็สามารถทำได้หากไม่มี หลังจากงานของผู้ออกแบบโครงร่างเสร็จสิ้นโครงร่างจะถูกส่งไปยังมือของโปรแกรมเมอร์เว็บซึ่งรับรองว่าจะรวมเข้ากับโฮสติ้งและการนำไปใช้ในระบบ CMS ซึ่งจะอยู่ในระหว่างที่มีอยู่
