JoomlaHitz สอนทำเว็บไซต์ด้วย Joomla แนะนำการใช้งานจูมล่า! Extensions Template

3 รูปแบบเว็บไซต์ปัจจุบัน

3 รูปแบบเว็บไซต์ ในปัจจุบัน

ก่อนที่เราจะเริ่มลงมือ สร้างเทมเพลตจูมล่า ( Template Joomla ) เราจะต้องทราบอีกครั้งถึง มุมมองการมองเว็บไซต์ ที่มีการออกแบบกันอยู่ในหลายๆเว็บ Template ที่ขายหรือที่ทำกันมา ซึ่งจะเป็นพื้นฐานในการจัดวางโครงสร้างในการออกแบบ Layout ของเว็บไซต์เรานะครับ

   ก่อนที่เราจะเลือกตัวอย่างเว็บไซต์มาทำการออกแบบนั้น เราต้องพอที่จะมองภาพรวมของเว็บไซต์ให้ออกก่อนนะครับ โดยผมมีการแบ่งรูปแบบของเว็บไซต์ออกเป็น 3 รูปแบบ ดังนี้

 

1.Full Page

   เป็นการออกแบบเว็บไซต์ แบบเต็มพื้นที่การแสดงผลในหน้าจอคอมพิวเตอร์ ซึ่งไม่ว่าเราจะย่อขยายขนาดไหน ก็จะแสดงผลเต็มพื้นที่ของหน้าจอเว็บไซต์ โดยรูปแบบ Full Page นี้ จะเน้นไปที่การแสดงรูปภาพที่สวยงาม หรือเน้นไปที่ตัวสินค้า เป็นหลัก ดังรูปที่.1

3 รูปแบบเว็บไซต์ ในปัจจุบัน

รูปที่.1

ตัวอย่างเช่น รูปที่.2 และรูปที่.3

3 รูปแบบเว็บไซต์ ในปัจจุบัน

รูปที่.2

3 รูปแบบเว็บไซต์ ในปัจจุบัน

รูปที่.3

   โดยการออกแบบ Full Page นี้ ในหน้าแรกจะมีการกำหนด Layout ที่ไม่มากนัก เน้นในส่วนของรูปภาพเป็นหลัก ถ้านำมาใช้กับ Joomla ที่เราจะทำเว็บไซต์นี้ จะมีการเรียกใช้งาน Module น้อยมากในหน้าแรก

 

2.Center Page

   เป็นการออกแบบที่มีโครงสร้างหลักในส่วนที่เป็นเนื้อหาของข้อมูลนั้น อยู่ตรงกลางหน้าจอคอมพิวเตอร์ตลอดเวลา ไม่ว่าคุณจะย่อขยายขนาด ก็จะมีเนื้อหาต่างๆ ที่แสดงอยู่ตรงกลางเสมอ การออกแบบ Center Page นี้ จะเน้นไปในส่วนของข้อมูลต่างๆ ที่มากกว่า Full page มีการจัดวาง Layout ที่มากกว่า ดังรูปที่.4

3 รูปแบบเว็บไซต์ ในปัจจุบัน

รูปที่.4

   โดยการออกแบบ Center Page นี้ จะมีการกำหนด Layout เยอะกว่า Full Page และมีการแสดงข้อมูลมากกว่า โดยถ้าเรานำมาใช้กับ Joomla ก็จะทำให้เราต้องกำหนดการแสดง Module ในหน้าแรกหลายตัวอยู่เหมือนกัน เพราะโดย Layout ที่ค่อนข้างยาว ตามเนื้อหาทำให้ในส่วนของข้อมูล ก็ต้องมีเยอะตามไปด้วยนั้นเอง

 

3.Mix Page

   เป็นการผสมผสานกันระหว่าง Full Page กับ Center Page มีหลายเว็บที่นำทั้ง 2 แบบ มาใช้งานร่วมกัน แต่ส่วนมากจะยึด Center page เป็นหลัก และนำ Full page มาใช้ในส่วนที่เป็นรูปภาพ หรือ Slide Show images นั้นเอง ดังรูปที่.5

3 รูปแบบเว็บไซต์ ในปัจจุบัน

รูปที่.5

   ดังนั้น ก่อนที่เราจะทำเว็บไซต์ หรืออกแบบเทมเพลตนั้น เราต้องเลือกรูปแบบในการนำเสนอก่อน เพราะจะมีผลต่อการออกแบบทั้งหมดของเว็บไซต์เรา ซึ่งในปัจจุบันนี้โดยรูปแบบที่เป็น Full page นั้น จะนิยมออกแบบกันประมาณ20% ส่วนที่เป็น Center Page นั้น จะนิยมใช้กันประมาณ 30%และ Mix Page ก็คือรูปแบบผสม ระหว่าง Full page กับ Center page จะอยู่ที่ 50% เลยที่เดียว

มาดูเรื่องความเหมาะสมในการนำไปใช้งานกันบ้างในการออกแบบตามรูปแบบที่ผมแนะนำไปแล้วนั้น

  1. Full Page  เหมาะที่จะนำไปใช้ในการแสดงผลงาน Portfolio หรือ เว็บไซต์องค์กรณ์ที่ทำงานด้านออกแบบ Design , การแสดงสินค้า ที่เน้นความสวยงามของสินค้า เช่น รองเท้า เสื้อผ้า
  2. Center Page เหมาะกับเว็บทั่วไป ที่แสดงข้อมูล หรือ แนะนำ บริษัทหรือองค์กรณ์ โดยเน้นที่เนื้อหาและข้อมูลเป็นหลัก รวมถึงร้านค้า ต่างๆ ก็สามารถนำสินค้ามาแสดงในรูปแบบนี้ได้
  3. Mix Page  สามารถนำไปใช้ได้ทุกกรณีเลยก็ว่าได้ เพราะมีมิติในการแสดง Layout ที่หลากหลาย ทำให้เว็บดูมีองค์ประกอบต่างๆที่แตกต่างกันมากขึ้น


เราสามารถดูตัวอย่างเว็บไซต์ เพื่อเป็นแบบอย่างในการเลือกออกแบบได้จากเว็บไซต์ที่เขาจำหน่าย template หรือ เว็บไซต์ gallery ต่างๆ เช่น

http://www.templatemonster.com
http://themeforest.net
http://cssbased.com
https://www.thebestdesigns.com
http://www.cssmania.com
http://www.cssdee.com

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

 

ขอบคุณครับ
Webmaster JoomlaHitz.com (ริว)

  • No comments found

Leave your comments

Post comment as a guest

0
Powered by Komento

แนะนำบทความ

New Extension Error in Admin Page
สวัสดีครับวันนี้ขอนอกประเด็นนิดนึงนะครับ พอดีมีเพื่อนๆได้เมล์มาถามผมว่าควรทำไงดี เพราะเกิดปัญหาหลังจากลง Extension ที่เป็น Component ใหม่ลงไปแล้ว เกิด error ...

สถิติผู้เข้าชม

0.png3.png3.png9.png1.png7.png
Today36
Yesterday500
This week1968
This month10801
Total33917

Who Is Online

5
Online

23 มิถุนายน 2560