การสร้างเว็บไซต์ด้วย Google sites

การสร้างเว็บไซต์ด้วย Google sites

สมัครเปิดการใช้งานเว็บไซต์ Google Sites

 

1. ไปที่เว็บ https://sites.google.com กรอกที่อยู่อีเมล์และรหัสผ่านที่คุณสมัครลงไปเมื่อกรอกเรียบร้อยแล้วเลือกลงชื่อเข้าใช้งาน

            

 

  2. เลือก "สร้าง" เพื่อทำการสร้างเว็บไซต์

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

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

 5. เลือกธีมสามารถเลือกธีมที่ต้องการได้ตามใจชอบเลย เพราะเราสามารถมาแก้ไจส่วนนี้ได้

ตัวเลือกเพิ่มเติม คือ รายละเอียดเกี่ยวกับเว็บไซต์ของคุณ

 

6. กรอกข้อความที่เห็นในภาพลงไปในช่องว่าง เพื่อเป็นการตรวจสอบว่าคุณเป็นมนุษย์จริงๆไม่ใช้โปรแกรมหรือบอท

 

7. เมื่อกรอกรายละเอียดข้างต้นลงไปแล้วก็เลือกสร้างได้เลย

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

    วิธีสร้างหน้าเว็บใหม่

     1. ไปที่หน้าเว็บไซต์ของคุณ เช่น sites.google.com/site/phakamatblog เลือก "หน้าเว็บใหม่" 

     2. ตั้งชื่อหน้าเว็บของคุณอาจจะเป็นหัวข้อของเนื้อหาในหน้าเว็บ

     3. เลือกเทมเพลตควรเลือกให้เหมาะกับเนื้อหาในหน้าเว็บของคุณ

     4. ตำแหน่งการวางของหน้าเว็บจะให้อยู่ส่วนไหน

     5. เลือกสร้างเพื่อทำการสร้างหน้าเว็บใหม่

     6. ชื่อหัวข้อความเว็บ

     7. ส่วนใส่เนื้อหาในหน้าเว็บ

     8. สามารถใช้เครื่องมือปรับแต่งแก้ไขข้อความหรือแทรกวิดีโอรูปภาพต่างๆได้

     9. เมื่อเขียนข้อความในหน้าเว็บเรียบร้อยแล้วเลือกบันทึกเพื่อดูผลลัพธ์ได้เลย

เพียงเท่านี้ก็สามารถสร้างหน้าเว็บได้แล้ว แต่ถ้าหน้าเว็บยังไม่ถูกใจก็สามารถคลิกที่รูปภาพดินสอในกรอบสี่เหลี่ยมหมายเลข 10 เพื่อแก้ไขได้ด้วย

การตั้งค่าทั่วไป Google Sites

ก่อนอื่นให้คุณเข้าสู่ระบบและที่ไซต์ของคุณที่สร้างไว้แล้ว

     1. เลือก "เพิ่มเติม" 

     2. คลิกที่จัดการไซต์เพื่อไปยังหน้าการตั้งค่าทั่วไป

3. สามารถเปลี่ยนแปลงชื่อไซต์และกำหนดได้ด้วยว่าต้องการจะให้แสดงชื่อไซต์หรือไม่ได้ด้วย

4. อธิบายเกี่ยวกับไซต์ของคุณ เช่น เกี่ยวกับการสร้างเว็บ ก็อาจจะเขียนแบบย่อเกี่ยวกับการสร้างเว็บลงไปก็ได้

5. ในไซต์ของคุณมีเนื้อหาสำหรับผู้ใหญ่หรือไม่ ถ้าไม่มีก็ไม่ต้องติ๊กเลือกในส่วนนี้

6. หน้าเริ่มต้นก็คือหน้าที่เมื่อมีการเข้าไปที่ไซต์ของคุณแล้วต้องการจะให้หน้าเว็บไหนแสดง

7. ในส่วนนี้จะแสดงพื้นที่ของไซต์ที่คุณใช้งานไปแล้ว

8. เราจะลองมาดูกันทีละปุ่มค

คัดลอกไซต์ : ก็คือการสร้างไซต์ขึ้นมาอีกไซต์หนึ่งโดยจะคัดลอกจากไซต์นี้เป็นต้นแบบ

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

ลบไซต์นี้ : ตรงกับชื่อปุ่มเลยค่ะก็คือการลบไซต์ของคุณซึ่งจะยังสามารถกู้คืนได้ใน 30 วัน

9. เป็นการเปิดใช้งานตัวนับสถิติของไซต์

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

11. เลือกภาษาที่แสดงผลบนไซต์ของคุณ

12. สามารถปรับขนาดไซต์ของคุณให้กับโทรศัพท์มือถือโดยอัตโนมัติได้โดยการติ๊กเลือกส่วนนี้

13. กำหนดว่าใครสามารถเข้าถึงกิจกรรมของไซต์และประวัติการแก้ไขไซต์ของคุณ

เมื่อตั้งค่าส่วนต่างๆตรงตามความต้องการแล้วก็สามารถกดบันทึกได้เลย

วิธีลบไซต์

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

     1. ไปที่เว็บไซต์ที่คุณต้องการจะลบ เลือก "เพิ่มเติม"

     2. เลือก "จัดการไซต์"

     3. ดูในส่วนของ "ทั่วไป"

     4. เลือก "ลบไซต์"

     5. เลือก "ลบ" เพื่อทำการลบไซต์ของคุณค่ะ สามารถเปลี่ยนใจยกเลิกการลบไซต์ได้ภายใน 30 วัน

      

      วิธีเปลี่ยนธีม Google Sites

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

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

     1. ก่อนอื่นก็มาเลือกในส่วนของธีมกัน เพื่อจะได้เลือกธีมสวยๆให้กับไซต์ของเรากัน

     2. ในส่วนนี้จะมีธีมให้เราเลือกมากมาย

     2.1 หรือถ้ายังไม่ชอบก็สามารถคลิกดูธีมเพิ่มเติมได้ในส่วนนี้ ธีมเพิ่มเติมก็จะเป็นธีมที่มีรูปแบบเดียวกันกับในส่วนที่ 2 ค่ะเพียงแต่ธีมเพิ่มเติมนี้จะมีการปรับแต่งจากกลุ่มผู้ใช้ Google Sites แล้ว

     3. เมื่อเลือกธีมได้ตรงตามความต้องการแล้วก็อย่าลืมกดปุ่มบันทึก

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

   การเปลี่ยนโลโก้หรือส่วนหัวของไซต์

ก่อนอื่นก็ต้องเข้าสู่ระบบ แล้วไปที่จัดการไซต์

     1. เลือกเค้าโครงของไซต์

     2. คลิกที่เปลี่ยนโลโก้เพื่อทำการเลือกรูปภาพ

     3. เลือกเรียกดูรูปภาพที่ต้องการนำมาเป็นหัวไซต์หรือโลโก้

     4. กดตกลงเพื่อเป็นการเลือกรูปภาพนั้น

     5. กดปุ่มบันทึกและดูผลลัพธ์ในหน้าไซต์ของคุณค่ะ

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

   วิธีใส่ภาพพื้นหลังให้ไซต์ของเรา

ก่อนอื่นก็ต้องไปที่หน้าจัดการไซต์ 

     1. ดูในส่วนของสีและแบบอักษร     2. แล้วเลือกรูปภาพพื้นหลังของหน้า

     3. คลิกที่กำหนดเอง แล้วทำการเพิ่มไฟล์รูปภาพพื้นหลังที่เตรียมไว้ (สามารถดูตัวอย่างการแสดงผลลัพธ์ของรูปภาพพื้นหลังได้จากกรอบสีแดง)

     4. กด "บันทึก" เพื่อสิ้นสุดการแก้ไข/เปลี่ยนรูปภาพพื้นหลังใหม่

     เพียงเท่านี้ก็สามารถเปลี่ยนรูปภาพพื้นหลังได้ดั่งใจแล้ว

   วิธีเปลี่ยนรูปภาพพื้นหลังแถบด้านข้าง

เข้าสู่ระบบ Google Site ไปที่หน้าไซต์ของคุณ เลือก "เพิ่มเติม" --> "จัดการไซต์"

     เลือก "สีและแบบอักษร"

   ดูในส่วนของ แกดเจ็ตในแถบด้านข้าง เลือก "รูปภาพพื้นหลังของส่วนหัวแกดเจ็ตในแถบด้านข้าง"

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

    วิธีแก้ไขการออกแบบไซต์เบื้องต้น

1. เข้าไปที่เว็บไซต์ https://sites.google.com/?hl=th เลือกไซต์ที่คุณต้องการจะปรับแต่งแก้ไข

     2. คลิกที่ "เพิ่มเติม" 

     3. เลือก "แก้ไขการออกแบบไซต์"

     4. เรามาดูที่ส่วนหัวของไซต์กันก่อนดีกว่าค่ะ สามารถคลิกที่ "ส่วนหัว" เพื่อซ่อนหรือแสดงส่วนหัวของไซต์คุณ

     5. คลิกที่ หัวของไซต์ เพื่อกำหนดค่าส่วนหัวของไซต์

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

     7. โลโก้ไซต์ นอกจากในส่วนจัดการไซต์ที่สามารถเปลี่ยนโลโก้ให้ไซต์ได้แล้วส่วนกำหนดค่าส่วนหัวของไซต์นี้ก็ยังสามารถกำหนดได้โดยที่ไม่ต้องเข้าไปในจัดการ  ไซต์ให้ยุ่งยากเลย

     8. แนวของหัวไซต์ สามารถกำหนดการจัดแนวของหัวไซต์ได้จากส่วนนี้

     9. เมื่อทำการปรับแต่งค่าต่างๆได้ตรงตามความต้องการแล้วก็กดปุ่ม "ตกลง" เพื่อดูผลลัพธ์

     10.การนำทางแนวนอน สามารถเปิด/ปิดการใช้งานการนำทางแนวนอนหรือลิงก์ส่วนบนของไซต์ได้

     11. คราวนี้เรามาดูในส่วนของแถบด้านข้างกันบ้างดีกว่า เหมือนกับทุกอันที่ผ่านมาค่ะ สามารถคลิกเพื่อซ่อนหรือแสดงได้จากลิงก์

     12. Sidebar สามารถกดแก้ไขหรือเพิ่มแถบด้านข้าง(Gadget) และยังสามารถเคลื่อนย้ายโดยการคลิกลากวางในส่วนที่ต้องการให้แสดง

     เรามาดูในส่วนแก้ไขแถบด้านข้างกันก่อน เลือก "รูปดินสอ" เพื่อเข้าสู่โหมดแก้ไขแถบด้านข้าง

     13. กำหนดการแสดงของแถบด้านทางว่าจะให้แสดงทางไหน 

     14. กำหนดความกว้างให้กับแถบด้านข้างของไซต์โดยจะกำหนดเป็นพิกเซล

     15. เมื่อตั้งค่าเสร็จเรียบร้อยแล้วกด "ตกลง"

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

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

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

     17. สามารถซ่อนลิงก์ส่วนท้ายได้โดยการติ๊กเลือกหน้าข้อความซ่อนลิงก์ที่คุณต้องการ

     18. เมื่อเลือกเสร็จแล้วกด "ตกลง" 

     ในที่สุดก็มาถึงส่วนแก้ไขการออกแบบไซต์ส่วนสุดท้ายแล้ว

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

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

      แถบนำทางแนวนอนในไซต์

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

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

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

แล้วก็เลือก แก้ไขแถบนำทางแนวนอน ค่ะ หลังจากนั้นหน้ากำหนดค่าการนำทางก็จะปรากฏขึ้นมา

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

ตัวอย่างเช่น

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