RSS

การสร้างเทมเพลตเพื่อไปใช้งานกับระบบ Mambo Open Source

Sun, Aug 17, 2008

CMS

Pages: 1 2 3 4 5

การสร้างเทมเพลตเพื่อไปใช้งานกับระบบ Mambo Open Source

วันนี้ก็อัพเดทบทความตามปกติครับ บทความวันที่ 12 มีนาคม 2548 จะพูดถึงวิธีการทำ Template Mambo ในสไตร์ของเราเอง หลายคนๆ อาจจะดีไซต์ออกแบบหน้าตาเว็บได้อย่างสวยงาม แต่ไม่รู้วิธีการเอา Template ที่ Design มาใช้กับระบบของ Mambo  ผมจึงเขียนบทความมาให้อ่านกัน โดยผมจะเอา วิธีการทำ template ของ Mambo 4.5 มานำเสนอ ส่วนเวอร์ชั่น 4.5.1 หรือ เวอร์ชั่น ลายไทย ไม่ต้องห่วงว่าจะทำไม่ได้นะครับ  เพราะวิธีการทุกอย่างเหมือนกันหมด แตกต่างกันที่เทมเพลตของเวอร์ชั่นนั้น จะมีโค้ด php ที่ฝังลงไปในโค้ด HTML ไม่เหมือนกันเท่านั้นเอง ส่วนทำเดี๋ยวผมจะบอกท้ายๆของบทความนี้นะครับ สำหรับ 4.5.1และลายไทย มาเริ่มต้นกันเลยดีกว่าครับ

ก่อนอื่นเรามาดูโครงสร้างเอกสาร HTML กันก่อนครับ



HTML มีองค์ประกอบ อยู่ 2 ส่วน คือ ส่วนที่เป็นเนื้อหาและส่วนที่เป็นคำสั่งหรือแท็กต่างๆ ซึ่งในภาษา HTML ก็มีแท็กพื้นฐานที่ไฟล์ HTML จำเป็นจะต้องมี ดังนี้

แท็ก <html>……</html >
เป็นคำสั่งที่บอกจุดเริ่มต้นและจุดสิ้นสุดของไฟล์ HTML หรือเป็นแท็กที่ใช้บอกให้เบราเซอร์รู้ว่าข้อความต่างๆที่อยู่ระหว่างนี้เป็นข้อความแบบ HTML โดยแท็ก <html> จำเป็นต้องอยู่บรรทัดแรกและ </html> อยู่บรรทัดสุดท้ายของไฟล์ HTML

แท็ก <head>……</head>
เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่องของเว็บเพจโดยจะมีแท็ก <title>……</title> อยู่ภายในส่วนนี้อีกชั้นเพื่อใช้กำหนดชื่อที่จะแสดงบนส่วน TITLE BAR ของเบราเซอร์

แท็ก <body>……</body>
เป็นแท็กที่ใช้แสดงส่วนของเนื้อหา รูปภาพทั้งหมดที่จะปรากฏบนหน้าเว็บเพจ

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

ที่นี้เรามาดูว่าเทมเพลต โดยทั่วไปเค้านิยมออกแบบกันอย่างไร

แบบที่ 1

แบบที่ 2


อธิบายโดยเปรียบเทียบกันทั้ง 2 แบบ
แบบที่ 1และแบบที่ 2 แตกต่างกันที่ ตรงแบบที่ 1 มีคอลัมเมนูด้านขวามือ แต่แบบที่ 2 ไม่มี  โดยส่วนตัวผมเอง ผมว่าแบบที่ 1 ดูแล้วรกหู รกตาไปนะ มีเมนูอีกอัน ทำให้กินเนื้อที่ในการแสดงผลตรงส่วน Main Body ไป
แต่ที่เค้านิยมออกแบบเทมเพลตเว็บกัน ก็พบ 2 แบบนี่แหละ ที่เค้านิยมกันมาก ดูเป็นทางการดี เลยเอามาให้ดูเป็น Idea ในการออกแบบสำหรับสร้างเทมเพลตให้กับ Mambo ต่อไป

Pages: 1 2 3 4 5

, , , , , , , , , , , , , ,

Leave a Reply

You must be logged in to post a comment.