Dreamweaver Anlatımı By: By.CeZa Date: July 10, 2008, 10:29:04 AM Dreamweaver: Kod yazmadan Web sayfası tasarımı yapabilen bir programdır Dreamweaver ‘da kodsuz web tasarımının yanı sıra yine kod yazmadan JavaScript eklentileri, özel butonlar, FTP olayını yapma olayları da mevcuttur.
Şekil 1 : Dreamweaver
Ana Görünüm Dreamweaver da görünüm ayarları
Izgara ( GRID ) görmek için VİEW > GRİD bölümünden 1- Izgaraların görünmesini 2- Izgaralara Kenetleme 3- Izgara ayarları yapılır Cetvel ( RULERS ) çıkartmak için Bu alanda Dreamweaver ın üstünde ve sol tarafında cetvel belirir. VİEW > RULERS bölümünden 1- Görünmesini 2- Orjin noktasını sıfırlama 3- Birim değer ayarları yapılır.
Dreamweaver da HTML kod alanını görmek için F10 tuşuna veya Window menüsünden Code Inspector dan gösterilebilir.
Properties Paneli Bu panel ayar paneli olduğunda her komutta özellikleri değişen bir paneldir. Bu paneli görmek için Ctrl+F3 veya Window menüsünden Properties kısmından çıkartabilirsiniz.
Şekil 2 : Properties Paneli
Sayfa Özelliklerinin Ayarları
1- Sayfa Başlığı 2- Taban’a resim koymak için 3- Taban’a sadece renk atamak için 4- Sayfadaki yazı ve link renkleri 5- Sayfa marj (boşluk) ayarları 6- Tabana tra transparan resim koymak istediğinizde kullanılır
YAZIYLA ÇALIŞMAK
Yazınızı Dreamweaver normal word de yazar gibi yazabilirsiniz. Fakat boyutlarını, renklerini, link vermeyi properties penceresinden veya üst menüde bulunan TEXT menüsünden yapabiliriz. Kolay ve çabuk olması açısından properties penceresinden anlatacağız.
Yazı yazmaya başladığınızda properties paneli bu hale gelir. Biçimlendirmek istediğiniz harfi veya kelimeyi seçiniz
ÖZEL KARAKTER EKLEMEK İÇİN
Klavyeden giremediğiniz özel karakterle eklemek için INSERT > CHARACTERS kısmından ekleyebilirsiniz. Bunlarında boyut, renk gibi ayarlarını yapabilirsiniz.
MADDE İMLERİ YERLEŞTİRMEK
TEXT > LIST > ..... kısmından ekleyebilirsiniz. Otomatik olarak yazdığımız yazının başına sırsı ile rakam veya madde imleri koyar.
BUL ve DEĞİŞTİR
Dreamweaver da bir kelimeyi başka kelimeye dönüştürmek istiyorsanız. EDIT > FIND AND REPLACE kısmından yapabilirsiniz.
RESİMLERLE ÇALIŞMAK
Resim yerleştirmek Dreamweaver da sayfamıza iki yerden image (resim) çağırabiliriz. • INSERT > IMAGE • Object panelinden
Çağırdığınız resme link atama gibi ayarları kolaylıkla yapabiliriz. Çağırdığınız resmi seçin (üzerini 1 kez tıklayın ) ve properties panelinin değiştiğini göreceksiniz. Properties panelini inceleyelim.
Resim ismi > Objeye isim vermek içim kullanılır Boyutları > Resmin Genişlik ( W ) ve Yükseklik ( H ) ayarları yapılır. Resim Yeri > Çağırdığını resmin diskinizde bulunduğu yeri gösterir. Link > Çağırdığınız resme link vermek Hizalama > Resmi sayfanıza hizalamak için kullanılır. Alt yazı > Mouse resmin üzerine geldiğinde çıkan yazı
Target > Target ayarını yapmak için kullanılır. Border > Resim dış kalınlığı Edit > Resmi düzenlemek için Reset size > Boyutlarıyla oynadığınız resmin orijinal boyutuna getirir. Resim kenar boşlukları > Üstten ( V ) ve Sol taraftan ( H ) boşluk ayarlarını yapar. Image Map > Bu özellik bir resim üzerinde 1 den fazla link vermek için kullanılır
Linkleri verdikten sonra mavi alanlar tarayıcıda (ie & nn & opera ) görünmez. Map olayını yaparken properties paneli değişecektir.
Link vermek Target ayarı Alt yazı ekleme yapılır. JPEG & GIF : Farkı nedir? Jpeg: sayısallaştırılmış renkli fotoğraflar için tasarlanmıştır. Milyonlarca renk desteği vardır. Gif : Hızlı resim alışverişlerde kullanılır. 256 renk desteği vardır. Not: Bir resimde ne kadar sıkıştırma olursa o kadar bozulur.Ynt: Dreamweaver Anlatımı By: FeMoX Date: July 25, 2008, 08:49:32 AM Saol Bilgiler İçin..