การนำ Code ภาษา HTML/JavaScript แทรกลงใน Web Page [Article ID : 17]

HTML/JavaScript เป็นภาษาที่ใช้ในการพัฒนาเว็บไซต์ ซึ่งเมื่อเราได้โค้ดเหล่านี้มาแล้ว หากต้องการนำมาใช้กับหน้าเว็บ สามารถกระทำได้ ดังนี้

1. ทำการ Copy โค้ดจากผู้ให้บริการ ดังรูป จากรูปเป็นการ Copy โค้ดจากเว็บ youtube.com เพื่อนำคลิปวีดีโอมาแสดงที่หน้าเว็บ

2. จากนั้นมาที่เว็บเพจที่เราต้องการนำโค้ดไปใช้ ซึ่งได้เปิดรอไว้แล้วกับโปรแกรม Dreamweaver
3. ที่หน้าเว็บเพจให้เราเลือกตำแหน่งที่ต้องการนำโค้ดไปวาง หรือตำแหน่งที่ต้องการให้โค้ดนั้นแสดงผล เมื่อเลือกได้แล้วนำเมาท์หรือ Cursor ไปวาง
4. จากนั้นทำการคลิกขวา (Right Click) เลือกที่ Insert HTML... ดังรูป 5. จะปรากฎช่องเป็น Popup เล็ก ๆ ที่ชื่อว่า Insert HTML: ขึ้นมาเพื่อให้พิมพ์โค้ดลงไป ให้เราลบโค้ดเริ่มต้นที่โปรแกรมแสดงขึ้นมา
(ลบ < >) ดังรูป 6. จากนั้นวาง (Paste) โค้ดที่เรา Copy มาจากข้อ 1 ลงไป ดังรูป 7. เมื่อวางโค้ดได้แล้ว ทำการกดที่ปุ่ม Enter ของคีย์บอร์ด หรือคลิกไปยังตำแหน่งอื่นที่หน้าเพจ โปรแกรมจะทำการแทรกโค้ดให้เรา ดังรูป ทั้งนี้การแสดงผลที่โปรแกรม Dreamweaver ของท่านอาจไม่เหมือนดังรูปข้างต้น ซึ่งขึ้นอยู่กับโค้ดที่นำมาวาง ว่าเป็นโค้ดอะไรแสดงผลอย่างไร

8. ทำการ Save และกด F12 เพื่อพรีวิวดูผลกับ Web Browser