วีดีโอ: Как создать сайт мечты #1 - Adobe Dreamweaver CC (SMGroup) (ตุลาคม 2024)
Adobe อาจหยุดพักเมื่ออัปเดต Dreamweaver เป็นชาติล่าสุดในบริการ Creative Cloud ที่สมัครสมาชิกตาม Dreamweaver CC ในชาติก่อนหน้านี้ในฐานะ Dreamweaver CS6 ซึ่งเป็นส่วนหนึ่งของ Adobe Suite Suite 6 โปรแกรมแก้ไขเว็บไซต์ขั้นสูงของ Adobe นั้นมีการแข่งขันน้อยมากหรือไม่มีเลยในฐานะเครื่องมือสำหรับการสร้างและดูแลเว็บไซต์หลากหลายของทุกวันนี้ ตัวอย่างเช่น Dreamweaver CS6 นำเสนอเค้าโครงเว็บที่พร้อมใช้งานพร้อมใช้งานที่ใช้ CSS เพื่อปรับรูปร่างหน้าเว็บโดยอัตโนมัติตามขนาดหน้าจอทำให้ง่ายต่อการสร้างเว็บไซต์ที่ใช้งานครั้งเดียวกับโทรศัพท์แท็บเล็ตและเดสก์ท็อปโดยไม่ซับซ้อน ก่อนหน้านี้ต้องใช้การเข้ารหัสด้วยมือ CSS
Dreamweaver CC ใหม่ปรับปรุงฟีเจอร์กริดเหลวโดยการสนับสนุนองค์ประกอบโครงสร้าง HTML5 เช่นส่วนและบทความ นอกจากนี้ยังเพิ่มเครื่องมือที่ประหยัดความพยายามเท่ากันซึ่งเป็นตัวออกแบบ CSS ใหม่ที่ใช้อินเทอร์เฟซกราฟิกแบบโต้ตอบสำหรับการแก้ไขคุณสมบัติ CSS เช่นเงาและมุมโค้งดังนั้นคุณจะต้องคลิกและลากเพื่อแก้ไขโค้ด CSS ที่ซับซ้อนในขณะที่เห็นผลลัพธ์ เวลา. รองรับฟอนต์บนเว็บแบบเต็ม - ดาวน์โหลดจากเซิร์ฟเวอร์ของ Adobe ในขณะที่เบราว์เซอร์โหลดหน้าเว็บ - ทำให้ง่ายต่อการสร้างการออกแบบที่สะดุดตา นอกจากนี้เช่นเดียวกับชุดอื่น ๆ ของ Creative Cloud Dreamweaver ยังได้รับส่วนต่อประสานที่เรียบง่ายและปรับแต่งได้ง่ายขึ้นและทำงานได้เหมือนกันทั้งใน Windows และ OS X
Pro และ Semi-Pro
Dreamweaver เป็นเครื่องมือระดับมืออาชีพที่คุ้มค่าหากคุณสามารถซื้อได้แม้ว่าคุณจะไม่ใช่มืออาชีพก็ตาม ผู้ใช้ Dreamweaver ครั้งแรกอาจถูกคุกคามด้วยเมนูและพาเนลคุณสมบัติมากมายในเลย์เอาต์เริ่มต้น แต่ในไม่ช้ามันก็ชัดเจนว่าจะใช้สิ่งเหล่านี้อย่างไรเพื่อให้สามารถเข้าถึงการควบคุมขั้นสูงผ่านองค์ประกอบ CSS ได้อย่างรวดเร็ว หน้าเว็บจะดูเมื่อพิมพ์หรือเมื่อปรากฏบนหน้าจอขนาดต่าง ๆ นักออกแบบเว็บไซต์ขั้นสูงสามารถคลิกที่เมนูของวิดเจ็ต UI ที่ใช้ JavaScript เป็นรหัสของพวกเขาเพื่อสร้างกล่องโต้ตอบแบบผุดขึ้น, ตัวเลือกวันที่, เมนูสไตล์หีบเพลงและทุกอย่างอื่นในรายการผลกระทบ UI ปัจจุบัน แต่ผู้ใช้ขั้นสูงที่น้อยกว่าก็สามารถสร้างเว็บไซต์ที่สอดคล้องกับ HTML5 ที่ยืดหยุ่นซึ่งดูดีในทุกแพลตฟอร์ม
เริ่มทอฝัน
เริ่มจากหน้าว่างหรือเค้าโครงตัวอย่างคุณคลิกที่รายการในแผงแทรกเพื่อเพิ่มองค์ประกอบเช่นแม่แบบ (ด้วยพื้นที่ที่แก้ไขได้และแก้ไขไม่ได้), มัลติมีเดีย (HTML5 หรือ Flash) และคุณสมบัติ HTML มาตรฐาน หน้าจอเริ่มต้นจะแบ่งออกเป็นบานหน้าต่างรหัสและบานหน้าต่างการออกแบบ WYSIWYG แต่คุณสามารถเลือกอย่างใดอย่างหนึ่งหรืออื่น ๆ หรือทำให้บานหน้าต่างการออกแบบ "สด" เพื่อดูเนื้อหาสื่อเช่นวิดีโอหรือเนื้อหาที่จะให้บริการจากฐานข้อมูลเมื่อ หน้าจะปรากฏในเบราว์เซอร์ สิ่งหนึ่งที่ฉันชื่นชมเกี่ยวกับ Dreamweaver ก็คือมันไม่ชอบเทคโนโลยีที่เป็นกรรมสิทธิ์ของ Adobe เช่น Flash บนมาตรฐานเปิดเช่นวิดีโอ HTML5 แต่ให้การสนับสนุนที่เท่าเทียมกันสำหรับทั้งสอง - และให้เครื่องเล่นวิดีโอ HTML5 ที่ดูดีและใช้งานได้ดีกว่าในตัว โปรแกรมเล่นแฟลช
เมื่อคุณสร้างเพจที่มีฟีเจอร์กริดของดรีมวีฟเวอร์แอปจะสร้างเพจที่มีกริดของคอลัมน์แนวตั้งที่สามารถมองเห็นได้ใน Dreamweaver แต่จะไม่ปรากฏเมื่อเพจนั้นปรากฏในเบราว์เซอร์ ตามค่าเริ่มต้นหน้าเว็บที่ออกแบบมาสำหรับโทรศัพท์ควรมีคอลัมน์ที่มองไม่เห็นสี่คอลัมน์เหล่านี้ เมื่อหน้าเดียวกันแสดงบนแท็บเล็ตหน้านั้นจะเติมเต็มแปดคอลัมน์และสิบสองคอลัมน์เมื่อแสดงบนเครื่องเดสก์ท็อป
เมื่อคุณสลับขนาดหน้าจอในหน้าต่างแก้ไขของ Dreamweaver เนื้อหาของไซต์ของคุณจะจัดเรียงตัวเองใหม่ให้พอดีกับความกว้างที่คุณระบุสำหรับหน้าจอประเภทเฉพาะและคุณสามารถใช้พาเนล CSS Designer เพื่อปรับรูปร่างขนาดและคุณสมบัติอื่น ๆ ของแต่ละองค์ประกอบเพื่อให้เหมาะกับขนาดหน้าจอที่แตกต่างกัน
