www

example.com

.com

https://

/path

Static Website ไม่สามารถมีรูปภาพได้ แต่ Dynamic Website มีได้

Static Website แสดงผลเหมือนกันสำหรับผู้ใช้ทุกคน แต่ Dynamic Website สามารถแสดงผลแตกต่างกันไปตามผู้ใช้หรือข้อมูล

Static Website ต้องใช้อินเทอร์เน็ตในการเข้าถึง แต่ Dynamic Website ไม่ต้องใช้

Static Website สร้างด้วยภาษา HTML เท่านั้น แต่ Dynamic Website สร้างด้วย CSS เท่านั้น

Static Website โหลดเร็วกว่า Dynamic Website เสมอในทุกกรณี

แปลงชื่อโดเมนเนม (เช่น https://www.google.com/search?q=google.com) ให้เป็น IP Address (เช่น 172.217.16.142)

ตรวจสอบความปลอดภัยของเว็บไซต์

จัดเก็บข้อมูลทั้งหมดของเว็บไซต์

โปรแกรมที่ใช้ในการเปิดดูเว็บไซต์

ควบคุมความเร็วในการเชื่อมต่ออินเทอร์เน็ต

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

ให้บริการ Server เพื่อให้เว็บไซต์สามารถออนไลน์ได้ 24 ชั่วโมง

จัดการระบบฐานข้อมูลที่จำเป็นสำหรับเว็บไซต์

ออกแบบและสร้างเนื้อหาสำหรับหน้าเว็บไซต์

ให้บริการทรัพยากรของเซิร์ฟเวอร์ เช่น CPU และ RAM

การออกแบบเว็บไซต์ให้มีสีสันสวยงามและน่าดึงดูดใจ

การออกแบบให้เว็บไซต์สามารถปรับเปลี่ยนการแสดงผลให้เหมาะสมกับขนาดหน้าจอของอุปกรณ์ต่างๆ

การออกแบบเว็บไซต์ให้โหลดได้รวดเร็วที่สุด

การออกแบบโดยเน้นการใช้ภาพเคลื่อนไหวและวิดีโอเป็นหลัก

การออกแบบให้เว็บไซต์รองรับการใช้งานหลายภาษา

ช่องข้อความ (Text Box)

รูปภาพ (Images)

เลย์เอาต์ (Layouts)

ตัวแบ่ง (Divider)

ปุ่ม (Button)

ทำให้เว็บไซต์ทำงานได้เร็วขึ้น

ช่วยให้สามารถแสดงเนื้อหาแบบไดนามิกหรือ Interactive จากแหล่งอื่นได้โดยตรง

เป็นวิธีเดียวในการเพิ่มวิดีโอลงในเว็บไซต์

ทำให้ขนาดไฟล์ของเว็บไซต์เล็กลง

เพื่อป้องกันการคัดลอกเนื้อหาจากเว็บไซต์อื่น

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

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

การแทรกรูปภาพไม่สามารถใส่คำอธิบายภาพได้ แต่ภาพหมุนทำได้

ภาพหมุนจะปรับขนาดอัตโนมัติ แต่การแทรกรูปภาพต้องปรับขนาดเอง

ไม่มีข้อแตกต่าง สามารถใช้แทนกันได้

แทรกช่องข้อความแล้วพิมพ์ลิงก์ของไฟล์

ฝังไฟล์จาก Google Drive

สร้างปุ่มแล้วเชื่อมโยงไปยัง URL ของไฟล์ใน Google Drive ที่ตั้งค่าการแชร์เป็น "ทุกคนที่มีลิงก์"

แทรกรูปภาพของเอกสารแล้วให้ผู้ใช้คลิกขวาเพื่อบันทึก

ฝังโค้ด HTML ที่ซับซ้อนเพื่อสร้างปุ่มดาวน์โหลด

Google Docs

Google Sheets

Google Forms

Google Slides

Google Calendar

รูปภาพขนาดใหญ่และวิดีโอแนะนำ

เนื้อหาหลักของแต่ละหน้า

โลโก้และเมนูนำทางหลัก

ข้อมูลติดต่อ, ลิขสิทธิ์ (Copyright), และลิงก์ไปยังนโยบายความเป็นส่วนตัว

แบบฟอร์มสำหรับสมัครสมาชิก

เพื่อเปลี่ยนที่อยู่เว็บไซต์จาก sites.google.com/view/ชื่อไซต์ เป็นชื่อโดเมนที่เป็นเจ้าของเอง เช่น www.mycompany.com

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

เพื่อเพิ่มจำนวนผู้เข้าชมเว็บไซต์

เพื่อให้สามารถแก้ไขเว็บไซต์แบบออฟไลน์ได้

เพื่อเปลี่ยนธีมของเว็บไซต์

การตั้งค่า (Settings)

ดูตัวอย่าง (Preview)

แชร์ให้ผู้อื่น (Share with others)

ประวัติเวอร์ชัน (Version history)

คัดลอกไซต์ (Duplicate site)

เฉพาะคนที่มีบัญชี Google เท่านั้นที่สามารถดูได้

เฉพาะคนที่ได้รับลิงก์โดยตรงเท่านั้นที่สามารถดูได้

ทุกคนบนอินเทอร์เน็ตสามารถค้นหาและเข้าถึงเว็บไซต์ได้

เฉพาะคนที่อยู่ในองค์กรเดียวกันเท่านั้นที่สามารถดูได้

เว็บไซต์ยังไม่ถูกเผยแพร่สู่สาธารณะ

สร้างหน้าใหม่แล้วใช้ตัวแบ่งคั่นไว้

ลากหน้าที่ต้องการ (เช่น ประวัติ) ไปวางซ้อนบนหน้าหลัก (เช่น เกี่ยวกับเรา) ในแผง "หน้าเว็บ"

ตั้งชื่อหน้าว่า "เกี่ยวกับเรา/ประวัติ"

ใช้เครื่องมือ "กลุ่มที่ยุบได้" ในหน้าหลัก

ไม่สามารถทำได้ใน Google Sites

ปัญหา: เซิร์ฟเวอร์ของ Google ล่ม, แก้ไข: รอสักพัก

ปัญหา: อินเทอร์เน็ตของผู้ใช้ช้า, แก้ไข: รีเซ็ตเราเตอร์

ปัญหา: เบราว์เซอร์ของผู้ใช้แสดงข้อมูลเก่าที่เก็บไว้ (Cache), แก้ไข: ลองรีเฟรชหน้าเว็บ (Ctrl+R) หรือล้างแคช

ปัญหา: ลืมกดปุ่ม "เผยแพร่" (Publish) อีกครั้งหลังแก้ไข, แก้ไข: กดปุ่ม "เผยแพร่"

ถูกทั้งข้อ ค และ ง

ลบไฟล์ทั้งหมดใน Google Drive

เปลี่ยนธีมของเว็บไซต์เป็นหน้าว่าง

ไปที่การตั้งค่าการเผยแพร่ (Publish settings) และเลือก "ยกเลิกการเผยแพร่" (Unpublish)

ลบบัญชี Google ที่ใช้สร้างเว็บไซต์

ตั้งค่าการเข้าชมเป็น "ส่วนตัว" (Private)

ไม่สามารถแทรกวิดีโอจาก YouTube ได้

ไม่สามารถปรับแต่งโค้ด HTML/CSS หรือติดตั้งปลั๊กอินของบุคคลที่สามเพื่อเพิ่มฟังก์ชันที่ซับซ้อนได้

ไม่รองรับ Responsive Web Design

จำกัดจำนวนหน้าที่สร้างได้เพียง 10 หน้า

ไม่สามารถเชื่อมต่อกับโดเมนที่กำหนดเองได้

ทำให้รูปภาพมีความคมชัดมากขึ้น

เป็นข้อความที่ปรากฏเมื่อนำเมาส์ไปชี้ที่รูปภาพ

ช่วยให้ Search Engine เข้าใจว่ารูปภาพนั้นเกี่ยวกับอะไร และช่วยผู้พิการทางสายตาที่ใช้โปรแกรมอ่านหน้าจอ

เป็นการตั้งชื่อไฟล์รูปภาพ

ทำให้รูปภาพเคลื่อนไหวได้

.JPG

.PNG

.GIF

.SVG

.PSD

ไอคอนที่แสดงบนแถบเมนูนำทาง

ไอคอนขนาดเล็กที่แสดงบนแท็บของเบราว์เซอร์ถัดจากชื่อเว็บไซต์

รูปภาพหลักที่ใช้ในส่วนหัวของเว็บไซต์

โลโก้ที่ใช้ในส่วนท้ายของเว็บไซต์

ปุ่มสำหรับกด "ชื่นชอบ" เว็บไซต์

ไม่สามารถตั้งค่าได้ จะเปิดในแท็บใหม่เสมอ

คัดลอก URL แล้ววางในช่องข้อความ

ในขณะที่สร้างลิงก์ จะมีตัวเลือกให้ "เปิดในแท็บใหม่" (Open in a new tab)

ต้องใช้การฝังโค้ด HTML เพื่อกำหนดค่า

ต้องตั้งค่าผ่านเมนู "ธีม"

Google Ads

Google Analytics

Google Drive

Google Search Console

Google AdSense

ทำให้เว็บไซต์ดูทันสมัยและสวยงาม

ทำให้ผู้ใช้งาน โดยเฉพาะผู้ที่มีปัญหาทางสายตา สามารถอ่านเนื้อหาได้ง่ายและชัดเจน

ทำให้หน้าเว็บโหลดเร็วขึ้น

เป็นข้อกำหนดของ Google Search

ช่วยให้การพิมพ์ข้อความง่ายขึ้น

ใช้ชื่อเมนูที่ยาวและอธิบายรายละเอียดทั้งหมด

จัดกลุ่มเนื้อหาที่เกี่ยวข้องกันไว้ด้วยกันและใช้ชื่อเมนูที่สั้นกระชับเข้าใจง่าย

ซ่อนเมนูไว้ทั้งหมดเพื่อให้หน้าเว็บดูสะอาดตา

ใส่เมนูทุกหน้าที่มีในเว็บไซต์ลงไปในแถบเมนูหลัก

ควรมีเมนูย่อยซ้อนกันอย่างน้อย 5 ระดับ

เนื้อหาข้อความและรูปภาพในหน้าเว็บ

ชื่อ URL ของเว็บไซต์

รูปแบบตัวอักษรเริ่มต้น, ชุดสี และลักษณะของส่วนประกอบต่างๆ ทั่วทั้งไซต์

การแสดงผลบนเครื่องมือค้นหา (Search Engine)

จำนวนหน้าเว็บที่สามารถสร้างได้

เว็บไซต์แสดงแฟ้มสะสมผลงาน (Portfolio)

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

เว็บไซต์บล็อกส่วนตัว

หน้า Landing Page สำหรับขายสินค้าชิ้นเดียว

เว็บไซต์รวมบทความ

แสดงเนื้อหาหลักและข้อมูลสำคัญที่สุดของหน้าเว็บนั้นๆ

เป็นพื้นที่สำหรับใส่เมนูนำทาง (Navigation Menu) เท่านั้น

สร้างเอกลักษณ์และแสดงชื่อหรือโลโก้ของเว็บไซต์ให้ชัดเจนในทุกหน้า

เป็นส่วนท้ายสุดสำหรับใส่ข้อมูลติดต่อและลิขสิทธิ์

ใช้สำหรับแทรกโค้ด HTML ที่ซับซ้อน

ใช้สำหรับจองพื้นที่ว่างบนหน้าเว็บเพื่อวางเนื้อหาในภายหลัง

เป็นการสร้างลิงก์ไปยังหน้าอื่น

ใช้สำหรับแทรกวิดีโอเท่านั้น

เป็นการสร้างกล่องข้อความที่มีพื้นหลังสีเทา

ใช้สำหรับแสดงวันที่และเวลาปัจจุบัน