Video: Как создать сайт мечты #1 - Adobe Dreamweaver CC (SMGroup) (Kasım 2024)
Adobe, Dreamweaver uygulamasını abonelik tabanlı Creative Cloud hizmetindeki en son enkarnasyonuna Dreamweaver CC olarak güncellerken defne üzerinde dinlenebilirdi. Adobe’nin Creative Suite 6’nın bir parçası olan Dreamweaver CS6’nın bir önceki enkarnasyonunda, Adobe’nin gelişmiş web sitesi editörü, günümüzün çok platformlu web sitelerini oluşturmak ve sürdürmek için bir araç olarak zaten çok az veya hiç ciddi bir rekabet yaşamamıştı. Örneğin, Dreamweaver CS6, web sayfalarını ekran boyutuna göre otomatik olarak yeniden şekillendirmek için CSS kullanan, kullanıma hazır "akışkan ızgara" Web düzenleri sundu ve telefonlarla, tabletlerle ve masaüstlerinde karmaşık olmayan tek bir site kullanımı kolaylaştırıldı. CSS daha önce elle kodlama gerekli.
Yeni Dreamweaver CC, Bölümler ve Makaleler gibi HTML5 yapısal öğelerini destekleyerek akışkan ızgara özelliğini geliştirir. Ayrıca, gölgeler ve kavisli köşeler gibi CSS özelliklerini değiştirmek için etkileşimli bir grafik arayüzü kullanan yeni bir CSS Tasarımcısı olan eşit derecede çaba tasarrufu sağlayan bir araç ekler, bu nedenle sonuçları gerçek olarak görürken yalnızca karmaşık CSS kodunu değiştirmek için tıklatıp sürüklemeniz gerekir. saati. Tarayıcı bir sayfa yüklerken Adobe'nin sunucularından indirilen Web tabanlı yazı tipleri için tam destek, göz alıcı tasarımlar oluşturmayı kolaylaştırır. Ayrıca, Creative Cloud takımının geri kalanı gibi, Dreamweaver da basitleştirilmiş ve daha kolay özelleştirilebilir bir arayüze sahip ve hem Windows hem de OS X altında aynı şekilde çalışıyor.
Pro ve Yarı Pro
Dreamweaver, profesyonelce olmasanız bile - karşılayabileceğiniz takdirde - sahip olmaya değer profesyonel bir araçtır. İlk kez Dreamweaver kullanıcıları, varsayılan mizanpajdaki çok sayıda menü ve özellik panelinden korkutulabilir, ancak kısa sürede bunları, CSS öğeleri üzerindeki gelişmiş denetimlere hızlı erişim sağlamak için nasıl kullanacaklarını ya da bir web sayfası yazdırıldığında veya farklı boyut ekranlarında görüntülendiğinde görünecektir. Gelişmiş Web tasarımcıları, pop-up diyaloglar, tarih seçiciler, akordeon tarzı menüler ve mevcut UI etkilerinin güncel repertuarındaki her şey için kendi kodlarına göre JavaScript tabanlı UI widget'larının bir menüsünü tıklayabilir. Ancak daha az gelişmiş kullanıcılar bile, herhangi bir platformda iyi görünen esnek HTML5 uyumlu siteler oluşturabilir.
Dokuma Hayallerini Başlat
Boş bir sayfadan veya örnek bir düzenden başlayarak, şablonlar (düzenlenebilir ve düzenlenemeyen bölgeler içeren), multimedya (HTML5 veya Flash) ve standart HTML özellikleri gibi öğeler eklemek için Ekle panelindeki öğelere tıklayın. Varsayılan ekran, bir kod bölmesine ve bir WYSIWYG tasarım bölmesine ayrılmıştır, ancak video gibi ortam içeriğini veya bir veritabanında sunulacak içerik gibi ortam içeriğini görüntülemek için tasarım bölmesini "Canlı" hale getirebilirsiniz. sayfa bir tarayıcıda görünür. Dreamweaver'a hayran olduğum tek şey, Adobe'nin HTML5 video gibi açık standartlar üzerindeki Flash gibi tescilli teknolojilerini desteklemediği, ancak her ikisine de eşit destek sağladığı ve hatta yerleşik teknolojiden daha iyi görünümlü ve daha kullanışlı bir HTML5 video oynatıcısı sağlamasıdır. Flash player.
Dreamweaver'ın akışkan ızgara özelliği olan bir sayfa oluşturduğunuzda, uygulama ilk önce Dreamweaver'da görünür durumda olan, ancak sayfa bir tarayıcıda göründüğünde dikey sütunların bulunduğu bir sayfa içeren bir sayfa oluşturur. Varsayılan olarak, telefonlar için tasarlanmış bir sayfa bu görünmez sütunların dördüne uyar. Aynı sayfa bir tablette görüntülendiğinde, bir masaüstünde görüntülendiğinde sekiz sütunu ve on iki sütunu doldurur.
Dreamweaver'ın düzenleme penceresinde ekran boyutları arasında geçiş yaptığınızda, sitenizin içeriği, belirli ekran türü için belirlediğiniz genişliğe uyacak şekilde kendini yeniden düzenler ve şekli, boyutu ve diğer özellikleri ayarlamak için CSS Tasarımcısı panelini kullanabilirsiniz. farklı ekran boyutlarına uyacak şekilde tek tek elemanların.