ขั้นตอนการเขียน

ขั้นตอนการเขียนโปรแกรมด้วยภาษา HTML เบื้องต้น 

1.ก าหนดพื้นที่ที่จะใช้จัดเก็บเอกสารทั้งหมด 

1.1 สร้างโฟลเดอร์ (folder) ไว้ที่ Drive D: โดยตั้งชื่อเป็นชื่อของนักเรียน (เป็นภาษาอังกฤษ) เช่น 

D:/KruNingh 

1.2 ภายในโฟลเดอร์ KruNingh ให้สร้างโฟลเดอร์ย่อยที่ใช้ในการจัดเก็บภาพต่างๆ ที่จะน ามาแสดง

ในเว็บเพจ โดยตั้งชื่อว่า image เช่น D:/KruNingh/image 

2. เปิดโปรแกรม Notepad 

2 .1 คลิกที่ Start 

2.2 คลิกที่ Program 

2.3 คลิกที่ Accessories 

2.4 คลิกที่ Notepad 

3.พิมพ์ค าสั่งภาษา HTML 

 เมื่อเปิดโปรแกรม Notepad แล้วให้พิมพ์คำสั่งต่างๆ

4. บันทึกเอกสาร HTML 

4.1 หลังจากพิมพ์ข้อมูลต่างๆ เสร็จ ให้จัดเก็บข้อมูลโดยคลิกที่เมนู File แล้วเลือก save 

4.2 ในการจัดเก็บครั้งแรก โปรแกรมจะขึ้นกรอบมาให้ตั้งชื่อให้กับเอกสาร ดังตัวอย่างในภาพ 

 ให้เลือกเก็บข้อมูลดังต่อไปนี้ 

- ข้อมูลในช่อง Save in : ให้เลือกไปที่โฟลเดอร์ที่เราสร้างไว้ในตอนแรก 

- ข้อมูลในช่อง File name: ให้ตั้งชื่อว่า test.html 

- ข้อมูลในช่อง Save as type : ให้เลือกเป็น All Files 

- จากนั้นให้คลิกที่ปุ่ม Save 

5. เรียกดูผลลัพธ์ที่เว็บบราวเซอร์ 

5.1 เปิดโปรแกรม Internet Explorer 

5.2 คลิกที่เมนู File เลือก Open 

5.3 จากข้อ 5.2 จะปรากฏหน้าจอดังภาพด้านล่าง ให้คลิกที่ปุ่ม Browse... 

5.4 จากข้อ 5.3 จะปรากฏหน้าจอดังภาพด้านล่าง ให้ท าการเลือกเปิดเอกสารที่ได้ท าการ save เอาไว้

ในข้อ 4 (test.htm) 

- เลือกไฟล์ HTML ที่เก็บไว้ในช่อง Look in: 

- ในช่อง Files of type: เลือกเป็นแบบ All Files ถึงจะมองเห็นเอกสารที่เป็น HTML 

- คลิกเลือกชื่อไฟล์เอกสารที่ต้องการเปิด 

- คลิกปุ่ม Open จะปรากฏผลดังนี้ 

- คลิกที่ปุ่ม O.K. เครื่องคอมพิวเตอร์จะท าการเรียกโปรแกรมเว็บบราวเซอร์ขึ้นมาพร้อมทั้งแสดง

ผลลัพธ์ของข้อมูลตามที่ต้องการ

ขอบคุณข้อมูลจาก : http://www.saensuk.ac.th/html/k1.pdf