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

ออกแบบเว็บสมัยใหม่ด้วย Photoshop ร่วมกับ Bootstrap 5

หลักสูตรออกแบบเว็บสมัยใหม่ด้วย Photoshop ร่วมกับ Bootstrap 5 เป็นการอบรมตั้งแต่แนวคิดการออกแบบเว็บแบบ Responsive ที่โหลดเร็ว การจัด Layout และทำ Prototype หน้าเว็บใน Photoshop แล้วนำงานออกแบบไปขึ้นเว็บจริงด้วย Bootstrap 5 พร้อมเขียน CSS ปรับแต่ง เหมาะกับ UX/UI Designer, Developer และผู้สนใจทั่วไป

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

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

ออกแบบเว็บสมัยใหม่ด้วย Photoshop ร่วมกับ Bootstrap 5 การออกแบบเว็บสมัยใหม่ ไม่ได้แค่ต้องการความสวยงามเพียงอย่างเดียวอีกต่อไป แต่การออกแบบที่ดียังต้องคำนึงถึงหลายเหตุปัจจัยประกอบด้วย ไม่ว่าจะเป็นเรื่องของการแสดงผลอุปกรณ์พกพา (mobile, tablet) โดยต้องออกแบบให้มีลักษณะเป็น Responsive web

เรื่องของความเร็วก็เป็นอีกองค์ประกอบสำคัญไม่แพ้กัน เว็บสวยแต่เข้าใช้งานได้ช้า ก็อาจถูกทอดทิ้งไว้ข้างหลังได้ นอกจากการเลือกใช้แนวทางในการออกแบบเว็บ นักพัฒนาและนักออกแบบจึงต้องใส่ใจในเรื่องความเร็วของเว็บในการเรียกใช้งานด้วย

เริ่มต้นจากเล่าแนวคิดในการออกแบบ แล้วพาใช้โปรแกรม Photoshop ที่หลายท่านคุ้นชิน จากนั้นนำสิ่งที่ออกแบบเสร็จแล้วไปขึ้นโครงเว็บกันจริงๆ ด้วย Bootstrap 5 ซึ่งเป็นเวอร์ชั่นล่าสุดที่เน้นความเบา และเร็วขึ้นกว่าเดิมเยอะ

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

  • เข้าใจแนวทางการออกแบบเว็บสมัยใหม่
  • สามารถทำ Prototype เชื่อมโยงหน้าเว็บเพจใน Photoshop ได้
  • สามารถจัดวาง layout แบบต่างๆ ใน Photoshop ได้
  • สามารถเขียน CSS ทำการ custom หน้าตาของ bootstrap ตามต้องการ

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

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

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

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

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

แนวทางการออกแบบเว็บและการใช้โปรแกรม Photoshop

  • แนวทางการออกแบบเว็บสมัยใหม่
  • รู้จักการออกแบบ wireframe ก่อนเริ่มออกแบบจริง
  • แนะนำโปรแกรม Photoshop สำหรับการออกแบบเว็บ
  • เครื่องมือพื้นฐานที่ทุกคนควรรู้จักใน Photoshop
  • เรียนรู้การจัดวาง layout แบบต่างๆ ใน Photoshop
  • การสร้างชุดเมนู เส้นโค้ง จัดกลุ่มวัตถุ และการทำ masking เพื่อรวมรูปต่างๆ
  • การทำ Prototype เชื่อมโยงหน้าเว็บเพจใน Photoshop
  • การใส่ Animation และ Transition ต่างๆ ในการเปลี่ยนหน้า
  • การสร้างชุด Assets ไว้ใช้งานปรับคุณสมบัติให้วัตถุครั้งเดียวได้ทั้งหมด
  • การ Export ไฟล์ออกแบบไปใช้งานใน Bootstrap 5 กันต่อไป

 

การออกแบบเว็บสมัยใหม่ด้วย Bootstrap 5

  • ความเปลี่ยนแปลงใหม่ใน Bootstrap 5
  • เริ่มต้นใช้งานอย่างง่าย
  • เรียนรู้การวาง layout อย่างง่ายใน Bootstrap 5
  • การออกแบบเว็บด้วย flex box ใน Bootstrap 5
  • การสร้างเมนูนำทางอย่างรวดเร็ว
  • การสร้าง Slide ภาพแบบไม่ต้องมี jQuery
  • การทำงานกับแบบฟอร์ม
  • การทำงานกับตาราง
  • การทำงานกับ popup modal แบบใหม่ ไม่ต้องใช้ jQuery
  • การใช้งาน Components พื้นฐาน เช่น Alert, Badge, Button, Card, List, Tooltips เป็นต้น
  • การเขียน CSS ทำการ custom หน้าตาของ bootstrap ตามต้องการ
  • การทดสอบและปรับแต่งความเร็วในการใช้งานของเว็บที่ออกแบบมาให้เหมาะสมกับการนำไปใช้งานจริง
  • เรียนรู้การนำ Bootstrap ไปใช้งานกับ Framework อื่นๆ เช่น React JS และ Angular, Vue ต่อไป

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

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

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

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

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

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

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

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

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

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

ราคาปกติ 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