สิ่งที่hackerคตวรนรู้

pup15924 Thu Apr 03, 2014 1:13 am

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

เพื่อให้ง่ายสำหรับการสร้างเว็บด้วย 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