Embedded Files
-----------------------------------------------------------------------------------------------------------------------------------------
ในที่นี้ครูเลือกใช้โปรแกรมที่แถมมากับระบบปฎิบัติการ คือ โปรแกรม Note Pad
วิธีการใช้งานโปรแกรม notepad
1. การสร้างเอกสาร
1. การเรียกใช้งานโปรแกรม Notepad สามารถทำได้ดังนี้
- คลิกที่ Start > เลือก Programs > เลือก Accessories > เลือก Notepad
2. จะได้โปรแกรม Notepad สำหรับเขียนเว็บเพจ ดังนี้
3. ก่อนที่จะเริ่มเขียนชุดคำสั่ง ควรทำการกำหนดค่าตัวอักษรเสียก่อน โดยไปที่ Format เลือก Font จะได้ดังภาพ
แล้วทำการปรับ รูปแบบฟอนต์ และขนาดตัวอักษรให้เหมาะสมในการใช้งาน แล้วกดปุ่ม OK
4. แล้วทำการพิมพ์ชุดคำสั่งตามภาพด้านล่าง
- <html>
- <head>
- <title> การใช้งานโปรแกรมnotepad </title>
- </head>
- <body>
- ส่วนแสดงเนื้อหา
- </body>
- </html>
- 2. การบันทึกเอกสาร
- เมื่อสร้างเอกสารเสร็จแล้ว จะต้องบันทึกเป็นเอกสาร html โดยบันทึกเป็นนามสกุล .html หรือ .htm ดังนี้
- 1. คลิก เมนู File เลือก Save As
- 2. ตั้งชื่อไฟล์ (อย่าลืมต้องใส่นามสกุลไฟล์ด้วย .html หรือ .htm)
- 3. Encoding เลือกเป็น UTF-8 เพื่อแสดงผลเป็นภาษาไทยบนเว็บเบราเซอร์
- 3. การเปิดไฟล์ ด้วย โปรแกรมเว็บเบราเซอร์
- หลังจากที่เราบันทึกเอกสารเรียบร้อยแล้ว ให้เราดับเบิ้ลคลิกที่ไฟล์เว็บเพจที่เราสร้าง หรือทำการ
คลิกขวา >เลือกคำสั่ง Open With > เลือกเปิดผ่านเบราเซอร์ที่ต้องการ กรณีที่มีเว็บเบราเซอร์ในเครื่องคอมพิวเตอร์ มากกว่าหนึ่งตัว
- ผลลัพธ์ที่ได้ คือ ไฟล์ที่เราบันทึกไว้จะถูกเปิดผ่านโปรแกรมเว็บเบราเซอร์ที่เราเลือก ดังรูป
- หากพบว่า เนื้อหาที่เราเขียนในเว็บเพจไม่สามารถแสดงผลเป็นภาษาไทยเหมือนที่ต้องการ ทำให้เราไม่สามารถ
- อ่านข้อมูลได้ ดังรูป
- สามารถแก้ไขได้ดังนี้
- - กรณีเปิดผ่าน Internet Exproler
- คลิ้กที่เมนู View --> Encoding --> Unicode(UTF-8)
- - กรณีเปิดผ่าน Google Chome
- คลิ้กที่ปุ่มCustomize and control Google Chrome อยู่ด้านขวาบน แถบเดียวกับช่อง URL- -->More tools --> Unicode(UTF-8)
- - กรณีเปิดผ่าน Frifox
- 1. คลิกขวา ตรงบริเวณ แท็บเปล่าที่อยู่ด้านบนของช่อง URL เลือก Menu Bar
- 2. ไปที่ View- -->Text Encoding --> Unicode
- หากต้องการแก้ไขเว็บเพจ ให้กลับไปแก้ไขไฟล์ที่อยู่ใน โปรแกรม notepad แล้วทำการแก้ไข แล้วบันทึกไฟล์(save) ทำการเปิดบราวเซอร์อีกครั้ง หรือกรณีที่ยังไม่ปิดเว็บเบราเซอร์ให้ กดปุ่ม refresh หรือ F5 ที่คีย์บอร์ด เพื่อโหลดหน้าเว็บใหม่
- 4. แสดงชุดคำสั่งภาษา HTML ผ่านทางหน้าเว็บเพจ
- กรณีที่เราต้องการอยากจะดูซอสโค๊ต ชุดคำสั่งเพื่อตรวจทานความถูกต้องโดยไม่ต้องกลับไปดูที่ โปรแกรมNotepad
- เราสามารถดู ชุคคำสั่ง html ผ่านทางหน้าเว็บเพจบน เว็บเบราเซอร์Internet Explorer ได้ ดังนี้ เลือก view ที่ menu bar >> เลือก
- source หรือ คลิกขวา เลือกคำสั่ง View Source ดังภาพ
Report abuse