Who is Basic HTML+CSS for, and what background is needed?

Built for ผู้ที่สนใจเรียนรู้การออกแบบและพัฒนาเว็บไซต์ตั้งแต่ต้น · นักเรียน/นักศึกษา ที่ต้องการทำโครงงานหรือประกาศนียบัตรเกี่ยวกับเว็บดีไซน์ · นักกราฟิก หรือ UI/UX Designer ที่ต้องการเข้าใจพื้นฐาน HTML/CSS เพื่อสื่อสารกับนักพัฒนาได้ดีขึ้น Background you should have: ใช้งานคอมพิวเตอร์และระบบปฏิบัติการเบื้องต้นได้ · เข้าใจพื้นฐานของการใช้เว็บเบราเซอร์, อินเทอร์เน็ต Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Basic HTML+CSS cost and how long does it run?

THB 3,500. The course runs 12 hours. The price excludes 7% VAT (for payment in a company's name). Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

ພັດທະນາເວັບໄຊ · WDC-01-01

Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน)

หลักสูตร Basic HTML+CSS เป็นการอบรมเขียนเว็บด้วย HTML และ CSS สำหรับผู้เริ่มต้น ตั้งแต่ Semantic Elements, Responsive Design และ Media Queries จนถึง Flexbox, CSS Grid และ Browser Dev Tools เหมาะกับผู้เริ่มต้น นักศึกษา และนักออกแบบ UI/UX จบแล้วได้ผลงานเว็บไซต์ตัวอย่างของตัวเอง

ລາຄາເລີ່ມຕົ້ນ 3,500 ບາດ / ທ່ານ ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ລົງຊື່ຈອງໄວ້

PDFດາວໂຫຼດ Course Outline

ໄລຍະເວລາ12 ຊົ່ວໂມງ · 2 ມື້
ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ

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

Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน) ในยุคปัจจุบันที่เว็บแอปพลิเคชัน (Web Apps), SPA (Single Page Applications) และเว็บที่ตอบสนองต่ออุปกรณ์หลายประเภท (Responsive Design) มีบทบาทสำคัญมากขึ้น การเขียน HTML และ CSS ไม่ได้เป็นเพียงแค่การสร้างหน้าเว็บติดรูปภาพข้อความธรรมดา แต่ต้องทำให้เว็บโหลดไว เข้ากับอุปกรณ์ทุกขนาด ปลอดภัย และมีประสิทธิภาพสูง

หลักสูตรนี้สอนการออกแบบเว็บไซต์ด้วยภาษา HTML และ CSS สำหรับผู้เริ่มต้น ที่ยังไม่มีความรู้มาก่อนเลย สามารถเริ่มต้นเรียนรู้ได้จากคอร์สนี้ โดยลักษณะการสอนจะเป็นการเรียนรู้ทฤษฎี ควบคู่ไปกับการฝึกปฎิบัติทำ Workshop ที่น่าสนใจเพื่อให้ผู้เรียนสามารถทำความเข้าใจได้ดียิ่งขึ้น

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

เข้าใจโครงสร้างของ HTML semantic elements และใช้งานได้อย่างเหมาะสม
เข้าใจแนวคิดของ responsive design / mobile-first design และวิธีใช้ media queries
รู้จักและใช้งาน CSS modern layout techniques ได้แก่ Flexbox, CSS Grid
รู้จักการใช้ CSS preprocessors (เช่น Sass) เบื้องต้น
เรียนรู้การจัดการ images / fonts / icons ให้มีประสิทธิภาพ (เช่น optimization, lazy loading)
เรียนรู้การใช้ browser dev tools เพื่อตรวจสอบ โค้ด debug และปรับปรุง performance
มีผลงานเว็บไซต์ตัวอย่างที่สร้างโดยใช้ HTML / CSS / tools ที่เรียนมา

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

ผู้ที่สนใจเรียนรู้การออกแบบและพัฒนาเว็บไซต์ตั้งแต่ต้น
นักเรียน/นักศึกษา ที่ต้องการทำโครงงานหรือประกาศนียบัตรเกี่ยวกับเว็บดีไซน์
นักกราฟิก หรือ UI/UX Designer ที่ต้องการเข้าใจพื้นฐาน HTML/CSS เพื่อสื่อสารกับนักพัฒนาได้ดีขึ้น
บุคคลที่เคยเขียน HTML/CSS แบบพื้นฐานแล้ว แต่ยังไม่เคยใช้เครื่องมือ/เทคนิคสมัยใหม่เช่น Responsive, Flexbox, Grid

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

ใช้งานคอมพิวเตอร์และระบบปฏิบัติการเบื้องต้นได้
เข้าใจพื้นฐานของการใช้เว็บเบราเซอร์, อินเทอร์เน็ต
มีคอมพิวเตอร์ที่ติดตั้งโปรแกรม Editor ได้ (เช่น VS Code)
(ถ้าเป็นไปได้) มีทักษะเบื้องต้นของ command line / terminal จะเป็นประโยชน์

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

วันที่ 1 — HTML + CSS Basics & Responsive Design ( 6 ชม.)

Section 1 เตรียมเครื่องมือ & แนวคิดพื้นฐาน

ติดตั้งและตั้งค่า VS Code + Extensions (Prettier, Live Server, GitLens)
รู้จักเทคโนโลยีการออกแบบเว็บไซต์
ตัวอย่างเว็บไซต์ที่ออกแบบตามมาตรฐาน
แนวทางการออกแบบเว็บไซต์สมัยใหม่
Workflow สมัยใหม่: Live Server, โครงสร้างโฟลเดอร์, การเขียนโค้ดมาตรฐาน

Section 2 พื้นฐาน HTML Semantic & Accessibility

รู้จักโครงสร้างของภาษา HTML
Syntax พื้นฐานของ HTML
การจัดการกับข้อความและภาพบนหน้าเว็บเพจ
การใช้ตารางในภาษา HTML
การสร้างแบบฟอร์มรับข้อมูล
Workshop การสร้างหน้าเว็บไซต์ด้วย HTML

Section 3 พื้นฐาน CSS Basics

แนะนำเว็บไซต์ที่ออกแบบด้วย CSS
Tag พื้นฐานในการเขียน CSS
รู้จักโครงสร้างในการเขียน CSS
Box Model
CSS กับการรูปภาพ
การวาง navigation menu ด้วย CSS
การวาง layout เว็บไซต์ด้วย CSS
Workshop การออกแบบเว็บไซต์ด้วย CSS

วันที่ 2 — Modern Layout + Responsive Design (6 ชั่วโมง)

Section 4 การออกแบบเว็บ Responsive Principles รองรับ Mobile

Mobile-first design, Media Queries, Breakpoints
CSS Grid: grid-template, placement, auto-fit, auto-fill
Flexbox Concepts: container vs items, alignment, justify, wrap
ออกแบบ Landing Page ให้ responsive รองรับมือถือ + tablet

Section 5 Styling & Visual Design

Typography, Web Fonts (Google Fonts), SVG Icons
Colors & Contrast (WCAG standard)
CSS Transitions & Animations (hover, fade-in, slide)
Workshop: เพิ่ม Dark/Light mode และ animation ให้เว็บ

Section 6 การทำงานกับ Assets Optimization และการเผยแพร่ผลงาน (Deployment)

รูปภาพ: WebP, responsive images, lazy loading
ใช้ Chrome DevTools & Lighthouse Audit
Deploy เว็บไปยัง GitHub Pages / Netlify
Workshop: Optimize + Deploy เว็บจริงของผู้เรียน

ผลลัพธ์ที่ผู้เรียนจะได้รับ (Result):

เข้าใจ HTML + CSS พร้อม Responsive Design
ใช้ Flexbox และ Grid ทำ Layout ที่ซับซ้อนได้
รู้จักการ optimize เว็บไซต์ให้เร็วและรองรับทุกอุปกรณ์

มีผลงานเว็บจริง พร้อม deploy ออนไลน์เป็น portfolio

ตัวอย่าง WORKSHOP การออกแบบโครงสร้างเว็บไซต์ด้วย CSS

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

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

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

ລົງຊື່ຈອງໄວ້ ສອບຖາມຮອບຝຶກອົບຮົມ

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

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

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ

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

สามิตร โกยมCEO ที่สถาบันไอทีจีเนียส

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

หลักสูตร Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน) เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับ ผู้ที่สนใจเรียนรู้การออกแบบและพัฒนาเว็บไซต์ตั้งแต่ต้น · นักเรียน/นักศึกษา ที่ต้องการทำโครงงานหรือประกาศนียบัตรเกี่ยวกับเว็บดีไซน์ · นักกราฟิก หรือ UI/UX Designer ที่ต้องการเข้าใจพื้นฐาน HTML/CSS เพื่อสื่อสารกับนักพัฒนาได้ดีขึ้น พื้นฐานที่ผู้เรียนควรมี ใช้งานคอมพิวเตอร์และระบบปฏิบัติการเบื้องต้นได้ · เข้าใจพื้นฐานของการใช้เว็บเบราเซอร์, อินเทอร์เน็ต หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449

หลักสูตร Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน) ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง

ราคาปกติ 3,500 บาท ใช้เวลาอบรม 12 ชั่วโมง ราคานี้ยังไม่รวม 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