1. การใช้งานเบื้องต้น

เปิดโปรแกรม Dreamweaver 4 จะมีเห็นหน้าจอที่เข้าใจง่ายต่อการออกแบบและปรับเปลี่ยนได้ตามความถนัดของผู้ใช้ การออกแบบจะอยู่ในส่วนที่เรียกว่าหน้า DOCUMENT เมื่อเรานำมาเปิดที่ Browser ก็จะเห็นเหมือนกับที่เราออกแบบไว้ที่หน้า DOCUMENT ซึ่งเป็นการง่ายต่อการออกแบบ

แนะนำเครื่องมือที่สำคัญในการทำงาน

• Object palette : เป็นเครื่องมือที่มีความสำคัญมากใช้ในการ ดึงรูป สร้าง link ตาราง และอื่นๆ
• Properties inspector : เป็นเหมือนกับคุณสมบัติของ Object ที่เราเลือกเพราะ Properties จะเปลี่ยนตาม Object ที่เลือก
• Mini launcher : จะเน้นไปทางโครงสร้างของงานเช่น การดู Code html ดูโครงสร้างของ file

การใช้งาน

Object palette เรียกใช้งานโดยการเลือกที่ Window >Object palette หรือ กด F2 ภายในจะมีหัวข้อคำสั่ง 7 หัวข้อเลือกใช้ได้โดยคลิกที่ลูกจะมีคำสั่งให้เลือกดังภาพ

1. Characters เป็นการจัดเกี่ยวกับด้านสัญลักษณ์ต่างๆที่มีปัญหากับเวอร์ชั่นเก่าทำให้สามารถใช้งานได้ง่ายขึ้น
2. Common เป็นObject ที่ใช้งานมากที่สุดเป็นคำสั่งนำรูปภาพมาใช้ ตาราง และพวก Plung in ต่างๆ
3. Forms เป็นการสร้างแบบฟอร์ม เช็คบล๊อค
4. Frames เป็นคำสั่งการแบ่งหน้าจอออกเป็นส่วนๆสมัยก่อนนิยมใช้กันมาก
5. Head เป็นคำสั่งใช้ Link
6. Invisible เป็นการใช้คำสั่งด้านภาษา Script ต่างๆ
7. Special เป็นคำสั่งพิเศษสำหรับมืออาชีพ สำหรับระดับเบื้องต้นไม่จำเป็นต้องใช้

2. การสร้างงานเวบเพจ

ในที่นี้จะแนะนำการสร้าง File งานอย่างถูกต้องเป็นขั้นตอนและมีระบบเพื่อให้ง่ายต่อการทำงานและสามารถแก้ไขปรับปรุงได้ในอนาคต

1. ไปที่ Menu Bar เลือกที่ Site จะมีเมนูย่อยให้เลือกที่ New Site

• ช่อง Site Name ให้ทำการตั้งชื่อ Site
• ในช่อง Local Root Folder ให้เลือกสัญลักษณ์รูปซองเอกสารด้านขวาจากนั้นจะขึ้นวินโดว์ดังภาพ

• 
• ให้ Click ที่ลูกศรดังภาพจากนั้นให้เลือกที่ Desktop

• ให้เลือกที่ Create New Folder จากนั้นให้ตั้งชื่อตามที่ต้องการ
  แลัว Click ปุ่ม Open แล้ว Click ปุ่ม Select อีกครั้ง
  จากนั้นจะกลับเข้าสู่หน้า New Site อีกครั้ง และ Click ปุ่ม Ok ด้านล่าง
• หลังจาก Click ปุ่ม Ok แล้วจะกลับมาสู่หน้า Site ด้านซ้ายบนจะมีชื่อ Site Name
  ที่ได้ตั้งไว้ขึ้นมา และช่อง Local Folder จะมี Folder ที่ได้เลือกไว้เช่นกัน

• ขั้นตอนต่อไปเป็นการสร้าง File งาน การสร้าง File แรกจำเป็นต้องตั้งชื่อ File เป็น index.html เสมอเพราะ Browser จะอ่าน File index.html ก่อนเป็นอันดับแรกแต่ในช่อง URL จะไม่แสดง / index.html แต่จะแสดงเพียงชื่อ website เท่านั้นและหลังจากนั้นถึงจะ Link ไปยัง File งานอื่นซึ่งจะตั้งเป็นชื่ออะไรก็ได้
• การสร้าง New File โดยการ Click ที่ File > New File

• จากนั้นให้เปลี่ยนชื่อ เป็น index.html

• ให้ทดสอบโดยการ ดับเบิ้ล Click ที่ index.html ก็จะปรากฎหน้า Document ที่ชื่อ index.html ที่พร้อมสร้างงานได้ทันที

3. การตั้งค่าต่างๆ ที่จำเป็นต่อการสร้างงาน