ตัวอย่าง Google Site สวย ๆ | ตัวอย่างเว็บไซต์ที่สร้างจาก Google Site - Website By Google Site

คู่มือการใช้งาน ‎ > ‎ การใช้งาน Google Sites เบื้องต้น ‎ > ‎ การปรับแต่งความสวยงามให้ Google Sites v. 31108 Comments

1. การสร้างเว็บไซต์ด้วย Google sites - Nutthapon.D.Benz
2. ทำ E-Portfolio ง่าย ๆ ด้วย Google Sites - สาขาวิชาวิทยาการคอมพิวเตอร์
3. ตัวอย่างเว็บไซต์ที่สร้างจาก Google Site - Website By Google site
4. การปรับแต่งความสวยงามให้ Google Sites - googleapps
5. การปรับแต่งธีมให้กับ Google Sites - ครูเชียงราย
6. การสร้างเว็บไซต์อย่างง่ายด้วย Google Site เบื้องต้น - ครูไอที

การสร้างเว็บไซต์ด้วย Google sites - Nutthapon.D.Benz

1. ไปที่หน้าเว็บไซต์ของคุณ เช่น เลือก "หน้าเว็บใหม่" 2. ตั้งชื่อหน้าเว็บของคุณอาจจะเป็นหัวข้อของเนื้อหาในหน้าเว็บ 3. เลือกเทมเพลตควรเลือกให้เหมาะกับเนื้อหาในหน้าเว็บของคุณ 4. ตำแหน่งการวางของหน้าเว็บจะให้อยู่ส่วนไหน 5. เลือกสร้างเพื่อทำการสร้างหน้าเว็บใหม่ 6. ชื่อหัวข้อความเว็บ 7. ส่วนใส่เนื้อหาในหน้าเว็บ 8. สามารถใช้เครื่องมือปรับแต่งแก้ไขข้อความหรือแทรกวิดีโอรูปภาพต่างๆได้ 9. เมื่อเขียนข้อความในหน้าเว็บเรียบร้อยแล้วเลือกบันทึกเพื่อดูผลลัพธ์ได้เลย ก่อนอื่นให้คุณเข้าสู่ระบบและที่ไซต์ของคุณที่สร้างไว้แล้ว 1. เลือก "เพิ่มเติม" 2. คลิกที่จัดการไซต์เพื่อไปยังหน้าการตั้งค่าทั่วไป 3. สามารถเปลี่ยนแปลงชื่อไซต์และกำหนดได้ด้วยว่าต้องการจะให้แสดงชื่อไซต์หรือไม่ได้ด้วย 4. อธิบายเกี่ยวกับไซต์ของคุณ เช่น เกี่ยวกับการสร้างเว็บ ก็อาจจะเขียนแบบย่อเกี่ยวกับการสร้างเว็บลงไปก็ได้ 5. ในไซต์ของคุณมีเนื้อหาสำหรับผู้ใหญ่หรือไม่ ถ้าไม่มีก็ไม่ต้องติ๊กเลือกในส่วนนี้ 6. หน้าเริ่มต้นก็คือหน้าที่เมื่อมีการเข้าไปที่ไซต์ของคุณแล้วต้องการจะให้หน้าเว็บไหนแสดง 7. ในส่วนนี้จะแสดงพื้นที่ของไซต์ที่คุณใช้งานไปแล้ว 8. เราจะลองมาดูกันทีละปุ่มค คัดลอกไซต์: ก็คือการสร้างไซต์ขึ้นมาอีกไซต์หนึ่งโดยจะคัดลอกจากไซต์นี้เป็นต้นแบบ เผยแพร่ไซต์นี้เป็นเทมเพลต: จะเป็นการแบ่งปันเทมเพลตของคุณให้ผู้อื่นสามารถนำไปใช้งานได้ ลบไซต์นี้: ตรงกับชื่อปุ่มเลยค่ะก็คือการลบไซต์ของคุณซึ่งจะยังสามารถกู้คืนได้ใน 30 วัน 9.

เข้าไปที่เว็บไซต์ เลือกไซต์ที่คุณต้องการจะปรับแต่งแก้ไข 2. คลิกที่ "เพิ่มเติม" 3. เลือก "แก้ไขการออกแบบไซต์" 4. เรามาดูที่ส่วนหัวของไซต์กันก่อนดีกว่าค่ะ สามารถคลิกที่ "ส่วนหัว" เพื่อซ่อนหรือแสดงส่วนหัวของไซต์คุณ 5. คลิกที่ หัวของไซต์ เพื่อกำหนดค่าส่วนหัวของไซต์ 6. ความสูง เป็นความสูงของหัวไซต์ในที่นี้สามารถใช้ค่าเริ่มต้นของธีมหรือถ้ายังไม่ถูกใจก็สามารถจะกำหนดได้เองแบบพิกเซลเลย 7. โลโก้ไซต์ นอกจากในส่วนจัดการไซต์ที่สามารถเปลี่ยนโลโก้ให้ไซต์ได้แล้วส่วนกำหนดค่าส่วนหัวของไซต์นี้ก็ยังสามารถกำหนดได้โดยที่ไม่ต้องเข้าไปในจัดการ ไซต์ให้ยุ่งยากเลย 8. แนวของหัวไซต์ สามารถกำหนดการจัดแนวของหัวไซต์ได้จากส่วนนี้ 9. เมื่อทำการปรับแต่งค่าต่างๆได้ตรงตามความต้องการแล้วก็กดปุ่ม "ตกลง" เพื่อดูผลลัพธ์ 10. การนำทางแนวนอน สามารถเปิด/ปิดการใช้งานการนำทางแนวนอนหรือลิงก์ส่วนบนของไซต์ได้ 11. คราวนี้เรามาดูในส่วนของแถบด้านข้างกันบ้างดีกว่า เหมือนกับทุกอันที่ผ่านมาค่ะ สามารถคลิกเพื่อซ่อนหรือแสดงได้จากลิงก์ 12. Sidebar สามารถกดแก้ไขหรือเพิ่มแถบด้านข้าง(Gadget) และยังสามารถเคลื่อนย้ายโดยการคลิกลากวางในส่วนที่ต้องการให้แสดง เรามาดูในส่วนแก้ไขแถบด้านข้างกันก่อน เลือก "รูปดินสอ" เพื่อเข้าสู่โหมดแก้ไขแถบด้านข้าง 13.

ทำ E-Portfolio ง่าย ๆ ด้วย Google Sites - สาขาวิชาวิทยาการคอมพิวเตอร์

เป็นการเปิดใช้งานตัวนับสถิติของไซต์ 10. เป็นเครื่องมือสำหรับผู้ดูแลไซต์ค่ะ จะไม่ขอเขียนอะไรในส่วนนี้ เนื่องจากสามารถเรียนรู้ได้จากลิงก์เรียนรู้เพิ่มเติมเลย 11. เลือกภาษาที่แสดงผลบนไซต์ของคุณ 12. สามารถปรับขนาดไซต์ของคุณให้กับโทรศัพท์มือถือโดยอัตโนมัติได้โดยการติ๊กเลือกส่วนนี้ 13. กำหนดว่าใครสามารถเข้าถึงกิจกรรมของไซต์และประวัติการแก้ไขไซต์ของคุณ เมื่อตั้งค่าส่วนต่างๆตรงตามความต้องการแล้วก็สามารถกดบันทึกได้เลย วิธีลบไซต์ ถ้าใครที่เคยอ่านบทความ การตั้งค่าทั่วไป Google Site ก็คงจะทราบถึงวิธีการลบไซต์แล้ว แต่เพื่อให้ง่ายสำหรับใครที่เพิ่งเริ่มต้น แล้วสร้างไซต์เล่นแบบว่าอยากลองของอะไรประมาณนี้ค่ะ แล้วถ้าต้องไล่อ่านบทความก็คงจะไม่ทันการก็เลยเขียนบทความให้โดยเฉพาะเลย 1. ไปที่เว็บไซต์ที่คุณต้องการจะลบ เลือก "เพิ่มเติม" 2. เลือก "จัดการไซต์" 3. ดูในส่วนของ "ทั่วไป" 4. เลือก "ลบไซต์" 5. เลือก "ลบ" เพื่อทำการลบไซต์ของคุณค่ะ สามารถเปลี่ยนใจยกเลิกการลบไซต์ได้ภายใน 30 วัน วิธีเปลี่ยนธีม Google Sites ก่อนหน้านี้ที่เราได้ทำการสร้างไซต์กันไปแล้ว บางคนอาจจะไม่พอใจเกี่ยวกับรูปแบบหรือหน้าตาของไชต์ ครั้งนี้เลยจะมาพาไปเปลี่ยนธีมให้ไซต์ เหมือนอย่างเคย เข้าสู่ระบบแล้วไปที่หน้าจัดการไซต์ของคุณ ส่วนใครที่ยังไม่เคยเข้าไปก็สามารถดูรูปภาพด้านล่างนี้ประกอบได้เลย เมื่อไปที่หน้าจัดการไซต์แล้วก็มาดูในส่วนของเทมเพลตกันเลย 1.

ตัวอย่างเว็บไซต์ที่สร้างจาก Google Site - Website By Google site

ก่อนอื่นก็มาเลือกในส่วนของธีมกัน เพื่อจะได้เลือกธีมสวยๆให้กับไซต์ของเรากัน 2. ในส่วนนี้จะมีธีมให้เราเลือกมากมาย 2. 1 หรือถ้ายังไม่ชอบก็สามารถคลิกดูธีมเพิ่มเติมได้ในส่วนนี้ ธีมเพิ่มเติมก็จะเป็นธีมที่มีรูปแบบเดียวกันกับในส่วนที่ 2 ค่ะเพียงแต่ธีมเพิ่มเติมนี้จะมีการปรับแต่งจากกลุ่มผู้ใช้ Google Sites แล้ว 3. เมื่อเลือกธีมได้ตรงตามความต้องการแล้วก็อย่าลืมกดปุ่มบันทึก แค่นี้เราก็สามารถเปลี่ยนธีมของไซต์ได้แล้ว ^_^ สำหรับการเปลี่ยนธีมไซต์ใช่ว่าจะเปลี่ยนได้แค่ที่เดียว เรายังสามารถเปลี่ยนได้อีกที่หนึ่งค่ะคือส่วนของสีและแบบอักษรในส่วนนี้นอกจากจะสามารถเปลี่ยนธีมได้แล้วยังมีเครื่องมือให้เราได้ปรับแต่งธีมกันด้วย การเปลี่ยนโลโก้หรือส่วนหัวของไซต์ ก่อนอื่นก็ต้องเข้าสู่ระบบ แล้วไปที่จัดการไซต์ 1. เลือกเค้าโครงของไซต์ 2. คลิกที่เปลี่ยนโลโก้เพื่อทำการเลือกรูปภาพ 3. เลือกเรียกดูรูปภาพที่ต้องการนำมาเป็นหัวไซต์หรือโลโก้ 4. กดตกลงเพื่อเป็นการเลือกรูปภาพนั้น 5. กดปุ่มบันทึกและดูผลลัพธ์ในหน้าไซต์ของคุณค่ะ เพียงเท่านี้ก็สามารถเปลี่ยนโลโก้ให้ไซต์ของคุณได้แล้ว แต่จะเห็นชื่อไซต์ของคุณอยู่สามารถดูวิธีการซ่อนได้จากบทความ การตั้งค่าทั่วไป Google Site วิธีใส่ภาพพื้นหลังให้ไซต์ของเรา ก่อนอื่นก็ต้องไปที่หน้าจัดการไซต์ 1.

กำหนดการแสดงของแถบด้านทางว่าจะให้แสดงทางไหน 14. กำหนดความกว้างให้กับแถบด้านข้างของไซต์โดยจะกำหนดเป็นพิกเซล 15. เมื่อตั้งค่าเสร็จเรียบร้อยแล้วกด "ตกลง" เรามาดูส่วนของหมายเลขบวกกันบ้างคือส่วนที่เราสามารถเพิ่มองค์ประกอบของหน้าไซต์ 16. เลือกองค์ประกอบที่คุณต้องการจะเพิ่มลงไซต์ หลังจากกดเพิ่มแล้วก็ลองตั้งค่าแล้วกดปุ่มตกลงดู เพียงแค่นี้ก็สามารถเพิ่มได้แล้ว มาดูด้านล่างของไซต์บ้าง โดยการคลิก "แก้ไขส่วนท้ายของระบบ" ซึ่งจะอยู่ด้านล่างสุดลองนำเม้าไปชี้แล้วจะมีข้อความแก้ไขส่วนท้ายของระบบปรากฏแล้วเลือกส่วนนั้นได้เลย 17. สามารถซ่อนลิงก์ส่วนท้ายได้โดยการติ๊กเลือกหน้าข้อความซ่อนลิงก์ที่คุณต้องการ 18. เมื่อเลือกเสร็จแล้วกด "ตกลง" ในที่สุดก็มาถึงส่วนแก้ไขการออกแบบไซต์ส่วนสุดท้ายแล้ว 19.

การปรับแต่งความสวยงามให้ Google Sites - googleapps

• การสร้างเว็บไซต์อย่างง่ายด้วย Google Site เบื้องต้น - ครูไอที
• ตัวอย่างเว็บไซต์ที่สร้างจาก Google Site - Website By Google site
• แนวทางหวยมาเลย์ 12/3/65 โดย เซียนเฮงจัดให้ : huaythai

การปรับแต่งธีมให้กับ Google Sites - ครูเชียงราย

รูปจานสี ใช้สำหรับเปลี่ยนสีพื้นหลังของเนื้อหา 2. รูปกระดาษซ้อนกัน ใช้สำหรับคัดลอกรูปแบบของเนื้อหาไปใช้ซ้ำ เช่น ถ้าต้องการเขียนเนื้อหาที่มีรูปแบบเดียวกัน สีเดียวกัน 3. ถังขยะ ใช้สำหรับลบเนื้อหาออกจากเว็บไซต์ การแทรกลิงก์ การแทรกสามารถทำได้ทั้งตัวอักษร และรูปภาพ มีขั้นตอนดังนี้ 1. เลือกตัวอักษร หรือข้อความ หรือรูปภาพ 2. คลิกที่ปุ่ม "Insert link" รูปโซ่ 3. นำ URL ที่เราต้องลิงก์ไปมาใส่ 4. คลิกที่ปุ่ม "Apply" การเผยแพร่เว็บไซต์ 1. คลิกที่ปุ่ม "Publish" 2. ตั้งชื่อ URL ของเว็บไซต์ 3. คลิกที่ปุ่ม "Publish" อีกครั้ง ชมตัวอย่างการสร้างเว็บไซต์ด้วย Google Site >> อ้างอิง hostadvice, "ส่วนแบ่งการตลาดของ CMS ทั่วโลกปี 2020", สืบค้นวันที่ 2 ก. พ. 2020 netway, "เว็บไซต์ง่าย สไตล์คุณ ด้วย Google Sites", สืบค้นวันที่ 2 ก. 2020

การสร้างเว็บไซต์อย่างง่ายด้วย Google Site เบื้องต้น - ครูไอที

เมื่อวันที่ 21 มีนาคม 2020 | ผู้เข้าชม ผู้เข้าชม 10, 854 คน E-Portfolio คืออะไร ระบบที่ช่วยในการสร้างและเผยแพร่แฟ้มผลงานของตนเอง ในรูปแบบของระบบออนไลน์ผ่านทางอินเทอร์เน็ต โดย E-Portfolio จะเป็นการเก็บรวบรวมผลงานของตนเอง ปรัชญา เป้าหมาย ทักษะ ความสามารถ ผลงานของเจ้าของผ่านสื่ออิเล็กทรอนิกส์ ข้อมูลและเนื้อหาสาระมาจากแฟ้มผลงาน เพื่อเก็บไว้เป็นข้อมูลสำหรับการนำเสนอ ตรวจสอบการเรียนรู้หรือการทำงานว่าประสบความสำเร็จในระดับใดโดยใช้เทคนิคการนำเสนอในรูปแบบเว็บไซต์ อ้างอิง: เข้าสู่ระบบ Google Account ตามภาพ 1. 1 Login เข้าสู่ระบบอีเมล คลิกที่จุด 9 จุด ข้างรูปโปรไฟล์บัญชีของเรา แล้วเลือกที่ Sites ตามภาพ 2. 1 เลือกจุด 9 จุด แล้วเลือก Sites พอเข้ามาที่หน้า Sites แล้ว เราควรเลือก Sites แบบใหม่ (บางทีอาจไปที่ Sites คลาสสิก) แล้วคลิกที่ไอคอน + เพื่อสร้างเว็บไซต์ใหม่ ตามภาพ 3. 1 และจะเจอหน้าต่อไป ตามภาพ 3. 2 เลือกสร้างเว็บไซต์ใหม่ หน้าเว็บที่ต้องทำการแก้ไข พอเข้ามาหน้าเว็บก็จะมีเครื่องมือต่าง ๆ ให้เราแก้ไขตามที่เราต้องการได้เลย ลองคลิกดูเยอะๆ มันไม่ยากเลย เราจะได้รู้ว่ามันทำอะไรได้บ้าง รายละเอียดต่าง ๆ นางสาวศิริรัตน์ พุดสีเสน รหัสนักศึกษา 600112230044 สาขาวิชาวิทยาการคอมพิวเตอร์ ปี 3 สามารถไปดูคลิปเต็มได้ที่ Youtube กันต่อได้เลยค่ะ