การเริ่มต้นใช้

โปรแกรม Adobe Dreamweaver

1) ให้นักเรียนสร้าง Floder ใน Drive D

1.1 โดยคลิกขวาบนพื้นที่ว่าง แล้วเลือก New --> เลือก Folder

1.2 ตั้งชื่อ Folder เป็นชื่อตนเอง_ตามด้วยชื่อห้องเรียน เช่น Pitchaphon_3-2

2) เปิดโปรแกรม Dreamweaver

3) เลือก HTML

การสร้างตั้งค่า Site

4) เลือกเมนู Site --> New Site

5) ตั้งค่า Site

5.1 โดยเปลี่ยนชื่อ Site Name

5.2 หาโฟลเดอร์ ที่นักเรียนสร้างไว้ใน ไดร์ D

5.3 เสร็จแล้วกด Save

การสร้างตาราง (เพื่อกำหนดขอบเขตบนเว็บไซต์)

6) สร้างตารางโดยไปที่เมนู Insert --> เลือกTable

6.2) สร้างตารางโดยไปที่เมนู Insert --> เลือกTable (ตั้งค่าตามภาพแล้วกด OK)

6.3) กำหนดตำแหน่งตารางให้อยู่ตรงกลาง

6.4) สร้างตารางเพื่อแบ่งขอบเขตตรงกลาง (1 แถว 2 คอลัมภ์)

6.5) สร้างตารางเพื่อใส่ปุ่มกดด้านซ้าย ( 6 แถว 1 คอลัมภ์)

การใส่รูปภาพ

7) การใส่รูปภาพ

7.1 เปิดที่อยู่รูปภาพ

ลากรูปภาพไปใส่จุดที่ต้องการ

เลือกตามภาพด้านล่าง

วิธีการบันทึกไฟล์

8) เมนู File --> เลือก Save As

ตั้งชื่อ File name เป็น index.html