Modern Google Sites  UI/UX ฟังก์ชันอินเทอร์แอคทีฟด้วย JavaScript
Online ✅ เสร็จสิ้นการอบรม

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 น.
  • ห้องอบรม : a href="https://teams.microsoft.com/meet/46625514302102?p=HTLlNHb7SYmbuA0OB3" target="_blank" class="text-decoration-none" style="color:#0d6efd;">Join the meeting now
    Meeting ID: 466 255 143 021 02
    Passcode: oC3EJ68S
  • รับจำนวน : 150 คน
  • ผู้ลงทะเบียน (Online/Onsite/รวม) : 84/0/84
  • แบบสอบถาม : เข้าทำแบบสอบถาม
  • เอกสารประกอบ : ดาวน์โหลดเอกสาร
วีดีโอย้อนหลังการอบรม 1 รายการ
รายชื่อผู้ลงทะเบียน 84 คน
# ชื่อ-นามสกุล ประเภท รูปแบบ Certificate
1 นางสาวภัทราพร เซียงนอก นักศึกษา Online สนค. มร.นม. 00657.2568
2 นางสาวอริสา ไชยสงค์ นักศึกษา Online สนค. มร.นม. 00658.2568
3 นางสาวนริตา แก้ววัน นักศึกษา Online สนค. มร.นม. 00655.2568
4 นางสาวพัทธรินทร์ บุญตา นักศึกษา Online สนค. มร.นม. 00649.2568
5 นางสาวพันทิวา เดิ่นกลาง นักศึกษา Online สนค. มร.นม. 00643.2568
6 นางสาวกชกรณ์ สุบิน นักศึกษา Online -
7 นางสาวอภัยพิสุทธิ์ กระโพธิ์ นักศึกษา Online -
8 นางสาวนุชวดี ธระที นักศึกษา Online สนค. มร.นม. 00635.2568
9 นางสาวนุชวรา ธระที นักศึกษา Online สนค. มร.นม. 00636.2568
10 นางสาวนิภาสิริ ปัจจัยยา นักศึกษา Online -
11 นางสาวพิมพ์ขวัญ คู่พิมาย นักศึกษา Online -
12 นางสาวเพียงพร ทุนสูงเนิน นักศึกษา Online สนค. มร.นม. 00647.2568
13 นางสาวกนกพร แกมมงคล นักศึกษา Online -
14 นางสาวจุรีพร เพชรสังคูณ นักศึกษา Online สนค. มร.นม. 00633.2568
15 นางสาวจันธิดา คำอินทร์ นักศึกษา Online -
16 นายสถาพร ไชยสง นักศึกษา Online -
17 นางสาวสุกัญญา น้อยประเทศ นักศึกษา Online -
18 นางสาวนารีรัตน์ โล่ห์ป้อง นักศึกษา Online สนค. มร.นม. 00653.2568
19 นายณัฐวัฒน์ กรณวงศ์ นักศึกษา Online -
20 นางสาวมณีรัตน์ คุ้มกลัด นักศึกษา Online -
21 นางสาวจุฬาลักษณ์ ภูมิโคกรักษ์ นักศึกษา Online -
22 นางสาวชนันท์ธร แดงใหญ่ นักศึกษา Online -
23 นางสาวจันทร์นภา ไคขุนทด นักศึกษา Online -
24 นางสาวรมย์รวินท์ เสาทอง นักศึกษา Online สนค. มร.นม. 00637.2568
25 นางสาวภนิดา ขออินกลาง นักศึกษา Online สนค. มร.นม. 00656.2568
26 นางสาวศลิษา สิงห์ลี นักศึกษา Online สนค. มร.นม. 00651.2568
27 นางสาวจิรนันท์ ฦาชา นักศึกษา Online สนค. มร.นม. 00648.2568
28 นางสาวปาณิศา เอี่ยมวิไล นักศึกษา Online สนค. มร.นม. 00646.2568
29 นางสาวกนกรัตน์ พวงจัตุรัส นักศึกษา Online สนค. มร.นม. 00639.2568
30 นางสาวจีรนัน สีสมบัติ นักศึกษา Online -
31 นางสาวณัฐวรรณ ผุดพรมราช นักศึกษา Online สนค. มร.นม. 00665.2568
32 นางสาวภูริชญา แสงเพชร นักศึกษา Online -
33 นายพุทธชาติ ไชยสิทธิ์ นักศึกษา Online -
34 นางสาวอภิชญา สุวรรณหงษ์ นักศึกษา Online -
35 นางสาวสุฐิตา ชุ่มศรี นักศึกษา Online -
36 ดร.ปิยนุช วงศ์กลาง บุคลากร Online -
37 นางสาวจันทิมา ดีขุนทด นักศึกษา Online สนค. มร.นม. 00645.2568
38 นางสาวณัฐฐินันท์ สมบัติกำไร นักศึกษา Online สนค. มร.นม. 00659.2568
39 นางสาวธนวรรณ สารการ นักศึกษา Online สนค. มร.นม. 00663.2568
40 นายพงศ์ศิริ โชติกลาง นักศึกษา Online สนค. มร.นม. 00660.2568
41 นางสาวสุภารัตน์ ชัยมีแรง บุคลากร Online -
42 นายเดชชาติ เปียสันเทียะ บุคลากร Online -
43 นางสาวชลธิชา สูงภูเขียว นักศึกษา Online -
44 นางสาวอรพิน ถึงจอหอ นักศึกษา Online สนค. มร.นม. 00661.2568
45 นายบัณฑิต เงสันเทียะ นักศึกษา Online -
46 นางสาวชนัญชิดา นามลิวัน นักศึกษา Online สนค. มร.นม. 00654.2568
47 นางสาวกรกนก ประยูรวงค์ นักศึกษา Online -
48 นางสาวเสาวลักษณ์ อ่อนมะลัง นักศึกษา Online -
49 นางสาวบัณฑิตา นรินทร์นอก นักศึกษา Online -
50 นายภาณุวัฒน์ ศรีสังข์ นักศึกษา Online -
51 นางสาวกนกลดา ดวงดาว นักศึกษา Online สนค. มร.นม. 00640.2568
52 นางสาวสุกัญญา ปลอดกระโทก นักศึกษา Online สนค. มร.นม. 00664.2568
53 นางสาวจารุวรรณ โพรงกลาง นักศึกษา Online -
54 นางสาวดุษฎี ตาดี นักศึกษา Online สนค. มร.นม. 00638.2568
55 นางสาวชุติกาญจน์ การปลูก นักศึกษา Online สนค. มร.นม. 00632.2568
56 นางสาวศิริวรรณ มะกุล นักศึกษา Online สนค. มร.นม. 00642.2568
57 นางสาวนภัสสร จอดนอก นักศึกษา Online สนค. มร.นม. 00641.2568
58 นางสาวภาวิณี คำภีระ นักศึกษา Online สนค. มร.นม. 00662.2568
59 นางสาวกฤษณา ภาษาสุข นักศึกษา Online สนค. มร.นม. 00650.2568
60 นางสาวเจนจิรา หิมวรรณ นักศึกษา Online -
61 นายกุลธร พัฒนพงษ์วรากุล นักศึกษา Online -
62 นายปริพัตร พงษาเวียง นักศึกษา Online -
63 นางสาวปนัดดา วิลามาตย์ นักศึกษา Online -
64 นางสาวมาลียา กีรติเพียรเลิศ นักศึกษา Online สนค. มร.นม. 00634.2568
65 นางสาวอรสา ศิริรัตนฤกษ์ นักศึกษา Online สนค. มร.นม. 00652.2568
66 นางสาวปิยะฉัตร คงศรี นักศึกษา Online -
67 นางสาวธวัลรัตน์ รัฐษาโรจน์ นักศึกษา Online -
68 นางสาวชิดชนก จันทร์แดง นักศึกษา Online สนค. มร.นม. 00644.2568
69 นางสาวอมรรัตน์ เรียนขุนทด นักศึกษา Online -
70 นางสาวพลอยชมพู ลมสูงเนิน นักศึกษา Online -
71 นางสาวอนุสรา สิงห์จันทร์ นักศึกษา Online สนค. มร.นม. 00666.2568
72 นายอจลวิชญ์ สวยไธสง นักศึกษา Online -
73 นายจิรธร ดีสัมพันธ์ บุคคลทั่วไป Online -
74 นางสาวกาญจนา ยิ่งนอก นักศึกษา Online -
75 นายพิศณุ ส่งศรี นักศึกษา Online -
76 นางสาวพรพิมล หกด่านจาก นักศึกษา Online -
77 นายกฤษฎา เวกสูงเนิน นักศึกษา Online -
78 นางสาวธิดารัตน์ มาประจวบ บุคคลทั่วไป Online -
79 นางสาวธิดารัตน์ มาประจวบ นักศึกษา Online -
80 นางสาวพัชรีวรรณ ถาพิลส บุคคลทั่วไป Online -
81 นายวงศ์ภูธร ขนันไทย นักศึกษา Online -
82 นางสุธาสินี หาญชนะ บุคลากร Online -
84
Online
0
Onsite
84
รวม
ที่นั่งที่ลงทะเบียน 84/150

ปิดรับลงทะเบียนแล้ว
ธีมสี
Indigo
Blue
Green
Rose
Violet
Slate
Amber
Teal