UI/UX Design & Branding for Google Sites

เน้นการปรับแต่งด้านความสวยงามและการใช้งาน (Usability) ให้ดูเป็นมืออาชีพ ไม่เหมือน Template สำเร็จรูปทั่วไป

• Module 1: Modern Web Design Principles

  • หลักการ Mobile-First Design ใน Google Sites

  • การใช้ Color Palette และ Typography เพื่อสร้าง Branding

  • การจัดการ White Space และ Grid Layout ให้ดูสะอาดตา

• Module 2: Advanced Customization Techniques

  • การสร้าง Custom Theme (Fonts, Colors, Navigation Styles)

  • การออกแบบ Banner และ Button ด้วยเครื่องมือภายนอก (Canva/Figma) เพื่อนำมาใช้ใน Sites

  • การทำ Dynamic Navigation และการจัดการโครงสร้างเมนู (Information Architecture)

JavaScript Interactivity & Google Apps Script

เน้นการทำ "Embed Code" เพื่อเพิ่มความสามารถที่ Google Sites ปกติทำไม่ได้ โดยใช้ JavaScript และการเชื่อมต่อข้อมูล

• Module 3: Enhancing Sites with JavaScript (Embed Tool)

  • การใช้ HTML/CSS/JS Snippets เพื่อสร้าง UI Elements ใหม่ๆ เช่น:

    • Custom Image Sliders / Carousel

    • Accordion Menu (รายการแบบพับเก็บได้)

    • Interactive Cards พร้อม Hover Effects

  • การดึง Widget ภายนอกมาติดตั้ง (Weather, Stock, Social Feed)

• Module 4: Google Apps Script (The Powerhouse)

  • รู้จักกับ Google Apps Script (GAS) เพื่อสร้าง Web App มาฝังใน Sites

  • การสร้างฟอร์มรับข้อมูลที่ทำงานร่วมกับ Google Sheets

  • การทำระบบค้นหาข้อมูล (Searchable Database) แสดงผลบน Google Sites

  • การทำ Dashboard สรุปผลแบบ Real-time ด้วย Looker Studio Integration

• Module 5: Security & Deployment

  • การจัดการสิทธิ์เข้าถึง (Permissions) และ Sharing Settings

  • การทำ Custom Domain Mapping

  • การทดสอบ Performance และ Accessibility
    
    
    

เช็คชื่อ

ครั้งที่ 1
ครั้งที่ 2

แบบฝึกหัด
  ให้สร้างเว็บไซต์ที่สนใจด้วย  google site  เมื่อเผยแพร่แล้วให้ ส่งลิ้งมาในในแบบฟอร์ม ส่งได้ภายใน วันที่ 2 กุมภาพันธ์ 2569 เวลา 12.00 น.
ส่งมาที่ ลิ้ง