วีดีโอบันทึกการสอน หลักสูตรขั้นพื้นฐานเรียนฟรี "การสร้างเว็บด้วยภาษา HTML"
หลักสูตรนี้เป็นการปูพื้นฐานการสร้างเว็บไชต์ โดยจะเน้นไปที่ภาษา HTML ซึ่งเป็นภาษาพื้นฐานที่ใช้ในการสร้างหน้าเว็บDownload Slides ที่ใช้ในการสอน
การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 1
- เริ่มต้นกับการสร้างเว็บเพจ
- เว็บเพจคืออะไร?
- คำศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บเพจ
- เว็บเพจทำงานได้อย่างไร?
- ขั้นตอนการสร้างเว็บไซต์
- เริ่มต้นกับ HTML และ XHTML
- รู้จักกับ HTML
- ลักษณะของภาษา HTML
- โครงสร้างพื้นฐานของ HTML
- เครื่องมือที่ใช้สร้างเอกสาร HTML
- ทดลองเขียนเว็บเพจแรกด้วยภาษา HTML
- รู้จักกับภาษา XHTML
- การจัดวางเนื้อหาบหน้าเว็บ
- การตัดคำขึ้นบรรทัดใหม่ <br>
- การตัดคำขึ้นย่อหน้าใหม่ <p>
- จัดวางตำแหน่งข้อความในย่อหน้า
- จัดวางตำแหน่งข้อความให้อยู่กึ่งกลางด้วย <center>
- จัดรูปแบบเอกสารตามที่กำหนด <pre>
- สร้างเส้นคั่นในแนวนอน <hr>
- เพิ่มหมายเหตุเตือนความจำ <! -...->
Last comments
AimOn : คงต้องเริ่มเรียนใหม่เลย เพราะต้องไปต่างจังหวัดยาวเลยค่ะ ไม่ทราบว่าลงเรียนใหม่ได้อีก เมื่อไหร่ค่ะ
kwan : เมื่อว่านผมพลาดไปครับกลับไม่ทัน ไม่รู้จะเริ่มสอนวันไหนอีกครับ
ZZiiJEEDii... : ขอบคุณมากครับ ดีมากๆๆเลยความรู้แน่นๆ
stamptingl... : ดูจบวันแรกรอบสองครับ thank a lot
stamptingl... : ดูจบวันแรกรอบสองครับ thank a lot
การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 2
- การจัดการข้อความ
- กำหนดรูปแบบข้อความที่เป็นหัวเรื่อง <hn>
- การกำหนดลักษณะตัวอักษ
- ปรับเปลี่ยนขนาดตัวอักษร <font size>
- การกำหนดแบบตัวอักษร <font face>
- การใช้สีในเว็บเพจ
- กำหนดสีพื้นและสีตัวอักษร <body bgcolor...text...>
- กำหนดสีเฉพาะข้อความใดๆ <font color>
- การกำหนดอักษรวิ่ง <marquee>
- การใช้ลิสต์สร้างรายการ
- การสร้างลิสต์แบบไม่มีลำดับ <ul>
- การสร้างลิสต์แบบมีลำดับ <ol>
- การสร้างลิสต์ซ้อนกัน
Last comments
thaiban : อยากดาวนผืโหลดไฟเสียงด้วยทำงัยครับ อยากได้ทั้งหมดเลยน่ะ มีความรู้มาเลยถ้าได้งานนี้ไป
termsak : ไม่เห็นส่งข้อความให้เลยครับ
kanyarat : ขอกลับไปทบทวนอีก3รอบ..ขอบคุณอาจารย์มากๆ
kanyarat : loading control 100% but loading sunscreen 2% only,how i do?..not see anything!..so sad!
chomporn19... : อาจารย์ ย้ายกรอบคำถามออกจากหน้ากลางไม่ให้บังข้อมูลที่อาจารย์สอน ไปไว้ด้านข้างได้ไหม รบกวนการมองการเร...
การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 3
- เชื่อมโยงเว็บเพจด้วยลิงค์(Link)
- การสร้างลิงค์ <a>
- ใช้ภาพเป็นลิงค์ <img>
- การลิงค์ไปยังไฟล์อื่นๆ ที่ไม่ใช่เอกสาร HTML
- การสร้างลิงค์เพื่อส่ง Email
- กำหนดสีของลิงค์
- การทำ Image Map
- สร้างลิงค์แบบ Rollover
- จัดข้อมูลให้เป็นสัดส่วนด้วยตาราง
- ทดลองสร้างตาราง <table>, <tr>, <td>
- การใส่หัวข้อ <th> และตีเส้นตาราง
- การกำหนดข้อความกำกับให้กับตาราง <caption>
- ความหนาของเส้นตารางและความห่างของช่องเซลล์
- เว้นระยะระหว่างข้อมูลในเซลล์กับกรอบเซลล์
- ปรับความกว้างและความสูงของตาราง
- ปรับขนาดช่องเซลล์
- การกำหนดสีในช่องเซลล์
- ใส่สีให้กรอบของตาราง
- ใส่รูปภาพให้กับพื้นหลังของตาราง
- กำหนดการแสดงเส้นตาราง
- จัดตำแหน่งข้อมูลในตาราง
- การซ้อนตาราง <Nested Table>
- การใส่รูปในตาราง
- การกำหนดความกว้างของคอลัมน์ <colgroup>
- กำหนดความกว้างแต่ละคอลัมน์ <col>
- การแบ่งส่วนตาราง <thead>, <tfoot>, <tbody>
Last comments
suphawat : เช็คชื่อคับ supawat_ac@hotmail.com
maksompoo : ขอโทษครับ สามารถดาวน์โหลดไฟล์วีดีโอการสอนได้หรือไม่ครับ ของคุณมากครับ -
narubes : ผมเอาเว็บลงละแต่เปิดดูทางเว็บมันบอกเออเลออะคับช่วยบอกทีสิคับ kerorodo_@hotmail.com
pari : น่าจะทำได้
rally : อาจารย์ค่ะ หนูเอาWeb Design ที่อาจารย์ให้โหลดฟรีใส่ไม่เป็นต้องทำอย่างไรดีค่ะ
การสอนหลักสูตรขั้นพื้นฐานครั้งที่ 4
- แต่งเติมเว็บเพจด้วยกราฟฟิก
- รู้จักกับภาพกราฟฟิกชนิดต่างๆ
- แสดงภาพบนเว็บ <img>
- การใส่ข้อความกำกับภาพ
- ปรับขนาดรูปภาพ
- การใส่กรอบให้กับรูปภาพ
- การจัดตำแหน่งรูปภาพ
- เพิ่มระยะระหว่างรูปกับข้อความ
- การทิ้งระยะระหว่างข้อความให้พ้นขอบเขตรูป <br>
- แสดงภาพเป็นฉากหลัง <body>
- แสดงภาพฉากหลังอยู่กับที่
No comments:
Post a Comment