วันพุธที่ 20 กุมภาพันธ์ พ.ศ. 2556



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

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

ไม่มีความคิดเห็น:

แสดงความคิดเห็น