Video: สอนติดตั้งโปรแกรม Adobe Dreamweaver CS6 ถาวร (Kasım 2024)
Adobe Dreamweaver (399, 99 $; yükseltme 199, 00 $, doğrudan), çoğu insanın hatırlayabildiğinden daha uzun süre Web düzenleme alanına hükmediyor, ancak son birkaç yıl içinde saygınlığını aşmaya istekli görünüyordu; . Dreamweaver CS6 sürümü farklı. Bir telefonda veya tablette bir Web tarayıcısında veya bir dizüstü bilgisayarda veya masaüstünde bir tarayıcıda görüntülendiğinde otomatik olarak uyarlanan Web sayfaları veya uygulamaları oluşturmak isteyen herkes için önemli bir yükseltmedir. Geçtiğimiz birkaç yıl boyunca, Web tasarımımın çoğunu Microsoft'un temiz, verimli ve az yayınlanmış İfade Webinde yapıyorum, ancak Dreamweaver CS6, HTML5 ve CSS3 desteği için çok platformlu dönem için üretilmiş ilk Web editörüdür. CS6 paketinin geri kalanı gibi, Dreamweaver da dik öğrenme eğrisini tırmanmaya istekli profesyonelleri hedef alıyor, ancak ara sıra kodlayıcılar bile etkileyici görünümlü siteler oluşturmak için bunu kullanabilir.
Ne var ne yok?
Dreamweaver'daki en yeni özellikler bunlar. Birincisi, siteniz küçük ekranlı bir telefonda, orta büyüklükte bir tablette veya tam ekranlı bir masaüstünde görüntülendiğinde sayfa öğelerinin tam olarak nasıl düzenleneceğini belirlemenizi sağlayan “akışkan ızgara düzenleri” dir. (Bu konuda daha fazla bilgi için okumaya devam edin.) Next, birden fazla telefon platformunda çalışan tek bir Web tabanlı uygulama oluşturmayı kolaylaştıran açık kaynaklı bir platform olan PhoneGap Build için yerleşik bir destektir. Dreamweaver ayrıca tarayıcı tabanlı telefon ve tablet uygulamaları oluşturmak için JavaScript tabanlı bir platform olan Query Mobile ile entegrasyonunu da geliştirdi. Geleneksel sunum uygulamalarındaki Web tabanlı geçişlerin karşılığı olan CSS Geçişleri, artık oldukça sezgisel bir arayüzle desteklenmektedir.
Adobe, Dreamweaver'ın “Canlı” önizlemesinin kalitesini ve esnekliğini geliştirdi ve sayfanızın telefon, tablet ve masaüstü ekran boyutlarında nasıl görüneceğini gösteren “çoklu ekran” önizleme panelini geliştirdi. Adobe'nin çevrimiçi “tarayıcı laboratuarı”, sayfalarınızı eski tarayıcı platformlarında test etmenize olanak sağlar, ancak Microsoft'un karşılaştırılabilir SuperPreview özelliği test etmek için daha geniş eski ve yeni tarayıcılar seçeneği sunar.
Yıllardır istediğim ve Adobe'nin PR'sinde çok az bahsettiği bir başka Dreamweaver özelliği, web sunucunuza font yükleyebilmenizi sağlayan basit bir iletişim kutusuyla yerleşik Web font desteği; zahmetli el kodlaması ile bu her zaman mümkündü ama Dreamweaver bunu kolaylaştırıyor. Görmekten memnun olduğum diğer iyileştirmeler arasında, güvenli protokolleri tam olarak destekleyen tamamen yenilenmiş ve hızlı bir FTP modülü var. W3C Konsorsiyumu sayfa doğrulama aracı için yerleşik destek mevcut Web standartlarına tam uyumu garanti eder.
Dreamweaver'daki en çarpıcı yeni özellik, “akışkan ızgara düzenleri” desteğidir; bu, ekran boyutuna göre değişen görünmez bir temel ızgaraya göre düzenlenmiş sayfalar oluşturduğu anlamına gelir. Sayfadaki metin ve grafik öğeleri, sayfa bir telefonda, tablette veya masaüstünde görüntülendiğinde konumlarını otomatik olarak yeniden ayarlar. Bunu kullanmak için bir demo videosu izlemem gerekiyordu (Dreamweaver'ın açılış menüsünden erişilebilir), ancak bundan sonra kolaydı.
Telefon, tablet ve masaüstü: Üç ekran boyutunu hedefleyerek akışkan ızgara düzeni oluşturursunuz. Öncelikle sayfa öğelerini tek bir ekran boyutunda görünmelerini istediğiniz şekilde düzenleyin, her öğe görünmez arka plan kılavuzuna hizalanır. Daha sonra farklı bir ekran boyutuna geçmek için bir simgeye tıklayın ve elemanları ızgara üzerinde farklı şekilde düzenleyin. Bu nedenle, örneğin, bir telefon tüm sayfanızı en üstte açılır bir gezinti menüsü bulunan tek bir sütunda, bir tablet ise sayfanın bölümlerini en üstte geniş bir gezinti çubuğuyla üç sütunda görüntüler. Temel CSS, sayfayı görüntüleyen cihazın ekran boyutuna göre düzenler arasında otomatik olarak geçiş yapar. Çoklu ekran önizleme paneli, üç yerleşik ekran boyutundan herhangi birini veya tümünü değiştirmenize izin verir; böylece akışkan ızgarasının istediğiniz herhangi bir boyutta çalışmasını test edebilirsiniz.
Flash Entegrasyonu
Dreamweaver, tahmin edilebileceği gibi Adobe Flash formatıyla sıkı sıkıya bütünleşmiş durumda. Ancak, iOS için geliştiriyorsanız, Adobe'yi 4.500 $ Flash Media Server'ı iOS'un izin verdiği şekilde satın almak için uygulamalarınızda veya Web sayfalarınızda kullanamazsınız. Dreamweaver, Flash video'yu web sayfalarımda bir hıçkırık olmadan ve çok sayıda düzen seçeneği ile bırakmama izin verdi, ancak sayfama HTML5 video eklemeye çalıştığımda, HTML5 Video'yu indirmek ve yüklemek için ihtiyacım olduğunu kendim bulmak zorundaydım. widget'ı ”ve ardından widget'in kodunu elle değiştirin.
Arayüz
Adobe'nin Creative Suite uygulamasının geri kalan kısmı gibi Dreamweaver'ın arayüzü de bir paneller ormanı ve "sekme grupları" ve alışması zaman alan araç çubuklarıdır. Animasyon, fotoğraf, illüstrasyon ve yazdırılan sayfalar gibi grafik nesneleri düzenlemek için grafik arayüzü kullanan paketin geri kalanından farklı olarak, Dreamweaver'ın grafik arayüzü ham HTML, CSS, JavaScript ve diğer metin tabanlı kodları düzenlemek için bir dizi araçtan oluşur. . Çoğu zaman, temel kodu değiştirmek için Dreamweaver'ın GUI tabanlı düğmelerinden ve menülerinden birini kullanabilirsiniz, ancak bazen yapamazsınız ve bu doğrudan kodu düzenlerken ellerinizin kirlenmesini sağlar. Ham kodu nasıl düzenleyeceğinizi biliyorsanız, bu yapmazsanız sinir bozucu olur. Bazen, özellikle yeni sıvı düzen ızgarası özelliği ile çalışırken, düzen detayını değiştirmek için bir menü veya araç çubuğu bulmaya çalıştım ve değişikliği yapmak için ham kodu incelemeliydim. Akışkan yerleşim ızgarası özelliği açık bir şekilde devam etmekte olan bir çalışmadır ve gelecekteki sürümler bu tür işleri kolaylaştırır, ancak bu arada bazı küçük ilk sürüm sıkıntılarına hazırlıklı olmalısınız.
Aşırı Esneklik
Temel HTML ve CSS düzenlemeleri için hala Microsoft Expression Web 4'ü tercih etme eğilimindeyim, ancak Expression Web yalnızca Windows'da, Adobe'nin uygulamaları ise Windows ve Mac makinelerinde aşağı yukarı aynı şekilde çalışıyor. Ayrıca, Dreamweaver CS6 kuşkusuz, yeni çok platformlu dünyada sorunsuz ve yetenekli çalışan ilk ve tek Web geliştirme aracıdır. Zorlu kenarları var, ancak Adobe Dreamweaver CS6, kategorisindeki her şeyden daha fazla güce ve esnekliğe sahip ve Editörün Seçimini hak ediyor.
Fotoğraf, Video ve Grafik Yazılımı İncelemeleri:
• Magix Film Düzenleme Pro Premium
• Vegas Film Stüdyosu Platinum
• Adobe Premiere Elements
• Pinnacle Studio Ultimate
• Elmalı Nihai Kesim Pro X
• Daha