วันอังคารที่ 7 กุมภาพันธ์ พ.ศ. 2555

Webiz 05 เลย์เอาท์และธีมส์


คุณสามารถเลือกเลย์เอาท์ (Layout, การจัดหน้า) และธีมส์ (Themes, ชุดรูปแบบเชิงกราฟิกโดยรวม) จากเทมเพลตสำเร็จรูปที่ทางเว็บบิสเตรียมเอาไว้ให้สมาชิกได้เริ่มต้นใช้งานอย่างง่ายดาย

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


  • เลือกเฉพาะเลย์เอาท์ - หากคุณต้องการสร้างธีมส์ด้วยตัวเอง ด้วยการเข้าไปกำหนดรายละเอียดต่างๆ ใน "ดีไซน์" (ตอนต่อไปครับ)
  • เลือกเฉพาะธีมส์ - หากคุณต้องการทำแค่การ "เปลี่ยนโลโก้" ของตัวเองเองใส่เข้าไปแทน และใช้ทุกอย่างเท่าที่แบบสำเร็จฯ แต่ละธีมส์ได้เตรียมไว้ให้



ข้อสังเกตที่ควรทราบ

  • การเลือก "เลย์เอาท์" จะเป็นตัวกำหนดทิศทางของแถวเมนู ว่าอยู่ในแนวตั้งหรือแนวนอน

  • เลย์เอาท์แบบแนวตั้ง - แถวเมนูจะซ้อนกันอยู่ด้านซ้าย (เท่านั้น) ซึ่งเป็นแนวคิดแบบมาตรฐาน
  • เลย์เอาท์แบบแนวตั้งของเว็บบิส บนส่วนหัวบนสุดของหน้าเว็บไซต์จะไม่มีการแสดง "ชื่อเว็บไซต์+คำบรรยาย" <<< คุณสามารถใช้กราฟิกโลโก้-ที่มีความกว้างมากๆ-ใส่เข้าไปได้ (ไฟล์ .png ขนาดไม่ควรกว้างเกิน 960 pixels เพราะระบบจะแสดงผลให้เพียงเท่านั้น, ใช้แบบพื้นหลังโปร่งใสได้) (ส่วนของภาพพื้นหลัง+โลโก้+แบบอักษร ติดตามในบทต่อไปครับ)
  • เพราะฉะนั้นจากการเลือกชมตัวอย่าง ท่านอาจเห็นว่าในส่วนหัวของบางตัวอย่าง เป็นแบนเนอร์ที่มีความกว้างคาดทั้งหน้า >>นั่นคือกราฟิกของภาพพื้นหลังครับ<<
  • หากท่านต้องการให้ส่วนหัวเป็นกราฟิกแบบแบนเนอร์คาดทั้งหน้า จึงควรต้องออกแบบและทำไฟล์ภาพพื้นหลังให้เรียบร้อยมาก่อนจะอัพโหลดเข้าไปครับ) การสั่งเบลอพื้นหลังจึงใช้ได้ดีกับภาพพื้นหลังธรรมดา ที่ไม่ได้ถูกเตรียมแบนเนอร์คาดทั้งหน้าไว้ในภาพครับ
  • ส่วนไฟล์ของโลโก้ ถ้ามีความกว้างไม่มากนัก (คือเป็นไฟล์ที่ ก. x ย. ไม่ใหญ่มาก) ระบบจะจับไปวาง "ชิดด้านซ้าย" เสมอ..ครับ ไม่ว่าจะเป็นเลย์เอาท์แนวตั้ง/แนวนอน

  • เลย์เอาท์แบบแนวนอน - แถวเมนูจะอยู่ใต้ส่วนหัว และจะมีการแสดงชื่อเว็บไซต์+คำบรรยาย ในตำแหน่ง "ชิดด้านขวา"
  • ในเลย์เอาท์แบบแนวนอน คุณจึงไม่สามารถใช้ไฟล์โลโก้ที่มีความกว้างมากนักได้ครับ เพราะที่ด้านชิดซ้ายจะเหลือพื้นที่เท่าที่ชื่อเว็บไซต์ด้านชิดขวาเหลือไว้ให้เท่านั้น (เพราะฉะนั้นถ้าชื่อเว็บไซต์คุณยาวมากไป นอกจากจะไม่มีที่ให้ใส่โลโก้แล้ว ชื่อยังจะโดดเป็น-สองบรรทัด-อีกด้วยครับ)
  • จากข้อก่อนหน้า..... ถ้าคุณใส่โลโก้ที่กว้างเกินกว่าที่ชื่อเว็บของคุณเหลือไว้ให้ โลโก้กับชื่อเว็บจะ-ซ้อนทับกัน-ครับ ...ถ้าหากชื่อเว็บหรือชื่อกิจการคุณค่อนข้างยาว โกออนไลน์ไกด์ขอแนะนำว่า -อย่าใส่โลโก้ในเลย์เอาท์แนวนอนนี้-ครับ (ถ้าต้องการใส่จริงๆ คุณอาจต้องเลือกเลย์เอาท์แนวตั้งแทนครับ)

  • การเลือกภาพพื้นหลังที่จะนำมาใช้ - ควรต้องคำนึงถึงบริเวณที่จะกลายมาเป็น "พื้นรองตัวอักษร"
  • บริเวณดังกล่าวจะมีผลอย่างมาก ในการที่ตัวอักษรจะอ่านได้ง่่ายหรือยากอย่างชัดเจน
  • บริเวณที่ต้องรองรับตัวอักษร จึงควรหลีกเลี่ยงภาพที่มีลวดลายมากๆ หรือต่างโทนสีกันเกินไป เพราะสีของตัวอักษรที่เราจะตั้งค่ากันต่อไปนั้น จะเป็นสีเดียวกันทั้งหน้าเว็บนั้นเอง (อักษรทั่วไป)
  • ภาพพื้นหลังในบางลักษณะ อาจใช้การสั่งเบลอพื้นหลัง (ในบทต่อไป) เพื่อช่วยให้ตัวอักษรบนเว็บอ่านได้ง่ายขึ้น

ต่อไปนี้คือ "ภาพตัวอย่างธีมส์" ทั้งแนวตั้งและแนวนอนที่เว็บบิสได้เตรียมเอาไว้ให้ชมครับ
(คลิกบนแต่ละภาพเพื่อขยาย)

Default
 Restaurant 1 
 Restaurant 2
 Hotel 1
 Hotel 2
 White
 Spa-Massage 1
 Spa-Massage 2
 Fashion-Clean
 และ Fashion-Vintage


ในตอนต่อไป จะเป็นเรื่องของ "ดีไซน์"
ซึ่งมีในเรื่องของ ภาพพื้นหลัง โลโก้ และแบบอักษรครับ



ไม่มีความคิดเห็น:

แสดงความคิดเห็น

เคารพสิทธิผู้อื่น และอยู่ในกรอบพรบ.ICT เชิญครับ.