การเรียนการสอนในสัปดาห์ที่10

สัปดาห์นี้ ต้นชั่วโมง อาจารย์ได้ตรวจการดำเนินงานใน Wordpress ขั้นต้น
หลังจากการตรวจนั้น อาจารย์ได้ให้ทดลองเปิดโปรแกรม Dreamweaver และแนะนำการใช้ภาษา Html เบื้องต้น

Html หรือ Hypertext Markup Language เป็นภาษาหลัก ซึ่งเรียกได้ว่าเป็นการควบคุมการแสดงผลบนเว็บบราวเซอร์ โดยสามารถควบคุมการนำเสนอได้ทั้งข้อมูลตัวอักษร รูปภาพ เสียง หรือไฟล์ในรูปแบบอื่นๆ
โดยคำสั่งในการใช้งานจะใช้เครื่องหมาย < > ควบคุมเสมอ ซึ่งเป็นคำสั่ง หรือที่เรียกว่า Tag
โดย Tag จะแบ่งเป็น 2 ลักษณะคือ
1. Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <BR> = การขึ้นบรรทัดใหม่บรรทัด
2. Tag เปิด ปิด ซึ่งจะมีลักษณะ <tag> ... </tag> ดังนี้ เช่น <center> ข้อความ </center> เป็นการจัดหน้าเฉพาะข้อความที่เลือกให้อยู่ในส่วนกลางของหน้ากระดาษ

โครงสร้างหลักของภาษา html นั้น
มักจะใช้ Tag ในรูปแบบ ที่ 2 ซะส่วนใหญ่ ซึ่งจะเริ่มด้วย <html> และจบด้วย </html> เสมอ โดยการใช้งานคำสั่ง จะอยู่ในรูปแบบ

<html>

<head>

** คำสั่งในหัวข้อของ head เช่น **

<Title> ข้อความแถบ Title bar <Title>
</head>

<body>

** คำสั่งในหัวข้อของ body ซึ่งจะใช้เป็นตัวแสดงผล
ส่วนใหญ่จะเป็นการควบคุมการแสดงผลของข้อมูลด้านตัวอักษร รูปภาพ เสียง หรือไฟล์ในรูปแบบอื่นๆ เช่น **

<center> พาดหัว </center>
<hr> เข้าสู่เนื้อหา <br> บทที่ 1
</body>

</html>

เมื่อนำ Code ข้างต้นไปทดลองในโปรแกรม Dreamweaver จะได้ผลดังนี้

ซึ่งนอกจากจะใช้งานได้จากโปรแกรม Dreamweaver แล้ว ยังสามารถใช้งานคร่าวๆผ่านทาง Notepad โดยจะแสดงผลต้องเซฟนามสกุลไฟล์เป็น .html ได้อีกด้วย ศึกษาเพิ่มเติมได้ที่ ( Hellomyweb )

ท้ายชั่วโมง อาจารย์ได้ทิ้งท้ายการใช้งาน Dropbox ซึ่งสามารถใช้เก็บไฟล์งานและสามารถแชร์ให้เพื่อนได้ โดยทาง Dropbox จะให้พื้นที่ 2 GB สำหรับ Free user

ขั้นตอนการสมัครใช้งาน
สามารถโหลดโปรแกรมมาติดตั้งได้ที่หน้าเว็บ ( Dropbox )