Google Sites ตอนที่ 1 เริ่มต้นการสร้างเว็บไซต์

เข้าสู้หน้าของ http://sites.google.com ทำการล็อกอินเข้าสู่ระบบ

 

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

คลิกเพื่อดูภาพขยาย

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

คลิกเพื่อดูภาพขยาย

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

Google Sites ตอนที่ 2 ปุ่มเมนูต่างๆ และฟังก์ชั่นเสริม

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

คลิกเพื่อดูภาพขยาย

  • การเพิ่มวัตถุ
  • รูปภาพ เพื่อนๆ สามารถแทรกรูปภาพลงในเว็บเพจ ได้ตามใจชอบ โดยการแรก แบบ Url หรือจะอัพโหลดรูปภาพลงในหน้าเว็บเลยก็ได้
  • ลิงก์ การกำหนดให้ข้อความหรือรูปภาพของเรา เชื่อมโยงไปยังหน้าเว็บเพจต่างๆ
  • สารบัญ รายการหน้าเว็บย่อ เส้นแนวนอน ในส่วนนี้คงไม่ต้องอธิบายอะไรมาก เพื่อนๆ ทุกคนคงใช้กันเป็นอยู่แล้ว
  • แอพพลิเคชั่น
  • โฆษณา Adsense เพื่อนๆ สามารถเพิ่ม Adsense ลงในเว็บเพจเพื่อเพิ่มรายได้จากเว็บไซต์ของเราครับ
  • ปฏิทิน
  • เอกสาร Word Document
  • แผนที่
  • รูปภาพของ Picasa
  • สไลด์โชว์ของ Picasa
  • Powerpoint Presentation ในรูปแบบงานนำเสนอ
  • ตาราง Exel ศึกษาเรื่อง Exel คลิกที่นี่
  • Video ของ google หรือ youtube เป็นรูปแบบของการดูวีดีโอต่างๆ โดยที่เพื่อนๆ สามารถนำวีดีโอของเราเอง หรือจาก YouTube มาใส่ในหน้าของเว็บเพจเราได้ เพื่อนๆ สามารถดูวิธีการอัพไฟล์ลงใน YouTube ได้
  • แกดเจ็ด

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

  • การกำหนดรูปแบบของตัวอักษร

อันนี้คงไม่ยากนะครับ สำหรับคนที่ใช้งาน ไม่ว่าจะ เขียนข้อความเพื่อส่งอีเมล์ สร้างเอกสารโดยการใช้ word ถ้าทุกคนมีพื้นฐานเล่านี้แล้วล่ะก้อ คงไม่ต้องอธิบายอะไรมาก

ใครที่ต้องการเรียนรู้เรื่องการส้รางเอกสาร คลิกที่นี่

  • HTML

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

ใครที่ต้องการศึกษาเรื่อง HTML คลิกที่นี่

ใครที่ต้องการศึกษาโปรแกรม Dreamweaver คลิกที่นี่

 

เป็นไงกันบ้างครับ ปรับแต่งเว็บไซต์ถึงไหนกันแล้ว? เอาให้สวยๆเลยนะครับ