Zenler Player
กำลังโหลดคอร์สเรียน กรุณารอสักครู่
HTML5 + CSS3 + Bootstrap
กลับไปหน้าหลักสูตร
0% สมบรูณ์
0% สมบรูณ์
รู้จักกับ HTML5, Text Editor และโครงสร้างของ HTML5
พื้นฐานเกี่ยวกับ HTML5
เพิ่มเติมเกี่ยวกับ HTML5 และ CSS
HTML5 กับ JavaScript
สร้างและพัฒนาเว็บต้องทราบอะไรบ้าง
เอลิเมนต์ การใช้แท็ก และรูปแบบมาตรฐานของ HTML
แสดงข้อความด้วยแท็ก < p > และแก้ไขค่าแอตทริบิวต์
ภาษาไทยใน HTML และแสดงข้อความด้วยแท็ก
เน้นข้อความด้วยแท็ก < em >, แท็ก < strong > และแบ่งส่วนข้อมูลด้วยแท็ก < div >
จัดลำดับชั้นของเอลิเมนต์
แก้ไขแอตทริบิวต์ style, ค่าสี, การใช้ Single Quote และ Double Quote
ใส่คำอธิบายโค้ด, Inline element , Block element, Parent element, Child element, ใส่หัวข้อและสร้างลิงก์
แสดงรูปภาพด้วยแท็ก < img >
แสดงลำดับเลข < ol > , แสดงรายการ < ul > และการขึ้นบรรทัดใหม่
เริ่มสร้าง แสดงชื่อ และปรับแต่งตาราง
ส่วนหัวตาราง ข้อมูลตาราง ท้ายตาราง และผสานเซลล์ในตาราง
แบบฟอร์มและอินพุต
สร้างแบบฟอร์มด้วยแท็ก < form >, < text >, < password >, < textarea >, < radio >, < checkbox > และ < option >
ล้างข้อมูลในฟอร์มด้วยปุ่ม Reset และส่งข้อมูลด้วยปุ่ม Submit
การจัดวางตำแหน่งเอลิเมนต์ การจัดเค้าโครงด้วย < header >, < hgroup > และ < aside >
แท็ก < article >, < section >, < nav > และ < footer >
ฟอร์มรูปแบบใหม่ใน HTML5
ค้นข้อมูลด้วย < search >, รับค่า < email >, รับค่า < url > และรับค่าตัวเลข < number >
ช่วงของตัวเลขกับ < range >, เบอร์โทร < tel >, เลือกสี < color > และวัน-เวลา < datetime >
วิดีโอใน HTML5
การใช้งาน preload, autoplay, loop และ poster
ความกว้างและความสูงของวิดีโอ รวมถึงการใช้งาน JavaScript
เสียงใน HTML5
รู้จักกับ CSS
การเขียน CSS การอ้าง ID และคลาส กำหนดความกว้าง/ความสูง ตีกรอบ และเว้นระยะขอบ
รู้จักกับ CSS box model เว้นระยะเอลิเมนต์และการใช้ selector รูปแบบอื่นๆ
การเชื่อมไปยังไฟล์ CSS และเขียนโค้ด CSS ลงบนเว็บเพจโดยตรง
การปรับแต่งตัวอักษร
ขีดเส้นใต้ข้อความด้วย text-decoration เปลี่ยนภาพพื้นหลังด้วย CSS
กำหนดตำแหน่งด้วย Float
กำหนดตำแหน่งด้วย Position และการปรับแต่งลิงก์
การใช้ Selector ใน CSS3
CSS3 UI selector, CSS3 Target selector และ CSS3 Structural selector
กำหนดเงาด้วย text-shadow
ทบทวน form และ input, การใช้ label และรีเซ็ตเบราว์เซอร์
การเลือกสีให้เหมาะสมกับฟอร์ม
ปรับแต่งช่องค้นหา ช่องกรอกข้อความและป้ายชื่อ
ปรับแต่งเรดิโอและเช็กบ็อกซ์
ปรับแต่งตัวเลือก
เริ่มต้นใช้งาน Bootstrap การปรับแต่งปุ่มคำสั่งและแสดงไอคอนบนปุ่ม
แสดงข้อความเตือนและโหลดสคริปต์เพื่อใช้งาน Dropdown
ระบบ Grid System
กำหนดจำนวนคอลัมน์ตามขนาดหน้าจอ
แสดงหรือซ่อนเอลิเมนต์เมื่อขนาดหน้าจอต่างกัน
การปรับแต่งตาราง
หน้าต่างโมดอล
1. ทำความรู้จักกับ Html5
รู้จักกับ HTML5, Text Editor และโครงสร้างของ HTML5
ดูตัวอย่าง
พื้นฐานเกี่ยวกับ HTML5
2. เตรียมพร้อมก่อนใช้งาน HTML5
เพิ่มเติมเกี่ยวกับ HTML5 และ CSS
HTML5 กับ JavaScript
3. ทบทวนพื้นฐาน HTML
สร้างและพัฒนาเว็บต้องทราบอะไรบ้าง
เอลิเมนต์ การใช้แท็ก และรูปแบบมาตรฐานของ HTML
แสดงข้อความด้วยแท็ก < p > และแก้ไขค่าแอตทริบิวต์
ภาษาไทยใน HTML และแสดงข้อความด้วยแท็ก <span>
เน้นข้อความด้วยแท็ก < em >, แท็ก < strong > และแบ่งส่วนข้อมูลด้วยแท็ก < div >
จัดลำดับชั้นของเอลิเมนต์
แก้ไขแอตทริบิวต์ style, ค่าสี, การใช้ Single Quote และ Double Quote
ใส่คำอธิบายโค้ด, Inline element , Block element, Parent element, Child element, ใส่หัวข้อและสร้างลิงก์
แสดงรูปภาพด้วยแท็ก < img >
แสดงลำดับเลข < ol > , แสดงรายการ < ul > และการขึ้นบรรทัดใหม่
4. ตารางใน HTML5
เริ่มสร้าง แสดงชื่อ และปรับแต่งตาราง
ส่วนหัวตาราง ข้อมูลตาราง ท้ายตาราง และผสานเซลล์ในตาราง
5. แบบฟอร์มพื้นฐาน
แบบฟอร์มและอินพุต
สร้างแบบฟอร์มด้วยแท็ก < form >, < text >, < password >, < textarea >, < radio >, < checkbox > และ < option >
ล้างข้อมูลในฟอร์มด้วยปุ่ม Reset และส่งข้อมูลด้วยปุ่ม Submit
6. โครงสร้างพื้นฐานของ HTML5
การจัดวางตำแหน่งเอลิเมนต์ การจัดเค้าโครงด้วย < header >, < hgroup > และ < aside >
แท็ก < article >, < section >, < nav > และ < footer >
7. HTML5 กับฟอร์มรูปแบบใหม่
ฟอร์มรูปแบบใหม่ใน HTML5
ค้นข้อมูลด้วย < search >, รับค่า < email >, รับค่า < url > และรับค่าตัวเลข < number >
ช่วงของตัวเลขกับ < range >, เบอร์โทร < tel >, เลือกสี < color > และวัน-เวลา < datetime >
8. การใช้งานไฟล์วิดีโอและเสียง
วิดีโอใน HTML5
การใช้งาน preload, autoplay, loop และ poster
ความกว้างและความสูงของวิดีโอ รวมถึงการใช้งาน JavaScript
เสียงใน HTML5
9. ทบทวนพื้นฐาน CSS
รู้จักกับ CSS
การเขียน CSS การอ้าง ID และคลาส กำหนดความกว้าง/ความสูง ตีกรอบ และเว้นระยะขอบ
รู้จักกับ CSS box model เว้นระยะเอลิเมนต์และการใช้ selector รูปแบบอื่นๆ
การเชื่อมไปยังไฟล์ CSS และเขียนโค้ด CSS ลงบนเว็บเพจโดยตรง
การปรับแต่งตัวอักษร
ขีดเส้นใต้ข้อความด้วย text-decoration เปลี่ยนภาพพื้นหลังด้วย CSS
กำหนดตำแหน่งด้วย Float
กำหนดตำแหน่งด้วย Position และการปรับแต่งลิงก์
10. พื้นฐานการใช้งาน CSS3
การใช้ Selector ใน CSS3
CSS3 UI selector, CSS3 Target selector และ CSS3 Structural selector
กำหนดเงาด้วย text-shadow
11. ปรับแต่งฟอร์มด้วย CSS
ทบทวน form และ input, การใช้ label และรีเซ็ตเบราว์เซอร์
การเลือกสีให้เหมาะสมกับฟอร์ม
ปรับแต่งช่องค้นหา ช่องกรอกข้อความและป้ายชื่อ
ปรับแต่งเรดิโอและเช็กบ็อกซ์
ปรับแต่งตัวเลือก
12. พื้นฐานการใช้งาน Bootstrap 4.x
เริ่มต้นใช้งาน Bootstrap การปรับแต่งปุ่มคำสั่งและแสดงไอคอนบนปุ่ม
แสดงข้อความเตือนและโหลดสคริปต์เพื่อใช้งาน Dropdown
ระบบ Grid System
กำหนดจำนวนคอลัมน์ตามขนาดหน้าจอ
แสดงหรือซ่อนเอลิเมนต์เมื่อขนาดหน้าจอต่างกัน
การปรับแต่งตาราง
หน้าต่างโมดอล
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
กลับไปที่แดชบอร์ด
ไม่มีเนื้อหาในบทเรียนนี้!
ไม่มีบทเรียน!
กลับไปที่แดชบอร์ด
เนื้อหาบทเรียนถูกล็อค
ลงทะเบียนเพื่อปลดล็อกบทเรียนนี้
ลงทะเบียนเพื่อปลดล็อค
บทเรียนต่อไป