ReadyPlanet.com
dot
ค้นหาบทความ

dot
Editor Manual
dot
Basic Function
dot
เว็บไซต์รูปแบบ Responsive web design
Google Service/Sitemap
จัดการอีเมล์สมัครรับข่าวสาร
dot
Special Function
dot
ระบบผู้ช่วย
dot
Customer Support
dot
dot
คำถามที่พบบ่อย (FAQ)
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
EXAMPLE
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


การเลือกรูปแบบเว็บไซต์(Template) และจัดโครงสร้างหน้าแรก(Layout)

หลังจากมีการใส่ข้อมูลในเว็บไซต์แล้ว  ต่อไปจะเข้าสู่ขั้นตอนการเลือกข้อมูลบางส่วนมาแสดงผลบนหน้าเว็บไซต์  โดยเริ่มจากการเลือกรูปแบบเว็บไซต์ (Template) และจัดโครงสร้างการแสดงผลของเว็บไซต์ (Layout)  ว่าต้องการจะสร้างเว็บไซต์ให้อยู่ในรูปแบบใด เช่น มีการแสดงข้อมูลบนหน้าแรกแบบโครงสร้างข้อมูลคอลัมน์เดียว หรือมีสองคอลัมน์ซ้ายและขวาแสดงข้อมูลสองกลุ่มคู่กัน  เมนูย่อยจะอยู่ซ้ายหรือขวา เป็นต้น โดยมีวิธีการดังนี้ค่ะ

 เลือกรูปแบบเว็บไซต์ (Template)

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

 หน้าที่ของ Template

1. กำหนดการแสดงผลของเมนูหลัก ซึ่งจะแสดงผลด้านบนหรือด้านล่างของรูปส่วนหัว
2. กำหนดการแสดงผลรูปภาพส่วนหัวเริ่มต้น
3. กำหนดรูปแบบเมนูย่อยอยู่ทั้งทางด้านซ้าย และด้านขวา และแบบไม่แสดงแถบเมนูย่อย
4. กำหนดเฉดสีของหน้าเว็บไซต์เริ่มต้น ทั้งสีตัวอักษร สีพื้นหลัง สีหัวข้อเมนูต่าง ๆ
5. กำหนดขนาดการแสดงผลของเว็บไซต์บนหน้าจอคอมพิวเตอร์ โดยมี 3 ขนาดให้เลือกใช้งาน 
     5.1. ขนาดเต็มหน้าจอ Full Screen เหมาะสำหรับเว็บไซต์ที่มีข้อมูลหรือเน้นการแสดงผลรูปภาพจำนวนมาก เพราะจะแสดงผลได้โดยไม่ทำให้หน้าเว็บไซต์ขยายกว้างเกินภาพส่วนหัว
     5.2. ขนาดกลาง 1024x768 Pixels เหมาะสำหรับเว็บไซต์ที่นำเสนอข้อมูลสินค้าหรือบริการทั่วไป นิยมใช้เทมเพลตขนาดกลางค่ะ
     5.3. ขนาดเล็ก 800X600 Pixels เหมาะสำหรับเว็บไซต์ที่นำเสนอข้อมูลสินค้าหรือบริการไม่มาก เทมเพลตขนาดเล็กจะทำให้เว็บไซต์ไม่ดูโล่งจนเกินไป


 

 ชนิดของ Template แบ่งเป็น 2 ประเภทได้แก่

  1. Template แบบธรรมดา

 

 

Template แบบธรรมดา เป็นTemplate ที่มีแบนเนอร์ส่วนหัวเป็นรูปนามสกุล .Gif หรือ .JPG ซึ่งเป็นภาพนิ่ง โดยผู้แต่งเว็บสามารถเปลี่ยนภาพส่วนหัวเป็นภาพของท่านเองได้
 

 2.  Flash Template

 

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

  

 วิธีเลือกใช้เทมเพลต หลังจากล็อกอินเข้าส่วนสมาชิก ที่เมนู "จัดการเว็บไซต์" คลิกเลือก "เลือกรูปแบบเทมเพลต" จากนั้น คลิกปุ่ม "เลือกใช้" ที่เทมเพลต ID ที่ต้องการ

 

  จัดโครงสร้างการแสดงผลของเว็บไซต์ (Layout) 

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

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

     ตัวอย่างการจัดวาง Sitemap หรือโครงร่างเว็บไซต์หน้าแรก ของเว็บไซต์ www.Cake2U.com

หมายเลข 1 แสดงผลรายละเอียดบทนำ
หมายเลข 2 แสดงกลุ่มสินค้า "เค้กผลไม้"
หมายเลข 3 แสดงกลุ่มสินค้า "เค้กวันเกิด"
หมายเลข 4 แสดงกลุ่มบทความ "ข่าวประกาศจาก Cake2U"
หมายเลข 5 แสดงกลุ่มบทความ "เคล็ดลับน่ารู้"

 Layout / Sitemap ของเว็บไซต์

 

 วิธีเลือกใช้เลย์เอาต์  
     ล็อกอินเข้าส่วนสมาชิก  ไปที่เมนู "จัดการเว็บไซต์" คลิกเลือก "เลือกรูปแบบเลย์เอาต์" ซึ่งเลย์เอาต์ของระบบเว็บไซต์สำเร็จรูป ReadyPlanet มี 2 ประเภท ได้แก่

     Static Layout เป็น Layout มาตรฐานของ ReadyPlanet ซึ่งมีให้เลือกใช้งานกว่า 30 รูปแบบ [ยกเว้น Layout ID : 99]   หากมีการเลือกใช้งานแล้วจะไม่สามารถปรับเปลี่ยน เพิ่มเติม ย้ายตำแหน่งใดๆได้อีก  เหมาะกับเว็บไซต์ที่มีข้อมูลที้ต้องการแสดงผลไม่เกิน 6 กลุ่มบทความ  และไม่ต้องการแสดงผลสินค้าจากระบบร้านค้าออนไลน์ Vela Commerce

 

 

 


     Dynamic Layout กรณีที่มีข้อมูลกลุ่มบทความที่ต้องการแสดงผลบนหน้าแรกของเว็บไซต์หลายกลุ่ม หรือแสดงผลสินค้าจากระบบร้านค้าออนไลน์ Vela Commerce จะต้องใช้งาน Layout ID 99 : Dynamic Layout  ช่วยให้การจัดวางข้อมูลหน้าแรกสวยโดดเด่น ไม่ซ้ำใคร ซึ่งสามารถเพิ่ม แก้ไขการแสดงผลได้บ่อยครั้งตามต้องการ หรือลบกลุ่มบทความที่ไม่ต้องการแสดงผลออกจากหน้าแรกได้  โดยที่ข้อมูลเดิมภายในเว็บยังอยู่ครบทุกประการ
     ดูรายละเอียด วิธีการใช้งานรูปแบบแสดงผลอิสระ (Dynamic Layout) คลิกที่นี่ ค่ะ

 

 

จากกรณีเว็บไซต์ตัวอย่าง www.Cake2U.com มีสินค้าจากระบบร้านค้าออนไลน์ Vela Commerce ที่ต้องการนำมาแสดงบนหน้าแรกของเว็บไซต์ จึงเลือกใช้ Dynamic Layout และทำการเลือกกลุ่มข้อมูลมาแสดงผลบนหน้าแรก ตามโครงร่างที่จัดวางไว้ค่ะ

 
 
 

 ตัวอย่างการแสดงผลหน้าแรกของเว็บไซต์ Cake2u.com ตามโครงร่าง Layout ที่กำหนดไว้

 




วิธีใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

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