ສອບຖາມຫຼັກສູດເລືອກຊ່ອງທາງທີ່ສະດວກ ທີມງານຕອບເອງທຸກຊ່ອງທາງ
LINE @itgeniusຕອບໄວທີ່ສຸດ · ຈ–ສ 9:00–17:00 ໂມງ
ໂທລະສັບ
02-570-8449ຫ້ອງການ088-807-9770ມືຖື
ອີເມວ ແລະ ໂຊຊຽວ
contact@itgenius.co.thສຳລັບໃບສະເໜີລາຄາ ແລະ ເອກະສານFacebookitgeniusonlineYouTubeitgeniusengຂໍຄຳປຶກສາຈັດຝຶກອົບຮົມໃຫ້ທີມ
ອອກແບບກຣາຟິກ · GPC-36

ออกแบบเว็บด้วย Figma ร่วมกับ WordPress

หลักสูตรออกแบบเว็บด้วย Figma ร่วมกับ WordPress เป็นการอบรมปูพื้นฐานการออกแบบเว็บที่ดีด้วย Figma แล้วนำดีไซน์ไปขึ้นเว็บจริงผ่าน WordPress และ Elementor แบบลากวางที่รองรับ Responsive เหมาะกับมือใหม่ UX/UI Designer และผู้สนใจทั่วไป จบแล้ววางองค์ประกอบหน้าเว็บ WordPress ตามที่ออกแบบใน Figma ได้

ລາຄາເລີ່ມຕົ້ນ 3,150 ບາດ / ທ່ານ 3,500 −10% ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ
PDFດາວໂຫຼດ Course Outline
  • ໄລຍະເວລາ6 ຊົ່ວໂມງ · 1 ມື້
  • ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
  • ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
  • ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ

ພາບລວມຫຼັກສູດ

ออกแบบเว็บด้วย Figma ร่วมกับ WordPress หลักสูตรนี้จะเป็นการปูพื้นฐานสำหรับมือใหม่ทุกคนในการออกแบบที่ดี (best practice) ที่แนะนำ โดยใช้เครื่องมือออกแบบยอดนิยมแห่งยุคอย่าง Adobe Figma ที่สามารถเริ่มต้นใช้งานได้ฟรี มี Plugin และ Template จากเหล่าดีไซน์เนอร์มากมายให้เลือกสรรค์ นอกจากนี้ผู้เรียนจะได้นำดีไซน์ที่ออกแบบเสร็จแล้วไปขึ้นทำเว็บจริงๆ ผ่าน WordPress CMS และ Plugin ออกแบบใน WordPress ยอดนิยมอย่าง Elementor ที่ใช้งานง่าย เพียงแค่ลากวาง ก็จะสามารถสร้างเว็บไซต์สวยๆ จาก Figma ได้อย่างรวดเร็ว และยังรองรับการแสดงผลแบบ Responsive อีกด้วย

ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ

  • เข้าใจแนวทางการออกแบบเว็บสมัยใหม่
  • สามารถใช้ Adobe Figma ในการออกแบบ WordPress ได้
  • สามารถจัดวาง layout แบบต่างๆ ใน Adobe Figma ได้
  • สามารถวางองค์ประกอบหน้าเว็บ WordPress ตามที่ออกแบบใน Adobe Figma ได้

ຫຼັກສູດນີ້ເໝາະສຳລັບ

  • ผู้ที่ต้องการออกแบบเว็บด้วยการใช้โปรแกรม Adobe Figma
  • UX/UI designer
  • กลุ่มผู้สนใจทั่วไป

ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ

  • สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้

ຫົວຂໍ້ການຝຶກອົບຮົມ

Section 1: พื้นฐานการออกแบบที่ดี

  • รู้จัก UI/UX ในการออกแบบเว็บไซต์
  • แนวทางการออกแบบเว็บไซต์ที่ดี (Best Practices for Exceptional Web Design and Usability)
  • แนะนำเครื่องมือและแหล่งอ้างอิงในการใช้ออกแบบเว็บไซต์ที่มีประโยชน์

Section 2: พื้นฐานการใช้งาน Figma ออกแบบเว็บไซต์

  • รู้จักโปรแกรมออกแบบเว็บไซต์ยอดนิยม
  • แนะนำและทำความรู้จัก Figma โปรแกรมออกแบบยอดนิยมยุคปัจจุบัน
  • เริ่มต้นสร้างโปรเจ็กต์ใน Figma พร้อมการตั้งค่าพื้นฐานที่เหมาะสม
  • ทำความเข้าใจการวาง layout แบบต่างๆ ใน Figma
  • การสร้างรูปทรง เส้น ข้อความ และภาพเวคเตอร์ใน Figma
  • การใส่สีพื้นฐาน การไล่สีแบบ gradients และเทคนิคอื่นๆ ที่น่าสนใจ
  • การนำภาพจากภายนอกเข้ามาทำงานใน Figma
  • การสร้าง Component และ Style ใน Figma เพื่อนำไปใช้ซ้ำ
  • สร้างการเชื่อมโยงระหว่าหน้าใน Figma ด้วย Prototypes
  • การ Export ไฟล์แบบต่างๆ ใน Figma ออกไปใช้งานจริง

Section 3: พื้นฐานการทำงานกับ WordPress

  • ดาวน์โหลดและติดตั้ง WordPress เพื่อทดสอบบนคอมพิวเตอร์ผู้เรียน
  • การเพิ่ม Theme ใน WordPress
  • การติดตั้ง Extension สำหรับออกแบบด้วย Elementor
  • การตั้งค่า Permalinks ใน WordPress
  • การสร้าง Pages
  • การสร้าง Menu ใน WordPress
  • การปรับแต่ง Theme พื้นฐาน

Section 4: การใช้งาน Plugin Elementor ออกแบบเว็บไซต์ใน WordPress ด้วยดีไซน์จาก Figma

  • การติดตั้งและการใช้งาน Plugin Elementor ใน WordPress
  • การสร้างหน้าแบบ (template) ด้วย Elementor
  • การสร้างส่วนประกอบ (widget) ใน Elementor เพื่อใช้ในการออกแบบเว็บไซต์
  • การเลือกและการใช้ Theme สำหรับ Elementor
  • การนำเอาดีไซน์จาก Figma มาสร้างส่วนประกอบใน Elementor
  • การทดสอบและการปรับปรุงการแสดงผลของหน้าเว็บไซต์ใน WordPress
  • การเชื่อมต่อ Elementor กับเครื่องมือและบริการอื่น ๆ เพื่อการออกแบบเว็บไซต์ที่สมบูรณ์ยิ่งขึ้น

ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ

ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ

ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770

ສຳລັບອົງກອນ — In-house / Private Training

  • ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
  • ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
  • ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້
ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ

ວິທະຍາກອນຜູ້ສອນ

ຄຳຖາມທີ່ພົບເລື້ອຍ

หลักสูตร ออกแบบเว็บด้วย Figma ร่วมกับ WordPress เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับ ผู้ที่ต้องการออกแบบเว็บด้วยการใช้โปรแกรม Adobe Figma · UX/UI designer · กลุ่มผู้สนใจทั่วไป พื้นฐานที่ผู้เรียนควรมี สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้ หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449

หลักสูตร ออกแบบเว็บด้วย Figma ร่วมกับ WordPress ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง

ราคาปกติ 3,500 บาท (โปรโมชันปัจจุบันเหลือ 3,150 บาท) ใช้เวลาอบรม 6 ชั่วโมง ราคานี้ยังไม่รวม VAT 7% (กรณีชำระในนามนิติบุคคล) ชำระค่าอบรมด้วยการโอนเข้าบัญชีบริษัท แล้วแจ้งชำระเงินผ่านหน้าแจ้งชำระเงินของเว็บไซต์ และขอใบเสร็จรับเงินหรือใบกำกับภาษีในนามบริษัทได้

เรียนจบได้รับ Certificate หรือไม่

ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส ใบประกาศแต่ละใบมีเลขที่ของตัวเอง ใครก็ตามที่มีเลขที่ใบประกาศตรวจสอบความถูกต้องออนไลน์ได้ที่หน้าตรวจสอบใบประกาศของสถาบัน จึงใช้แนบแฟ้มผลงานหรือส่งให้ฝ่ายบุคคลประกอบการพัฒนาบุคลากรได้

อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่

เรียนได้ทั้งแบบออนไซต์ที่สถาบันไอทีจีเนียส และนัดเรียนผ่านออนไลน์ และรับจัดอบรมเฉพาะทีม (In-house Training) ให้องค์กร สอบถามรอบและสถานที่ได้ที่ LINE @itgenius หรือโทร 02-570-8449

ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่

มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน แจ้งชื่อหลักสูตรและรอบที่เคยเรียนกับทีมงาน แล้วทีมงานจะตรวจสอบและแจ้งรอบที่ยังมีที่นั่งว่างให้เลือก สอบถามได้ที่ LINE @itgenius หรือโทร 02-570-8449

สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร

สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ ลงทะเบียนผู้เข้าอบรมหลายคนได้ในครั้งเดียว และกรอกเลขประจำตัวผู้เสียภาษีกับที่อยู่สำหรับออกใบกำกับภาษีได้ในฟอร์ม หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่มขอใบเสนอราคา สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius