Dreamweaver'da-Layer-Oluşturma_emresupcinMerhaba arkadaşlar,

Bu makalemde çifte ders işleyeceğiz 🙂 Uzun bir aradan sonra dreamweaver derslerine yine başlamak istedim ve öncelikle dreamweaver’da yeni layer’ın nasıl oluştuğunu daha sonra ise resim üzerine nasıl yazı yazıldığını anlatacağım. Şunu belirtmek isterim ki hazırlayacağımız web sayfalarında pratik bizim için çok önemlidir ve yine işlerimizi tek program ile halledebilmekte avantajdır.

 

Resim üzerine yazıyı photoshop veya fireworks tarzı programlar ile gerçekleştirdiğimiz olmuştur. Dreamweaver’da ise bu özellik bilinmeye değer nitelikte. Dersimize yeni layer’ın nasıl oluşacağından başlayalım.

 

Layer ID: Layer in adı
L: Layerin soldan uzaklığı
T: Layerin üstten uzaklığı
W: Layerin genişliği
H : Layerin yüksekliği (T,W,L,H değerleri piksel(px), yüzde(%),santimetre(cm) şeklinde girilebilir)
Z-index: Layerin diğer layerlere göre gözükme sırası (En büyük z-indexli layer en üstte gözükür)
Bgimage: Layer içinde kullanılabilecek arkaplan resmi
Bgcolor: Layer içinde kullanılabilecek arkaplan rengi
Vis: Layerin görünme durumu. Normalde layerlar visible(görünür) değildir inherit tir.Eğer layeri görünmez yapmak istiyorsak hidden yapmalıyız.
Tag: Layeri HTML içinde span veya div tagı şeklinde seçer.
Overflow: Layere kaydırma çubuğu eklemek için. Scroll ile kaydırma çubuğu ekler. Auto duruma göre ekler. Hidden ise layer dışına taşan nesneleri göstermez.

Layerleri Window > Others > Layers penceresinden kontrol edebiliriz. Oluşturduğumuz layerleri göz işaretine tıklayarak görünür – görünmez yapabilir, z-index’ine göre sıralayabiliriz.

 


 

Sıra geldi resim üzerine nasıl yazı yazılacağına. Öncelikle dreamwaver’da açtığımız sayfamıza resmimizi ekliyoruz.

Insert > Image ( Ctrl + Alt + I ) yolunu izliyoruz. Resmimizi ekledikten sonra sıra geldi yeni bir layer eklemeye ve Şimdi yeni bir layer eklememiz gerekiyor.

Insert > Layout Objects > Layer yolunuz izliyoruz ve boyutlarını sayfaya eklediğimiz resme göre ayarlıyoruz. İstediğimiz yazıyı yazıyoruz ve işlemimizi bitiriyoruz.

 

Dreamwevaer'da-Resim-Üzerine-Yazı-Nasıl Yazılır_emresupcin

Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Php Kullanarak Hesap Makinesini Nasıl Yaparız?

Sonraki Yazı:Sosyal Ağ Hesaplarınızın Parolalarını Değiştirin!

YORUMLAR

Bu yazıya 1 yorum yapılmış.

  1. Yazar
    Bahadır

    Keşke çalışma dosyalarını da ekleseydiniz. Elinize sağlık güzel çalışma..

SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.