รู้จักกับ "Google Sites 2020" 

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

• เกี่ยวกับ Google Sites ใหม่

• เปรียบเทียบ Sites แบบใหม่และ Sites แบบคลาสสิก    <📊

การสร้าง Sites และ การปรับแต่งส่วนห้วของเว็บ : ปกเว็บ (Header Sites)

ลบพื้นหลังออนไลน์ : https://www.remove.bg

template :  https://docs.google.com/presentation/d/1qBmsq_DUbANNxBUYhtAl8CO8frf3en_miPdBvFDVxfc/edit?usp=sharing 

แทรกนับจำนวนผู้เข้าชม

<a href="http://semenaxcaps.com" style="font-size:8px;">ยอดจำนวนผู้เข้าชม</a><br>

<a href="http://semenaxcaps.com"><img src="http://semenaxcaps.com/count.php?c_style=5&id=1618994725" border="0" alt="semenaxcaps.com"></a><br>

1.การสร้างเว็บไซต์ และสร้างหัวเว็บ   

• การเข้าใช้งาน google site 

• การวางโครงสร้างและรายละเอียดของ site  

• เครื่องมือในการแก้ไข site  

• การเปลี่ยนชื่อ site 

2.การตกแต่ง กำหนดค่าเว็บหน้าแรก  สร้าง icon 

https://www.remove.bg/ 

template โดยงานคอมพิวเตอร์ https://docs.google.com/presentation/d/1qBmsq_DUbANNxBUYhtAl8CO8frf3en_miPdBvFDVxfc/edit?usp=sharing 

https://www.canva.com/th_th/ 

• การแก้ไขการออกแบบ  

• การแก้ไขโครงสร้างหน้าเว็บ 

• การแก้ไขสีและแบบตัวอักษร 

เปลี่ยนฟอนท์ใน google sitesง่ายๆไม่ต้องเขียนโค้ด https://www.youtube.com/watch?v=cPQccAfzpU8 

https://docs.google.com/document/d/1kGa-WqHJDstO1_7O8Uu5tliL_NU52mmE3yO4PFgP98U/edit?usp=sharing 

ตัวหนังสือวิ่ง https://www.w3schools.in/html-tutorial/marquee-tag/ 

<marquee width="100%" direction="left" height="100px">

ยินดีต้อนรับเข้าสู่เว็บไซต์ ครูสุทัศน์

</marquee>

• การแทรกวัตถุ และสื่อต่างๆ ลงไปใน sites  

3.การสร้างหน้าเว็บ เพิ่มรายวิชา  การสร้างหน่วยการเรียนรู้ 

• การแทรก Google Docs, Spreadsheets  Presentations, and  Forms  ลงใน sites 

• การ Insert ปฏิทินของ Google Calendars 

• การ Insert  Google Maps  

• การใส่ภาพแอนนิเมชั่นลงใน site โดยการใช้ code html  

• สร้างเพจเอกสารดาวน์โหลด 

4.การสร้าง และแทรก แบบทดสอบออนไลน์

• การตั้งค่าหน้าเว็บ 

• สร้างหน้าเพจประกาศข่าวสาร   

• การย้ายตำแหน่งของการนำทาง 

5.การแชร์ เผยแพร่เว็บไซต์

การแบ่งปันการมอบสิทธ์ และแก้ไข 

แทรกไฟล์ Gif https://www.glitter-graphics.com/gallery.php?categoryID=65 

แทรก Moji https://getemoji.com/