วีดีโอบันทึกการสอน หลักสูตรขั้นพื้นฐานเรียนฟรี "การสร้างเว็บด้วยภาษา HTML"

หลักสูตรนี้เป็นการปูพื้นฐานการสร้างเว็บไชต์ โดยจะเน้นไปที่ภาษา HTML ซึ่งเป็นภาษาพื้นฐานที่ใช้ในการสร้างหน้าเว็บ
Download Slides ที่ใช้ในการสอน

การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 1

thumbnail
  1. เริ่มต้นกับการสร้างเว็บเพจ
    1. เว็บเพจคืออะไร?
    2. คำศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บเพจ
    3. เว็บเพจทำงานได้อย่างไร?
    4. ขั้นตอนการสร้างเว็บไซต์
  2. เริ่มต้นกับ HTML และ XHTML
    1. รู้จักกับ HTML
    2. ลักษณะของภาษา HTML
    3. โครงสร้างพื้นฐานของ HTML
    4. เครื่องมือที่ใช้สร้างเอกสาร HTML
    5. ทดลองเขียนเว็บเพจแรกด้วยภาษา HTML
    6. รู้จักกับภาษา XHTML
  3. การจัดวางเนื้อหาบหน้าเว็บ
    1. การตัดคำขึ้นบรรทัดใหม่ <br>
    2. การตัดคำขึ้นย่อหน้าใหม่ <p>
    3. จัดวางตำแหน่งข้อความในย่อหน้า
    4. จัดวางตำแหน่งข้อความให้อยู่กึ่งกลางด้วย <center>
    5. จัดรูปแบบเอกสารตามที่กำหนด <pre>
    6. สร้างเส้นคั่นในแนวนอน <hr>
    7. เพิ่มหมายเหตุเตือนความจำ <! -...->
Last comments
... : ...
phaitoon : อยาก download file VDO ที่อาจารย์สอนมาเก็บไว้ทำอย่างไรครับช่วยบอกวิธีหน่อย
Cookiez : สอนทุกวันเหรอคะ
อนั้น : ครั้งที่. 1-2. ดูใน ipad ไม่ได้ครับ. 3-4-5ดูได้
ทรงพล ชลเพ... : ...

การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 2

thumbnail
  1. การจัดการข้อความ
    1. กำหนดรูปแบบข้อความที่เป็นหัวเรื่อง <hn>
    2. การกำหนดลักษณะตัวอักษ
    3. ปรับเปลี่ยนขนาดตัวอักษร <font size>
    4. การกำหนดแบบตัวอักษร <font face>
    5. การใช้สีในเว็บเพจ
    6. กำหนดสีพื้นและสีตัวอักษร <body bgcolor...text...>
    7. กำหนดสีเฉพาะข้อความใดๆ <font color>
    8. การกำหนดอักษรวิ่ง <marquee>
  2. การใช้ลิสต์สร้างรายการ
    1. การสร้างลิสต์แบบไม่มีลำดับ <ul>
    2. การสร้างลิสต์แบบมีลำดับ <ol>
    3. การสร้างลิสต์ซ้อนกัน
Last comments
... : ...
de : การใส่กรอบให้รูปภาพให้มีสีทำอย่างไรค่ะ
GuPoD : ต้องไปเช๊กชื่อที่บรอดหรอ ครับจาน
lek : สุดยอด
jamnong : อยากได้ vdo สอนทำเว็บไซค์ครับ

การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 3

thumbnail
  1. เชื่อมโยงเว็บเพจด้วยลิงค์(Link)
    1. การสร้างลิงค์ <a>
    2. ใช้ภาพเป็นลิงค์ <img>
    3. การลิงค์ไปยังไฟล์อื่นๆ ที่ไม่ใช่เอกสาร HTML
    4. การสร้างลิงค์เพื่อส่ง Email
    5. กำหนดสีของลิงค์
    6. การทำ Image Map
    7. สร้างลิงค์แบบ Rollover
  2. จัดข้อมูลให้เป็นสัดส่วนด้วยตาราง
    1. ทดลองสร้างตาราง <table>, <tr>, <td>
    2. การใส่หัวข้อ <th> และตีเส้นตาราง
    3. การกำหนดข้อความกำกับให้กับตาราง <caption>
    4. ความหนาของเส้นตารางและความห่างของช่องเซลล์
    5. เว้นระยะระหว่างข้อมูลในเซลล์กับกรอบเซลล์
    6. ปรับความกว้างและความสูงของตาราง
    7. ปรับขนาดช่องเซลล์
    8. การกำหนดสีในช่องเซลล์
    9. ใส่สีให้กรอบของตาราง
    10. ใส่รูปภาพให้กับพื้นหลังของตาราง
    11. กำหนดการแสดงเส้นตาราง
    12. จัดตำแหน่งข้อมูลในตาราง
    13. การซ้อนตาราง <Nested Table>
    14. การใส่รูปในตาราง
    15. การกำหนดความกว้างของคอลัมน์ <colgroup>
    16. กำหนดความกว้างแต่ละคอลัมน์ <col>
    17. การแบ่งส่วนตาราง <thead>, <tfoot>, <tbody>
Last comments
... : ...
Thoungporn : อาจารย์สอนเข้าใจง่ายดี ขอบคุณค่ะ
p : -
Jinnie : ตอนเขียนโค้ด มีสามเหลี่ยมสีเหลืองด้านซ้ายมือ แปลว่าอะไรคะ
Maneewan : ชัดมาก

การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 4

thumbnail
  1. แต่งเติมเว็บเพจด้วยกราฟฟิก
    1. รู้จักกับภาพกราฟฟิกชนิดต่างๆ
    2. แสดงภาพบนเว็บ <img>
    3. การใส่ข้อความกำกับภาพ
    4. ปรับขนาดรูปภาพ
    5. การใส่กรอบให้กับรูปภาพ
    6. การจัดตำแหน่งรูปภาพ
    7. เพิ่มระยะระหว่างรูปกับข้อความ
    8. การทิ้งระยะระหว่างข้อความให้พ้นขอบเขตรูป <br>
    9. แสดงภาพเป็นฉากหลัง <body>
    10. แสดงภาพฉากหลังอยู่กับที่
Last comments
jakkrit : สวัสดีครับ ไม่ทราบว่าย้ายรูปในเครื่องไปไว้ที่eclipse ทำอย่างไร
กษิดิ์เดช ... : ...
... : ...
supakit : อาจารย์ครับ ทำไมเวลาเปิดดูweb Browser ในโปรแกรม eclipse มันเห็นสีพื้นหลังซ้อนกันอ่ะครับ แล้วเวลาสร้า...
makee :