Zen Coding eklentisi Dreamweaver ve Notepad++ gibi kodlama programlarında webmasterlara büyük kolaylık sağlıyor. Eklentinin kullanımı çok basit. Aşağıda detaylı anlatımı mevcut. 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.
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 Code bölümünde bir
<div class="ozgurgorgulu"></div>adında bir class oluşturmak istiyorsunuz. Bunu çok kolay yapabilirsiniz. Önce yine Code ekranındayken.denemeyazıp [CTRL]+[,] 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. Oluşan kodu 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ısayoluna basmalısınız. Birini yazıp bastığımızda aşağıdaki kodlardan biri çıkacaktır. Aşağıdaki kodlardan biri çıkacaktır.
<script type="text/javascript"></script><style type="text/css"></style><textarea name="" id="" cols="30" rows="10"></textarea>Buna benzer olarak link, input, span gibi etiketleri yapabilirsiniz.
0 yorum:
Yorum Gönder