Notepad++ da Zen Coding özellikleri ve Çalışmama Sorunu – BilgeBank
Çarşamba , Mayıs 23 2018
Anasayfa / DERSLER / Web Tasarım Dersleri / Notepad++ da Zen Coding özellikleri ve Çalışmama Sorunu

Notepad++ da Zen Coding özellikleri ve Çalışmama Sorunu

Notepad++ da Zen Coding özelliği bize daha hızlı , daha pratik kod yazmamızı sağlar. Zen Coding eklentisi Notepad++ programımıza indirdiğimiz eklenti sayesinde dahil olur. Notepad++ programımıza kurmak için:

  • Notepad++ Programımızda üst alanda bulunan Eklentiler/ Plugin Manager/ Show Plugin Manager komutunu veriyoruz.
  • Açılan alanda Available kısmından aşağılarda olan Zen Coding eklentisini seçip install(Kur) komutunu veriyoruz.
  • Kurulum tamamlandığında Evet seçeneğini seçtiğimizde Notepad++ yeniden açılacak ve eklenti aktif olacaktır.

Ancak Zen Coding eklentisinde ki kısayol ctrl+alt+enter tuşları başka bir özellikte kayıtlı olduğu için çalışmayacaktır. bunun için Notepad++ programının üst menüsündeki  Ayarlar > Kısayol Düzenleyicisinde ki > komutunu vererek ctrl + alt + enter kısayolunu kullanan özelliği bulup kısayolunu başka bir tuş kombinasyonuna alıyoruz. Böylece ctrl + alt + enter kısayolu Zen Coding eklentisine kalmış oluyor.

Veya yine aynı şekilde Ayarlar > Kısayol Düzenleyicisindeki >  Plugin commands alanındaki Expand abbreviation alanını Ctrl + E Kombinasyonu yaparak kullanabilirsiniz.

Yinede olmadı diyorsanız eğer Buradan benim kullandığım tuş kombinasyonunu bilgisayarınıza indirip Notepad++ Programının kurulu olduğu C:\Program Files\Notepad++ Klasörüne kopyalayıp Ctrl + E Kısa Yollarıyla kullanabilirsiniz.

Notepad’i açın ve yukarıdaki Dosya (File) – Yeni (New) yolunu takip ederek yeni bir boş sayfa açın ve sayfanızı index.html olarak kaydedin. sayfaya  html:xt yazın ve CTRL+E  tuşlarına aynı anda basın temel html şablonu dosyanıza gelecektir.

Notepad++ da açmış olduğunuz herhangi bir etiketi Komut verdiğinizde  Zen Coding size aşağıdaki kodları hazırlar;

p : <p></p>

div#alan : <div id=”alan”></div>

div.alan : <div class=”alan”></div>

img : <img src=”” alt=””/>

Notepad++ da ul#menu>li*5>a Komut verdiğinizde  Zen Coding size aşağıdaki kodları hazırlar:

<ul id=”menu”>
<li><a href=””></a></li>
<li><a href=””></a></li>
<li><a href=””></a></li>
<li><a href=””></a></li>
<li><a href=””></a></li>
</ul>

gibi birçok işlemi Zen Coding eklentisi sayesinde kod yazma işinizi hızlandırabilirsiniz.

Hakkında BilgeBank

İlgili Makale

CSS3 Görseli

CSS3 Nedir? CSS3 İle Gelen Yenilikler Nelerdir?

Öncelikle CSS neydi onu hatırlayalım; CSS, HTML Kodlarımızdaki metin ve format etiketlerimize görsellikte zenginlik katmamızı …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi:
%d blogcu bunu beğendi: