Graphic ComScience

เริ่มต้น Dreamweaver MX

 

การทำงานของ Dreamweaver MX

Dreamweaver ไดัรับการออกแบบมาบนสมมุติฐานที่จะเขียนโค้ดและทำงานโดยอัตโนมัติให้กับคุณ โดยที่คุณไม่จำเป็นต้องรู้จักภาษาหรือโค้ดที่ใช้กำหนดลักษณะต่างๆของเว็บเพจ โดยปกติเราก็จะทำงานในสภาวะแบบวิชวล (visual) ซึ่งโปรแกรมจะพยายามแสดงผลให้คล้ายกับในบราวเซอร์ จึงมีคุณสมบัติเหมือนกับ WYSIWYG (What You See Is What You Get) Editor แต่ที่จริงแล้ว Macromedia ไม่เคยใช้เรียกตัวเองว่าเป็น WYSIWYG Editor อย่าง FrontPage หรือ GoLive เลย ซึ่งความแตกต่างก็คือ Dreamweaver มีทางเลือกให้คุณทำงานกับโค้ดได้ด้วย และจะไม่แก้ไขหรือเปลี่ยนแปลงโค้ดให้เองโดยอัตโนมัติเหมือนโปรแกรมอื่น โดยคุณสามารถกำหนดให้ Dreamweaver จัดการกับโค้ดที่ไม่ถูกต้องได้ตามต้องการคือ ให้ทำการแก้ไขเองโดยอัตโนมัติ, ทำไฮไลท์ให้เห็น หรือห้ามทำการเปลี่ยนแปลงใดๆเลยก็ได้

คุณสามารถเลือกที่จะทำงานได้หลายรูปแบบ โดยเลือก Design View ถ้าต้องการทำงานในแบบวิชวล และเลือก Code View เพื่อทำงานหรือแก้ไขโค้ด นอกจากนั้นคุณยังอาจจะเลือกให้แสดงทั้ง Code View และ Design View เพื่อตรวจลักษณะทั้งสองพร้อมๆกันได้อีกด้วย

ขณะที่คุณพิมพ์ข้อความหรือใส่องค์ประกอบต่างๆลงในหน้าเว็บ Dreamweaver จะเขียนโค้ดให้กับคุณ เช่นเมื่อคุณกดปุ่ม Enter โปรแกรมก็จะใส่แท็ก <p> ให้ดังนี้ <p>&nbsp;</p> และเมื่อคุณเริ่มพิมพ์ข้อความ โปรแกรมก็จะแทรกข้อความของคุณในระหว่างแท็ก <p> นั้นได้ผลลัพธ์เป็น <p>my word</p> ในทำนองเดียวกัน เวลาที่คุณจะใส่สีให้กับองค์ประกอบ แทนที่คุณจะต้องพิมพ์รหัสสี 6 ตัวเข้าไปเอง โปรแกรมได้จัดเตรียมจานสีชุดต่างๆให้คุณเลือกใช้อย่างสะดวกโดยไม่ต้องรู้รหัสของสีนั้นๆ สิ่งเหล่านี้เป็นเพียงการทำงานขั้นพื้นฐานของ Dreamweaver ที่ช่วยให้คุณออกแบบหน้าเว็บได้อย่างสะดวก


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

ด้วยระบบ Behaviors ช่วยให้คุณสร้างลักษณะอินเตอร์แร็กทีฟได้อย่างรวดเร็ว เช่น Swap Image, Navigation Bar, Pop-Up Menu หรือ Validate Form โดยโปรแกรมจะเขียนโค้ด JavaScript ที่เหมาะสมให้เอง และเป็นสคริปท์ที่ใช้ได้กับบราวเซอร์ส่วนใหญ่ อย่างไม่มีปัญหาด้วย behavior

ด้วยความสามารถในการสร้างเว็บแอพพลิเคชั่น ที่เพิ่มเข้ามาใน Dreamweaver MX คุณสามารถสร้างเว็บแบบไดนามิกหรือเชื่อมต่อกับดาต้าเบส ผ่านอินเตอร์เฟสแบบกราฟิกที่คุ้นเคยของโปรแกรม Dreamweaver จะเขียนฟังชั่นก์และโค้ดที่จำเป็นให้กับคุณ และยังสามารถแสดงข้อมูลแบบไดนามิกได้ ภายในโปรแกรมทันที โดยไม่ต้องเปลี่ยนไปดูผลในบราวเซอร์เหมือนที่ผ่านมา

สำหรับผู้ที่ชอบเขียนโค้ดเอง Dreamweaver MX ได้มีการเพิ่มฟีเจอร์ Tag Completion และ Code Hints ช่วยให้คุณเขียนโค้ดได้รวดเร็วยิ่งขึ้น แทนที่จะใช้ text editor ทั่วๆไป

 

 

หน้าแรก | วัตถุประสงค์ | อาจารย์ผู้สอน | ลิงค์เว็บกราฟฟิกส์ | บทเรียนโปรแกรม | บทเรียนภาษา | WebMaster | ©2006 ComputerGraphic

Hosted by www.Geocities.ws

1