สิ่งที่คุณต้องรู้

ส่วนประกอบเว็บไซต์

เพื่อให้ง่ายสำหรับการสร้างเว็บด้วย google sites จะอธิบายการใช้งานตามหัวข้อต่อไปนี้ครับ

ส่วนหัว(Header)

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

สำหรับ Google sites แล้ว ได้ออกแบบส่วนหัวไว้ให้บางส่วนแต่คุณสามารถสร้างมันขึ้นมาใหม่และปรับเปลี่ยนได้ตามต้องการ

การใส่ภาพส่วนหัว

1. ต้องเตรียมภาพส่วนหัว ออกแบบให้ได้ขนาด และสวยงามเตรียมไว้ก่อน จะใช้โปรแกรมอะไรก็ได้ สำหรับผมใช้ Firework คิดว่าง่ายดี

ภาพที่ 1 ออกแบบภาพส่วนหัวด้วยโปแกรม Firework CS4

ภาพที่ 2 อันนี้ยังไม่ใส่ภาพส่วนหัวเข้าไป

ต่อไป เราจะเอาภาพที่เตรียมไว้ ไปใส่ใน Google sites ต่อไป

1. เข้าสู่หน้าแก้ไข คลิกที่ปุ่ม More actions ที่มุมขวาบน เลือก Manage site

2. คลิกที่ Site Layout

3. มองหา Header Header height: Use logo size (change logo) คลิกที่ลิงก์ (change logo)

3. มองหา HeaderHeader height: Use logo size (change logo) จะปรากฎหน้าติกแต่งโลโก ก็คื่อส่วนหัวนั่นเอง คลิกเลือก Custom Logo

4. กดปุ่ม Browse เลือกรูปภาพที่คุณเตรียมไว้ รอสักครู่ แล้วกัด OK

5. กดปุ่ม Save changes (สังเกตเอานะครับ ที่มุมซ้ายบน)

6. เท่านี้ก็เรียบร้อยแล้วหละ ปรับแก้ให้พอดี หรือจนกว่าจะพอใจ

ดูตัวอย่างเว็บที่ตกแต่งส่วนหัวแล้วที่ : เว็บเทศบาลตำบลบ้านค้อ

ส่วนเนื้อหา(Content Area)

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

เมนูหลัก(Primary Navigation)

เมนูรอง(Secondary Navigation)

หัวเรื่อง(Headlines)

ส่วนแสดงความคิดเห็น(Comments)

ส่วนท้ายของบทความ(Post’s Footer)

ส่วนท้ายของบล็อก(Footer)

โฆษณา(Advertisements)

เว็บไซต์แลกเปลี่ยนฯ

หากคุณใจร้อน ขอแนะนำที่นี่ก่อนนะครับ เว็บตกแต่งสวยๆ ด้วย Google sites เช่นเดียวกัน แนะนำวิธีสร้างประกอบรูปภาพ อย่างง่ายทีเดียว

- บ้านไร่นาเรา : แนะนำการใช้ Google site

- บ้านจำรุง : ออกแบบสวย มีเพลง และดนตรีเพราะมาก ออกแบบด้วย Google site

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