Hancı Eğitim

elementinin boyutlarını CSS dosyanızda belirliyorsunuz ve bu DIV, sayfada görüntülenen bir kutuyu oluşturuyor. Kutunun enini ayarlamak için CSS dosyasındaki gerekli “width:” ifadesine tıklıyor ve istediğiniz değeri girebiliyorsunuz. Gelişmiş kontrollerin öne çıktığı nokta ise şu: DIV’inizin enini belirlerken rakamı elle yazabileceğiniz gibi, var olan rakamın üzerine fare ile gelerek CTRL tuşunu basılı tutup farenizin tekerleğiyle de boyutu ayarlayabiliyorsunuz. Bir taraftan boyutu değiştirirken diğer taraftan da sayfadaki sonucun nasıl olduğunu izlemek gerçekten çok etkileyici.

Tamamlama özelliği: CSS kodlarını düzenlemenize olanak sunan diğer yazılımlarda olduğu gibi Stylizer’da da otomatik tamamlama özelliği mevcut. Bir öğe için özellik atamak istediğinizde, siz özelliğin ilk birkaç harfini yazarken uyumlu olan seçenekler ekranın sağ alt kısmında görüntüleniyor. İsterseniz TAB tuşunu kullanarak ya da sağ alt kısımdan istediğiniz ifadeye tıklayarak işinizi hızlandırabiliyorsunuz.

Hizalama ve cetvel: Sayfalarınızdaki öğeleri büyütüp küçültmek ve hizalamak, Stylizer ile çok kolaylaşıyor. Öğelerin magrin ve padding tanımlamalarını birkaç tıklamayla değiştirebiliyorsunuz. Sayfanızdaki bazı öğelerin aynı yatay ya da dikey çizgide başlamasını sağlamakta kolaylık olması amacıyla Stylizer’a cetvel ve kılavuz çizgileri eklenmiş. Sayfanızın istediğiniz yerinden bir kılavuz çizgisi çekip, öğeleri buna göre hizalayabiliyorsunuz. Cetvel özelliği iste sayfanızda bulunan bir öğenin boyutlarını öğrenmek istediğinizde çok işe yarıyor. Bu da tasarım sürecinde işinizi kolaylaştırabilecek değerli bir özellik.

Dijital büyüteç: Stylizer’ın rakiplerini kıskandıracak en önemli özelliklerinden biri de büyüteci. Düzenlemekte olduğunuz sayfada bulunan bir öğeyi ayrıntılı şekilde incelemek istediğinizde kullanabileceğiniz bu araç, küçük alanlarda yapacağınız işlemleri ciddi şekilde kolaylaştırıyor. Büyüteç sayesinde sayfanızdaki öğelerdeki tek piksellik kayma ve bozulmaları bile görebilir ve düzeltebilirsiniz.

Renk seçimi: Sırada yine Stylizer’ın etkileyici bir özelliği var. Sayfanızın içindeki bir öğenin renk özelliklerini ayarlamak istediğinizde, Stylizer’ın müthiş renk seçicisi devreye giriyor.

Diyelim ki, sayfanızdaki bir bölümün arka plan rengini belirlemek ya da değiştirmek istiyorsunuz. Stylizer’da açık olan CSS dosyasında bu tanımlamayı seçili hale getirdiğinizde, ekranın sağ alt köşesinde bir renk paleti ve bir de monitör simgesi görüntüleniyor. İşte bu monitör simgesine tıkladıktan sonra ekranın istediğiniz bir yerinden herhangi bir rengi alarak kullanabiliyorsunuz. İstediğiniz rengi kolayca alabilmeniz için otomatik bir büyüteç de kullanıma sunulmuş. Bunun dışında isterseniz Windows’un Paint’inde olduğu gibi standart renk paletinden istediğiniz rengi seçebiliyorsunuz.

Stylizer ve Firebug

Daha önce de belirttiğimiz gibi Stylizer’ı kullanırken görüntüleyici olarak sisteminizde kurulu bulunan tarayıcılardan istediğiniz birini seçebiliyorsunuz. Özellikle yaptığınız işin farklı tarayıcılarda verdiği sonucu görebilmek açısından tek tıklamayla kullanılan tarayıcıyı değiştirebilmek çok verimli bir özellik.

Stylizer’ı tarayıcı olarak Firefox’u seçerek kullanırken ek avantajlar kazanıyorsunuz. Bunlardan ilki, “Stakeout” özelliği. Bu özellik yalnızca Firefox üzerinden çalışıyor ve aktif hale getirmeniz durumunda CSS dosyasında seçili halde olan tanımlamanın etkilediği öğe sol taraftaki sayfada kırmızı bir çerçeveyle işaretleniyor.

Sisteminizde kurulu bulunan Firefox üzerinde FireBug eklentisi bulunuyorsa ek bir avantajınız daha var. Bu durumda Stakeout özelliği gelişiyor ve CTRL tuşuyla birlikte istediğiniz sayfa elementine tıklayarak kolayca biçimlendirmeye başlayabiliyorsunuz.

FTP’den kolayca gönderin

Stylizer ile düzenlediğiniz CSS dosyalarınızı FTP üzerinden kolayca yayınlanmakta olan web sitenize ulaştırabiliyorsunuz. Dosyalarda gerekli düzenlemeleri yaptıktan sonra ekranın sağ üst bölümünde bulunan “Save” düğmesine tıkladığınızda Stylizer FTP bilgilerinizi soruyor. Bu özellik web tasarımcılarının işini çok kolaylaştırdığından varsayılan olarak belirlenmiş. Burada yalnızca bir kez FTP bilgilerinizi girdikten sonra yaptığınız değişiklikleri “Save” düğmesine tek tıklamayla sitenize gönderebiliyorsunuz. Elbette ki, düzenlediğiniz CSS dosyasını o an web sitenize göndermek yerine bilgisayarınıza kaydetmek de isteyebilirsiniz. Bu tür durumlar için CSS dosyalarını masaüstüne kaydetme seçeneğiniz de bulunuyor. Save diyalogunda FTP bilgilerini girmek yerine Stylizer’a dosyanın kaydedileceği disk konumunu da belirtebilirsiniz.