Dreamweaver เป็นเครื่องมือที่ทรงพลังเมื่ออยู่กับคนที่ใช้งานเป็น มันมาพร้อมกับฟีเจอร์มากมาย ที่จะช่วยสร้างเว็บในฝันของคุณ ซึ่งต้องขอบคุณระบบ IDE ที่ทำให้ชีวิตของพวกเราสะดวกขึ้นมาก โดยเฉพาะกับนักพัฒนาหน้าใหม่ การจะประสบความสำเร็จในการสร้างเว็บได้ต้องอาศัยประสบการณ์ ซึ่งมันไม่มีใครสอนให้คุณได้ แต่วันนี้เราจะมาสอนเรื่องที่ควรรู้เพื่อเอาไว้ใช้เก็บเกี่ยวประสบการณ์ได้เร็วยิ่งขึ้น รับรองว่าหลายสิ่งอย่างที่เราได้นำเอามาแนะนำให้เพื่อนๆในวันนี้ จะสามารถนำเอาไปใช้ได้จริงในปัจจุบันหรืออนาคตได้อย่างแน่นอน
ฟีเจอร์เด่นสำหรับมือใหม่ควรรู้
1.ใช้ฟีเจอร์ Live View เราทุกคนรู้อยู่แล้วว่าตัวโปรแกรมจะแสดงหน้าตาของเว็บไซต์ที่เราออกแบบได้อย่างเรียลไทม์ แต่ถ้าเป็นไดนามิกของเว็บไซต์ที่ทำจาก WordPress คุณจะทำอย่างไร ขั้นตอนแรกให้คุณเข้าไปตั้งค่าในโปรแกรมก่อน เพื่อบอกให้โปรแกรมรู้ว่าเราจะใช้ “มุมมองแบบไดนามิก” กดเข้าไปที่ View > Live View Options และตามด้วย HTTP Request Settings
จากนั้นป้อนพารามิเตอร์ GET หรือ POST ที่คุณต้องการดูให้ถูกต้อง จากนั้นเมื่อเปลี่ยนเป็น Live View ใน Dreamweaver มันจะแทนที่บานหน้าต่าง Design View เก่าด้วยการแสดงผล WebKit แบบพิกเซลที่สมบูรณ์แบบบนหน้าเว็บของคุณ ซึ่งคุณสามารถจะทำการแก้ไขได้ง่ายขึ้นเมื่อเทียบกับการทำงานในรูปแบบเก่า ที่เราต้องแก้ไขผ่านไอคอนที่เราก็ไม่รู้ว่ามันเป็นอะไร จนกว่าจะเปิดดูในในเว็บอีกที
2.เทคนิคในการใช้ Code Navigator สำหรับนักออกแบบมันเป็นเครื่องมือช่วยชีวิตสุดๆ เมื่อเราอยู่ในโหมด Live View ให้กด Alt+คลิก ไปที่ตำแหน่งที่คุณอยากจะรู้ เช่นรูปภาพหนึ่ง มันก็จะแสดงออกมาเป็นโค้ดที่ใช้เพื่อแสดงรูปภาพนั้นขึ้นมา ช่วยให้งานออกแบบแก้ไขสะดวกมากยิ่งขึ้น
3.ใช้งาน Freeze Java Script บางครั้งที่หน้าเว็บของเราไม่ถูกเรนเดอร์ หรือไม่ก็โหลดไม่ขึ้นเลยก็มี ยกตัวอย่างเช่นคุณอยากจะเปลี่ยนรูปแบบสไตล์ของคำแนะนำที่ทำงานบน JavaScript ในสมัยก่อนจะต้องนั่งค้นหาว่าเคยสร้างไว้ตรงไหน แต่สำหรับวันนี้เราแค่เปิดเว็บใน Live View พร้อมกับกด F6 เพื่อให้หยุดประมวลผล JavaScript ทั้งหมด ช่วยให้ระบุตำแหน่งโค้ดที่เราต้องการง่ายขึ้น
4.เพื่อนคู่ซี้ Live View กับ Live Code ทั้งสองทำงานสัมพันธ์กันในรูปแบบเรียลไทม์ เมื่อคุณไปที่ตำแหน่งใดก็ตามบนหน้าเว็บ Live Code ก็จะแสดงตำแหน่งโค้ดที่ใช้สร้างมันขึ้นมาในทันที
5.อย่าลืมตรวจสอบความเข้ากันได้ของเบราว์เซอร์ เว็บไซต์ที่ดีต้องเข้าแสดงผลได้ทุกเว็บเบราว์เซอร์ วิธีเช็คทำได้ง่ายๆด้วยเครื่องมือทดสอบของโปรแกรม อยู่ในแถบเดียวกับเมนูเลือกหน้าจอแสดงผล ทางด้านขวามือจะมีปุ่มชื่อว่า “Check Page” จะมีเมนูดรอปดาวน์ให้เลือก “Check Browser Compatibility” จากนั้นจะมีหน้าจอแสดงผลลัพธ์ พร้อมกับวิธีแก้ไขต่างๆ