รายละเอียดหลักสูตรอบรม

หลักสูตร: Modern Google Sites UI/UX ฟังก์ชันอินเทอร์แอคทีฟด้วย JavaScript

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 น.
ส่งมาที่ ลิ้ง

  • วิทยากร : วีรพล ปุ๋ยกระโทก
  • สำหรับ : กลุ่มเป้าหมาย: นักวิชาการคอมพิวเตอร์, เว็บมาสเตอร์, นักศึกษา และผู้ที่สนใจพัฒนา Web Portal องค์กร
  • ระยะเวลา : 1 กุมภาพันธ์ 2569 09.00-16.00 น.
  • ห้องอบรม :

    Join the meeting now
    Meeting ID: 466 255 143 021 02
    Passcode: oC3EJ68S

  • แบบสอบถามการอบรม :

    เข้าทำแบบสอบถาม

  • เอกสารประกอบการอบรม :

    Link

  • ดูวีดีโอย้อนหลัง :
    ส่วนที่ 1
    ส่วนที่ 2
  • รับจำนวน : 150 คน
  • ลงทะเบียน ออนไลน์/ออนไซต์/รวม : 73/0/73

Course Image

รายชื่อผู้ลงทะเบียน

ลำดับที่
ชื่อ นามสกุล
หน่วยงาน
รูปแบบการอบรม
Certificate

1
นายจิรธร ดีสัมพันธ์
บุคคลทั่วไป
Online

2
นายอจลวิชญ์ สวยไธสง
นักศึกษา
Online

3
นางสาวอนุสรา สิงห์จันทร์
นักศึกษา
Online

4
นางสาวพลอยชมพู ลมสูงเนิน
นักศึกษา
Online

5
นางสาวอมรรัตน์ เรียนขุนทด
นักศึกษา
Online

6
นางสาวชิดชนก จันทร์แดง
นักศึกษา
Online

7
นางสาวธวัลรัตน์ รัฐษาโรจน์
นักศึกษา
Online

8
นางสาวปิยะฉัตร คงศรี
นักศึกษา
Online

9
นางสาวอรสา ศิริรัตนฤกษ์
นักศึกษา
Online

10
นางสาวมาลียา กีรติเพียรเลิศ
นักศึกษา
Online

11
นางสาวปนัดดา วิลามาตย์
นักศึกษา
Online

12
นายปริพัตร พงษาเวียง
นักศึกษา
Online

13
นายกุลธร พัฒนพงษ์วรากุล
นักศึกษา
Online

14
นางสาวเจนจิรา หิมวรรณ
นักศึกษา
Online

15
นางสาวกฤษณา ภาษาสุข
นักศึกษา
Online

16
นางสาวภาวิณี คำภีระ
นักศึกษา
Online

17
นางสาวนภัสสร จอดนอก
นักศึกษา
Online

18
นางสาวศิริวรรณ มะกุล
นักศึกษา
Online

19
นางสาวชุติกาญจน์ การปลูก
นักศึกษา
Online

20
นางสาวดุษฎี ตาดี
นักศึกษา
Online

21
นางสาวจารุวรรณ โพรงกลาง
นักศึกษา
Online

22
นางสาวสุกัญญา ปลอดกระโทก
นักศึกษา
Online

23
นางสาวกนกลดา ดวงดาว
นักศึกษา
Online

24
นายภาณุวัฒน์ ศรีสังข์
นักศึกษา
Online

25
นางสาวบัณฑิตา นรินทร์นอก
นักศึกษา
Online

26
นางสาวเสาวลักษณ์ อ่อนมะลัง
นักศึกษา
Online

27
นางสาวกรกนก ประยูรวงค์
นักศึกษา
Online

28
นางสาวชนัญชิดา นามลิวัน
นักศึกษา
Online

29
นายบัณฑิต เงสันเทียะ
นักศึกษา
Online

30
นางสาวอรพิน ถึงจอหอ
นักศึกษา
Online

31
นางสาวชลธิชา สูงภูเขียว
นักศึกษา
Online

32
นายเดชชาติ เปียสันเทียะ
บุคลากร
Online

33
นางสาวสุภารัตน์ ชัยมีแรง
บุคลากร
Online

34
นายพงศ์ศิริ โชติกลาง
นักศึกษา
Online

35
นางสาวธนวรรณ สารการ
นักศึกษา
Online

36
นางสาวณัฐฐินันท์ สมบัติกำไร
นักศึกษา
Online

37
นางสาวจันทิมา ดีขุนทด
นักศึกษา
Online

38
ดร.ปิยนุช วงศ์กลาง
บุคลากร
Online

39
นางสาวสุฐิตา ชุ่มศรี
นักศึกษา
Online

40
นางสาวอภิชญา สุวรรณหงษ์
นักศึกษา
Online

41
นายพุทธชาติ ไชยสิทธิ์
นักศึกษา
Online

42
นางสาวภูริชญา แสงเพชร
นักศึกษา
Online

43
นางสาวณัฐวรรณ ผุดพรมราช
นักศึกษา
Online

44
นางสาวจีรนัน สีสมบัติ
นักศึกษา
Online

45
นางสาวกนกรัตน์ พวงจัตุรัส
นักศึกษา
Online

46
นางสาวปาณิศา เอี่ยมวิไล
นักศึกษา
Online

47
นางสาวจิรนันท์ ฦาชา
นักศึกษา
Online

48
นางสาวศลิษา สิงห์ลี
นักศึกษา
Online

49
นางสาวภนิดา ขออินกลาง
นักศึกษา
Online

50
นางสาวรมย์รวินท์ เสาทอง
นักศึกษา
Online

51
นางสาวจันทร์นภา ไคขุนทด
นักศึกษา
Online

52
นางสาวชนันท์ธร แดงใหญ่
นักศึกษา
Online

53
นางสาวจุฬาลักษณ์ ภูมิโคกรักษ์
นักศึกษา
Online

54
นางสาวมณีรัตน์ คุ้มกลัด
นักศึกษา
Online

55
นายณัฐวัฒน์ กรณวงศ์
นักศึกษา
Online

56
นางสาวนารีรัตน์ โล่ห์ป้อง
นักศึกษา
Online

57
นางสาวสุกัญญา น้อยประเทศ
นักศึกษา
Online

58
นายสถาพร ไชยสง
นักศึกษา
Online

59
นางสาวจันธิดา คำอินทร์
นักศึกษา
Online

60
นางสาวจุรีพร เพชรสังคูณ
นักศึกษา
Online

61
นางสาวกนกพร แกมมงคล
นักศึกษา
Online

62
นางสาวเพียงพร ทุนสูงเนิน
นักศึกษา
Online

63
นางสาวพิมพ์ขวัญ คู่พิมาย
นักศึกษา
Online

64
นางสาวนิภาสิริ ปัจจัยยา
นักศึกษา
Online

65
นางสาวนุชวรา ธระที
นักศึกษา
Online

66
นางสาวนุชวดี ธระที
นักศึกษา
Online

67
นางสาวอภัยพิสุทธิ์ กระโพธิ์
นักศึกษา
Online

68
นางสาวกชกรณ์ สุบิน
นักศึกษา
Online

69
นางสาวพันทิวา เดิ่นกลาง
นักศึกษา
Online

70
นางสาวพัทธรินทร์ บุญตา
นักศึกษา
Online

71
นางสาวนริตา แก้ววัน
นักศึกษา
Online

72
นางสาวอริสา ไชยสงค์
นักศึกษา
Online

73
นางสาวภัทราพร เซียงนอก
นักศึกษา
Online