ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน



        4.3  ขั้นตอนในการสร้างและทดสอบไฟล์เอกสาร HTML


               1.  สร้างโฟลเดอร์สำหรับจัดเก็บไฟล์ HTML ที่เราจะสร้างขึ้น เช่น D:/HTML 
               2.  เปิดใช้โปรแกรมเท็กซ์เออดิเตอร์ โดยใช้โปรแกรม Notepad
                    คลิกปุ่ม Start > All Programs> Accessories  แล้วคลิกเลือก Notepad


               3.  พิมพ์คำสั่งต่างๆ ในภาษา HTML เพื่อสร้างเว็บเพจ ที่ต้องการ เช่น

<!DOCTYPE html>
<html>
<head>
<title> welcome </title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first Paragraph.</p>

</body>
</html>


 

              4.  บันทึกไฟล์เก็บไว้ เลือกคำสั่ง File > Save as  เลือกไดร์ฟและโฟลเดอร์ที่จะใช้จัดเก็บ
พิมพ์ชื่อไฟล์ที่ต้องการแล้วตามด้วย .html  แล้วคลิกปุ่ม Save

              5.  เข้าสู่โปรแกรมเว็บเบราว์เซอร์ ในที่นี้จะใช้ Internet Explorer

              6.  เรียกใช้ไฟล์เอกสาร HTML จากเว็บเบราว์เซอร์ ด้วยคำสั่ง File > Open คลิกปุ่ม Browse เพื่อเลือกไฟล์
HTML ที่ต้องการ แล้วเลือกปุ่ม OK



ผลที่ได้ของเอกสาร HTML บนเว็บเบราว์เซอร์


              7.  หากผลที่ได้ไม่เป็นไปตามที่คิด ให้กลับไปทำการแก้ไขข้อความเอกสาร HTML ในขั้นตอนที่ 3 

         หมายเหตุ รูปแบบคำสั่งและข้อความที่กำหนดในไฟล์ HTML จะใช้อักษรตัวพิมพ์เล็กหรืออักษรตัวพิมพ์ใหญ่ก็ได้