Dreamweaver Kullanımı hk. (resimli)

Hazangülü

Forum Onuru
Katılım
7 Hzr 2006
Mesajlar
10,280
Beğeniler
127
#1
Dreamweaver:
Kod yazmadan Web sayfası tasarımı yapabilen program.
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.

Dreamweaver ekranını tanıyalım

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.

Properties Paneli

Sayfa Özelliklerinin Ayarları
1- Sayfa Başlığı
2- Tabana resim koymak için
3- Tabana 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.



[!--google_ad_client = "pub-2486684039900160";google_ad_width = 728;google_ad_height = 90;google_ad_format = "728x90_as";google_ad_type = "text_image";google_ad_channel = "";google_color_border = "FFFFFF";google_color_bg = "FFFFFF";google_color_link = "000033";google_color_text = "0066CC";google_color_url = "0066CC";//--]​


delete


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 paneli ni 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.

Diğer resim ve hareket uzantı karşılaştırması
( * ] Diğerlerini bu uzantılara karşılaştırarak alınacaktır
Yani : 1 mb BMP uzantı --- 70 kb GIF e eşittir.
 

Hazangülü

Forum Onuru
Katılım
7 Hzr 2006
Mesajlar
10,280
Beğeniler
127
#2
ROLLOVER RESİMLER

Rollover:
Dreamweaver da 2 tane resim ister . birincisi sayfa yüklendiğinde görülecek olan resim. Diğeri ise mouse üzerine geldiği zamanki resimdir
Rollover image girmek için
" Insert ] Rollover image
" Object Panelinden"
Buralardan birinden girdikten sonra çıkan tabloda ayarları yapabilirsiniz
1- Resim ismi
2- Görülecek ilk Resim
3- Mouse üzerine geldiğinde görülecek resim
4- Tıklandığında gidecek olan Adres (link]

E- POSTA BAĞI EKLEMEK
Bu olay bir tazıya tıklanınca otomatik olarak bilgisayarda Outlook Express açılır ve mail adresiniz yerini alır.
INSERT ] E-mail LINK
Kısmına girdinizde karşınıza gelem tablodan ayarları yapabilirsiniz
1- Mail Ekranda görülecek olan yazı
2- adresiniz

YATAY ÇİZGİ

INSERT ] HORIZONTAL RULE
Sayfanın istediğimiz bir yerine sayfa boyunca yatay çizgi koyar.

TABLOLARLA ÇALIŞMAK

Tablolar, daha düzgün objeler yerleştirme (form araçları gibi] , raporlar sunmak için kullanılır.

INSERT ] TABLO
Tablo kısmına girdikten sonra tablo ile ilgili ayarları yapabilirsiniz
Ziyaretciler mesaj icerisindeki linkleri goremezler. Linkleri gorebilmek icin lutfen buraya tiklayarak kayit olunuz.
1- Tablo SATIR sayısı
2- Tablo SÜTUN sayısı
3- Tablo GENİŞLİĞİ
4- Tablo KALINLIĞI
5- Sütun Genişliği
6- Çerçeve boşluk ayarı
7- Ölçü birim ayarı
 

Hazangülü

Forum Onuru
Katılım
7 Hzr 2006
Mesajlar
10,280
Beğeniler
127
#3
CELL PADDİNG ve CELL SAPACİNG kısmının gösterimi

Tablo ekledikten sonra o tablo üzerinde daha sonra değişiklikler yapmak gerekirse Tablo yu seçin Properties Paneline geçiniz.
Bu properties panelinin alt kısmı tabloyu tek tıklayıp seçtiğiniz zaman çıkar. İçerisinde hücre olarak seçtiğinizde properties panelinin alt kısmı değişecektir
Seçtiğiniz 2 hücrenin birleştirilmiş görüntüsü



DEVAM edecek
 
Top