Kategori : Dreamweaver için Zen Coding Eklentisi Kurulumu, Kullanımı

Zen Coding eklentisi Dreamweaver ve Notepad++ gibi kodlama programlarında Webmasterlara büyük kolaylık sağlıyor. Eklentinin kullanımı çok basittir. Aşağıda detaylı anlatımı yaptım. Bu eklentiyi istediğiniz programa kurun. Önce size biraz zor gelebilir. Ama alıştıktan sonra bırakamayacaksınız. Zen Coding, çok küçük boyutludur Kullandığınız programda yavaşlama göstermez. Eklentiyi buradan indirip birde yorum atan arkadaşlara teşekkür ediyorum. İyi kullanmalar...

Kurulumu

Aşağıdaki linkten Zen Coding'i indirin. Dosyaya çift tıklayın. Adobe Extension Manager açılacaktır. Eklentiyi oradan kolayca kurabilirsiniz. Not: Bilgisayarınızda Adobe Dreamweaver(CS3, CS4, CS5, CS6) yoksa bu eklenti çalışmaz.

Kullanımı

  • Class ve Id oluşturma: Örneğin DreamweaverCode bölümünde bir adında bir class oluşturmak istiyorsunuz. Bunu çok kolay yapabilirsiniz. Önce yine Code ekranındayken '.deneme' yazıp [CTRL]+[,](bu Windows içindir.) klavye kısayolunu kullanarak kolayca oluşturabilirsiniz. Id içinde .deneme'nin başınadaki noktayı silip # koyabilirsiniz.

  • Çoklu HTML oluşturma: Bir menü yaparken olmazsa olmazı li, ul, a etiketleridir. Bunları yazmak uzun zaman alabilir. Bunu bu eklenti ile kısaca yapabilirsiniz. Code ekranındayken ul>li*5>a gibi bir kod girip ul'un içinde li, li'den 5 tane oluşturup her birine a ekleyecektir. Kod olarak aşağıda görebilirsiniz.

  • Script, Style veya Textarea oluşturma: Bir script, style veya textarea oluşturmak için script, style veya textarea yazıp klavye kısayolumuza basmalıyız. Birini yazıp bastığımızda aşağıdaki kodlardan biri çıkacaktır.

    • Buna benzer olarak link, input, span gibi etiketleri yapabilirsiniz.

    İndir

    zen coding nasıl yüklenir, zen coding eklentisi, dreamweaver zen coding