หน่วยกิตที่4 สร้างสรรค์เว็บเพจด้วย Dreamwaever

โปรแกรม Macromedia Dreamweaver โปรแกรมสำหรับการสร้างเว็บเพจ บริหารจัดการเว็บไซต์ รวมไปถึงการพัฒนาเว็บแอปพลิเคชัน เนื่องจากตัว Dreamweaver มีความสามารถที่โดดเด่น ดังนี้ สามารถเขียนโปรแกรมสำหรับเว็บได้ทุกรูปแบบ เช่น ASP, ASP.Net, ColdFusion,JSP, PHP, XML, XHTML เมนูคำสั่งและเครื่องมือต่างๆ เรียกใช้งานได้ง่ายและสะดวกมีการปรับปรุงกลไกภายในให้มีประสิทธิภาพสูงขึ้น สามารถสร้างแอปพลิเคชันง่ายๆ โดยไม่จำเป็นต้องเขียนโปรแกรม สร้างเว็บเพจภาษาไทยได้ทันทีโดยไม่ต้องติดต้องโปรแกรมเสริมเพราะ Dreamweaver รอง

การเข้าสู่โปรแกรม Macromedia Dreamweaver
มีขั้นตอน คือ คลิกเลือก Start -> Program -> Macromedia -> Macromedia Dreamweaver 8 ในการเข้าสู่ระบบในครั้งแรกโปรแกรมจะถามรูปแบบการใช้งาน 2 รูปแบบ คือ
1. Designer หมายถึง การสร้างและออกแบบเว็บเพจโดยทั่วไป ส่วนมากนิยมเลือกรูปแบบนี้

2. Code หมายถึง วิธีการสร้างเว็บเพจที่เน้นการเขียนชุดคำสั่งเอง

เริ่มต้นการใช้งานโปรแกรม Dreamweaver MX

1. คลิกที่ปุ่ม start

2. เลื่อนเมาส์ไปที่ Program

3. เลื่อนเมาส์ไปที่คลิกเลือกเมนู Macromedia

4. เลื่อนเมาส์ไปที่คลิกเลือกคำสั่ง Macromedia Dreamweaver Mx เพื่อเรียกใช้โปรแกรม จะเห็นโปรแกรม ดังรูป

หน้าต่างเว็บเพจ (Document Window)

ส่วนของหน้าต่างการทำงานของ Dreamweaver MX สามารถเลือกหน้าต่างการทำงานได้ 3 รูปแบบ ดังนี้

Show Code View : เป็นหน้าต่างที่ให้แสดงเฉพาะโค้ด HTML ของหน้าเว็บเพจที่เรากำลังทำงานอยู่

Show Code and Design View : เป็นหน้าที่แสดงทั้งโค้ด HTML และหน้าเว็บเพจ ที่เรากำลังทำงานอยู่

Show Design View : ให้แสดงแต่หน้าเว็บเพจปกติไม่ต้องแสดงโค้ด HTMl

Live Data View
เป็นหน้าต่างที่ใช้ดูผลลัพธ์การนำข้อมูลจากฐานข้อมูลมาแสดงบนเว็บเพจ
การเซฟหน้าเว็บเพจ
หลักจากที่สร้างเว็บเพจได้ตามต้องการแล้ว ให้ทำการเซฟไฟล์ โดยมีคำสั่งที่เลือกใช้ได้ ดังนี้
File > Save เป็นการเซฟไฟล์ในชื่อเดิม
File > Save As เ ป็นการเซฟไฟล์ในชื่อใหม่
File > Save As Template เป็นการเซฟไฟล์เป็นเทมเพลต
File > Save All เป็นการเซฟไฟล์ทั้งหมดที่มีการเปลี่ยนแปลง