Adobe Dreamweaver cs6 รีวิว & ให้คะแนน

Adobe Dreamweaver ($ 399.99; อัปเกรด $ 199.00, โดยตรง) ได้ครอบครองฟิลด์การแก้ไขเว็บเป็นเวลานานกว่าที่คนส่วนใหญ่จำได้ แต่ในช่วงไม่กี่ปีที่ผ่านมาดูเหมือนว่าพวกเขาจะเต็มใจที่จะรับชื่อเสียง . รุ่น Dreamweaver CS6 นั้นแตกต่างกัน เป็นการอัพเกรดที่จำเป็นสำหรับทุกคนที่ต้องการสร้างเว็บเพจหรือแอพที่ปรับอัตโนมัติเมื่อดูในเว็บเบราว์เซอร์บนโทรศัพท์หรือแท็บเล็ตหรือเบราว์เซอร์บนแล็ปท็อปหรือเดสก์ท็อป ในช่วงไม่กี่ปีที่ผ่านมาฉันใช้เวลาส่วนใหญ่ในการออกแบบเว็บใน Expression Web ที่สะอาดมีประสิทธิภาพและไม่เป็นสาธารณะ แต่ Dreamweaver CS6 เป็นตัวแก้ไขเว็บแรกที่สร้างขึ้นสำหรับยุคหลายแพลตฟอร์มพร้อมรองรับ HTML5 และ CSS3 เช่นเดียวกับส่วนที่เหลือของชุด CS6 Dreamweaver มีเป้าหมายสำหรับมืออาชีพที่ยินดีปีนโค้งการเรียนรู้ที่สูงชัน แต่แม้แต่ผู้เขียนโค้ดเป็นครั้งคราวสามารถใช้มันเพื่อสร้างเว็บไซต์ที่ดูน่าประทับใจ

มีอะไรใหม่

คุณสมบัติใหม่ที่ยิ่งใหญ่ใน Dreamweaver คือคุณสมบัติ อันดับแรกคือ "เค้าโครงกริดของของเหลว" ที่ให้คุณระบุได้อย่างชัดเจนว่าองค์ประกอบของหน้าจะถูกจัดเรียงอย่างไรเมื่อไซต์ของคุณปรากฏบนโทรศัพท์หน้าจอขนาดเล็กแท็บเล็ตขนาดกลางหรือเดสก์ท็อปเต็มหน้าจอ (อ่านรายละเอียดเพิ่มเติมเกี่ยวกับเรื่องนี้ต่อไป) ถัดไปคือการรองรับ PhoneGap Build ซึ่งเป็นแพลตฟอร์มโอเพ่นซอร์สที่ทำให้ง่ายต่อการสร้างแอพพลิเคชั่นบนเว็บเดียวที่ทำงานบนแพลตฟอร์มโทรศัพท์หลายแพลตฟอร์ม Dreamweaver ยังปรับปรุงการรวมกับ Query Mobile ซึ่งเป็นแพลตฟอร์มที่ใช้ JavaScript สำหรับการสร้างแอพโทรศัพท์และแท็บเล็ตที่ใช้เบราว์เซอร์ CSS Transitions ซึ่งเป็นคู่ของการเปลี่ยนแปลงบนเว็บในแอพการนำเสนอแบบดั้งเดิมได้รับการสนับสนุนผ่านทางอินเทอร์เฟซที่ใช้งานง่าย

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

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

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

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

บูรณาการแฟลช

Dreamweaver คาดการณ์ว่าจะรวมเข้ากับรูปแบบแฟลชของ Adobe อย่างแน่นหนา แต่ถ้าคุณพัฒนาสำหรับ iOS คุณจะไม่สามารถใช้ Flash ในแอพหรือเว็บเพจของคุณเว้นแต่ว่าคุณจะซื้อ Flash Media Server มูลค่า $ 4, 500 ของ Adobe เพื่อสตรีม Flash ในแบบที่ iOS อนุญาต Dreamweaver ให้ฉันวางวิดีโอ Flash ลงในเว็บเพจของฉันโดยไม่ต้องสะดุดและมีตัวเลือกเค้าโครงมากมาย แต่เมื่อฉันพยายามเพิ่มวิดีโอ HTML5 ในหน้าของฉันฉันต้องคิดเองว่าต้องดาวน์โหลดและติดตั้งวิดีโอ HTML5“ วิดเจ็ต” จากนั้นแก้ไขโค้ดของวิดเจ็ตด้วยมือ

อินเตอร์เฟซ

เช่นเดียวกับส่วนที่เหลือของอินเทอร์เฟซของ Creative Suite Dreamweaver ของ Adobe คือฟอเรสต์พาเนลและ "กลุ่มแท็บ" และแถบเครื่องมือที่ใช้เวลาในการทำความคุ้นเคย แตกต่างจากชุดที่เหลือซึ่งใช้อินเทอร์เฟซแบบกราฟิกเพื่อแก้ไขวัตถุกราฟิกเช่นภาพเคลื่อนไหวภาพถ่ายภาพประกอบและหน้าที่พิมพ์อินเทอร์เฟซแบบกราฟิกของ Dreamweaver เป็นชุดเครื่องมือสำหรับการแก้ไข HTML ดิบ CSS, JavaScript และรหัสข้อความอื่น ๆ . โดยส่วนใหญ่คุณสามารถใช้ปุ่มและเมนู GUI ของ Dreamweaver เพื่อแก้ไขรหัสพื้นฐาน แต่บางครั้งคุณก็ทำไม่ได้นั่นหมายความว่ามือของคุณสกปรกขณะแก้ไขรหัสโดยตรง นี่เป็นสิ่งที่ดีถ้าคุณรู้วิธีแก้ไขรหัสดิบน่าผิดหวังถ้าคุณไม่ทำ บางครั้งโดยเฉพาะอย่างยิ่งในขณะที่ทำงานกับคุณลักษณะตารางเค้าโครงของเหลวใหม่ฉันเลิกพยายามค้นหาเมนูหรือแถบเครื่องมือเพื่อปรับเปลี่ยนรายละเอียดเค้าโครงและต้องขุดผ่านรหัสดิบเพื่อทำการเปลี่ยนแปลง เห็นได้ชัดว่าฟีเจอร์ตารางเลย์เอาต์ของฟลูอิดกำลังดำเนินการอยู่และเวอร์ชันในอนาคตจะทำให้สิ่งนี้ง่ายขึ้น แต่คุณควรเตรียมพร้อมสำหรับความผิดหวังรุ่นแรกเล็กน้อยในระหว่างนี้

ความยืดหยุ่นสูง

สำหรับการแก้ไข HTML และ CSS พื้นฐานฉันยังคงชอบ Microsoft Expression Web 4 แต่ Expression Web ใช้งานได้กับ Windows เท่านั้นในขณะที่แอปของ Adobe ทำงานได้เหมือนกันมากบนเครื่อง Windows และ Mac นอกจากนี้ Dreamweaver CS6 ยังเป็นเครื่องมือสร้างเว็บไซต์แห่งแรกและแห่งเดียวที่ทำงานได้อย่างราบรื่นและมีความสามารถในโลกหลายแพลตฟอร์มใหม่ มันมีขอบที่ขรุขระ แต่ Adobe Dreamweaver CS6 ยังมีพลังและความยืดหยุ่นมากกว่าสิ่งอื่นในหมวดหมู่และสมควรได้รับตัวเลือกบรรณาธิการของเรา

รีวิวซอฟท์แวร์ภาพวิดีโอและกราฟิกเพิ่มเติม:

• Magix Movie Edit Pro Premium

•ลาสเวกัส Movie Studio Platinum

•องค์ประกอบ Adobe Premiere

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• มากกว่า