Autoplay
Autocomplete
กลับไปตอนก่อนหน้า
ดูตอนถัดไป
Basic HTML5 & CSS3
ยินดีต้อนรับสู่คอร์ส Basic HTML5 & CSS3
คอร์สนี้เราจะเรียนอะไรกันบ้าง ? (3:45)
Domain & Hosting คืออะไร ? (2:05)
HTML & CSS คืออะไร ? (6:00)
เครื่องมือสำหรับเขียน HTML5 & CSS3
โปรแกรมเขียน HTML & CSS มีแบบไหนบ้าง ? (4:44)
วิธีการดาวน์โหลดและติดตั้ง Sublime Text บน Windows (ฟรี) (1:12)
วิธีการดาวน์โหลดและติดตั้ง Sublime Text บน Mac (ฟรี) (1:23)
Introduction to HTML
HTML คืออะไร ? (2:24)
[Download] โครงสร้างของ HTML (3:40)
Workshop 1: เว็บไซต์ Portfolio ส่วนตัว ด้วย HTML & CSS (0:57)
[Download] ไฟล์เริ่มต้น Workshop 1 + วิธีใช้ (1:56)
การใส่ตัวหนังสือแบบต่าง ๆ ใน HTML (5:37)
การใส่ลิสต์แบบต่าง ๆ ใน HTML (3:58)
Attribute ใน HTML คืออะไร ? (1:26)
การใส่ลิงค์ใน HTML (4:22)
การใส่รูปภาพใน HTML (6:01)
การแสดงข้อมูลจากเว็บไซต์อื่นใน HTML (2:25)
[Exercise] การใส่ตารางใน HTML (4:59)
การสร้างฟอร์มใน HTML (5:17)
[Download & Exercise] การสร้างฟอร์มติดต่อใน HTML (5:01)
[HTML Tool] เครื่องมือสารพัดประโยชน์ Inspect Element (3:09)
SEO และ Semantic ใน HTML (2:43)
Introduction to CSS
CSS คืออะไร ? (3:25)
การเชื่อม CSS เข้ากับไฟล์ HTML (2:48)
[Download] การตกแต่งตัวหนังสือด้วย CSS 1: Basic Text (6:31)
การตกแต่งตัวหนังสือด้วย CSS 2: Styling Text (5:06)
วิธีการใช้สีแบบต่าง ๆ ใน CSS (7:02)
วิธีการใส่พื้นหลังรูปภาพใน CSS (6:50)
วิธีการใส่กรอบแบบต่าง ๆ ใน CSS (3:08)
การใช้ ID และ Class ใน CSS (7:23)
Basic Website Layout
Table Layout VS CSS Layout (4:58)
[Download] ไฟล์เริ่มต้นสำหรับ Website Layout + วิธีใช้
Div และ Box Model คืออะไร ? (7:16)
จัดระยะให้สวยด้วย Margin และ Padding (7:21)
การจัดคอลัมน์บนเว็บไซต์ด้วย Float (12:19)
[Exercise] การทำ Layout หลายแถว (7:22)
จัด Content ในกล่องให้สวยด้วย Padding และ Box-sizing (6:07)
Advanced Website Layout
การใช้ Display เพื่อจัด Layout (3:07)
การใช้ Position แบบต่าง ๆ (5:33)
Tips & Techniques
วิธีใช้ฟ้อนต์สวย ๆ ฟรี จาก Google Fonts (5:15)
วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face (8:06)
เทคนิคการเขียนโค้ด HTML & CSS ให้เร็วขึ้น ด้วย Emmet (7:36)
การเขียน CSS Selector อย่างมืออาชีพ (14:31)
Extra: CSS3 Basic to Expert
ใส่ Effect บนเว็บด้วย Pseudo Class: การใช้ :hover, :active, :focus (5:48)
เลือก Element แบบมือโปรด้วย CSS3 Selector: nth-child, nth-of-type, first-child, last-child (9:39)
Teach online with
ใส่ Effect บนเว็บด้วย Pseudo Class: การใช้ :hover, :active, :focus
Lesson content locked
If you're already enrolled,
you'll need to login
.
กรุณาลงทะเบียนเรียนเพื่อดูเนื้อหานี้