วิธีสร้างเทมเพลตสำหรับเว็บไซต์

สารบัญ:

วิธีสร้างเทมเพลตสำหรับเว็บไซต์
วิธีสร้างเทมเพลตสำหรับเว็บไซต์

วีดีโอ: วิธีสร้างเทมเพลตสำหรับเว็บไซต์

วีดีโอ: วิธีสร้างเทมเพลตสำหรับเว็บไซต์
วีดีโอ: EP.5/1 สอนทำเว็บไซต์ Joomla Website ปรับแต่งหน้าตาของเว็บไซต์ด้วย Templates เทมเพลต 2024, อาจ
Anonim

หากคุณกำลังวางแผนไซต์ที่ประกอบด้วยหลายหน้า สิ่งสำคัญอย่างยิ่งคือต้องรู้วิธีสร้างเทมเพลตไซต์ จะทำให้ชีวิตของทั้งผู้ออกแบบเลย์เอาต์และโปรแกรมเมอร์ง่ายขึ้น

วิธีสร้างเทมเพลตสำหรับเว็บไซต์
วิธีสร้างเทมเพลตสำหรับเว็บไซต์

เทมเพลตเว็บไซต์คืออะไร?

ไซต์ใดๆ ก็ตามประกอบด้วยหลายหน้า โดยแต่ละหน้ามีองค์ประกอบเหมือนกัน ได้แก่ ข้อมูลบริการ เมนู การออกแบบที่เหมือนกัน และอื่นๆ หากคุณตั้งเป้าหมายในการเปลี่ยนองค์ประกอบที่คล้ายกันในไซต์ทั้งหมด เช่น เพิ่มรายการใหม่ในเมนู คุณจะต้องดำเนินการนี้ในแต่ละหน้า หากมี 10 คนในไซต์งานก็ไม่ยากเกินไป เกิดอะไรขึ้นถ้า 100 หรือมากกว่า?

เทมเพลตคือเลย์เอาต์ชนิดหนึ่งที่ใช้ตรรกะในการแสดงเนื้อหา ในนั้น คุณสามารถตั้งค่าตำแหน่งที่แสดงของเมนู ส่วนหัวของไซต์ เนื้อหาหลัก และอื่นๆ เนื้อหาขององค์ประกอบที่เขียนในเทมเพลตนั้นถูกกำหนดไว้ในสคริปต์หรือผ่านฟังก์ชันที่ระบบจัดการเนื้อหาให้มา

คุณสามารถจินตนาการถึงเอกสารสองสามฉบับเป็นเทมเพลตได้ ไฟล์หนึ่งมีมาร์กอัป นี่คือเลย์เอาต์ซึ่งมีการระบุตำแหน่งเฉพาะของเนื้อหานี้หรือเนื้อหานั้น ไฟล์ที่สองมีหน้าที่รับผิดชอบในสิ่งที่จะแสดง งานของเอกสารที่สองคือการวิเคราะห์ไฟล์เลย์เอาต์และแทนที่ค่าจริงของตัวแปร

เอกสารทั้งสองนี้แยกจากกันไม่ได้ เพราะไม่เช่นนั้นเอกสารทั้งสองจะไม่น่าสนใจนัก หากคุณเรียกใช้ไฟล์เทมเพลต เอกสารนั้นจะไม่แสดงข้อมูลที่เป็นประโยชน์ใดๆ สิ่งเดียวกันนี้จะเกิดขึ้นหากคุณเรียกใช้สคริปต์ตัวจัดการโดยไม่มีเลย์เอาต์

จะสร้างเทมเพลตเว็บไซต์ได้อย่างไร?

การสร้างเค้าโครงหน้าเว็บไซต์ลดลงเหลือเพียงการสร้างเอกสาร html อย่างง่าย ซึ่งมีตรรกะในการแสดงองค์ประกอบของหน้า ในเวลาเดียวกัน คุณต้องสร้างไฟล์ที่ควบคุมการแสดงเทมเพลต ไฟล์นี้จะมีค่าที่แท้จริงของตัวแปร

งานนี้ค่อนข้างใช้เวลานาน ดังนั้นคุณสามารถใช้เครื่องมือเทมเพลตสำเร็จรูปได้ Smarty และ Twig เป็นตัวอย่าง ในกรณีนี้ก็เพียงพอที่จะดาวน์โหลดชุดการแจกจ่ายเทมเพลตและติดตั้งบนเซิร์ฟเวอร์ตามคำแนะนำ ในกรณีนี้ คุณไม่จำเป็นต้องสร้างไฟล์ที่รับผิดชอบในการแสดงตัวแปรจริง เนื่องจากมีการสร้างไว้แล้ว - นี่คือการแจกจ่ายเอง นั่นคือ ชุดของไฟล์ คุณต้องสร้างเค้าโครงหน้าเท่านั้น

โปรดทราบว่าเครื่องมือเทมเพลตที่ทันสมัยนั้นค่อนข้างหลากหลาย คุณสามารถพูดคุยเกี่ยวกับภาษาการเขียนโปรแกรมแยกต่างหากสำหรับเทมเพลต เนื่องจากในเลย์เอาต์ คุณสามารถป้อนการแสดงตามเงื่อนไข ในลูป เป็นต้น

บทสรุป

การสร้างเทมเพลตเป็นวิธีที่ดีมากในการแยกตรรกะการแสดงผลออกจากตรรกะของแอปพลิเคชัน สิ่งนี้ทำให้ผู้ออกแบบเลย์เอาต์ง่ายขึ้นและทำให้การทำงานของโปรแกรมเมอร์ง่ายขึ้น