Dreamweaver kullanımı resimli ifade, nasıl kullanılır, neler yapılır

Etiketleranlatim , dreamweaver , dreamweaver dersleri , dreamweaver ile site yapmak , dreamweaver kullanimi resimli anlatim , dreamweaver nasil kullanabilirim , dreamweaver nasil kullanilir , kullanimi , macromedia dreamweaver 8 kullanimi ,macromedia dreamweaver kullanim , macromedia dreamweaver kullanimi , macromedia dreamweaver kullanma , macromedia dreamweaver nasil kullanilir , resimli , yeni dreamweaver kullanimi resimli anlatim

Dreamweaver: 
Kod yazmadan Web sayfası tasarımı yapabilen program.
Dreamweaver da kodsuz web tasarımının yanı sıra gene kod yazmadan JavaScript eklentileri, hususi butonlar, FTP vakasını yapma vakaları da mevcuttur.

Dreamweaver ekranını tanıyalım

Biçim 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 kıymet ayarları yapılır.

Dreamweaver da HTML kod alanını görmek için F10 tuşuna yada Window menüsünden Code Inspector dan gösterilebilir.

Properties Paneli
Bu açık oturum ayar paneli olduğunda her komutta özellikleri değişen bir paneldir. Bu paneli görmek için Ctrl+F3 yada Window menüsünden Properties kısmından çıkartabilirsiniz.

Biçim 2 : Properties Paneli

Sayfa Özelliklerinin Ayarları

1- Sayfa Başlığı
2- Tabana fotoğraf koymak için
3- Tabana bir tek renk atamak için
4- Sayfadaki yazı ve bağlantı renkleri
5- Sayfa marj (boşluk] ayarları
6- Tabana tra transparan fotoğraf koymak istediğinizde kullanılır

YAZIYLA ÇALIŞMAK

Yazınızı Dreamweaver düzgüsel word de yazar şeklinde yazabilirsiniz. Fakat boyutlarını, renklerini, bağlantı vermeyi properties penceresinden yada üst menüde bulunan TEXT menüsünden yapabiliriz.
Kolay ve acele olması açısından properties penceresinden anlatacağız

Yazı yazmaya başladığınızda properties paneli bu hale gelir.
Biçimlendirmek istediğiniz harfi yada kelimeyi seçiniz

ÖZEL KARAKTER EKLEMEK İÇİN
Klavyeden giremediğiniz hususi karakterle eklemek için
INSERT ] CHARACTERS kısmından ekleyebilirsiniz. Bunlarında boyut, renk şeklinde ayarlarını yapabilirsiniz.

MADDE İMLERİ YERLEŞTİRMEK
TEXT ] LIST ] ….. kısmından ekleyebilirsiniz.
Otomatikman yazdığımız yazının başına sırsı ile sayı yada 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

Fotoğraf yerleştirmek
Dreamweaver da sayfamıza iki yerden image (fotoğraf] çağırabiliriz.
” INSERT ] IMAGE


” Object panelinden
Çağırdığınız resme bağlantı atama şeklinde 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örmüş olacaksınız. Properties paneli ni inceleyelim

Fotoğraf adı ] Objeye isim vermek içim kullanılır
Boyutları ] Resmin Genişlik ( W ] ve Yükseklik ( H ] ayarları yapılır.
Fotoğraf Yeri ] Çağırdığını resmin diskinizde bulunmuş olduğu yeri gösterir.
Bağlantı ] Çağırdığınız resme bağlantı vermek
Hizalama ] Resmi sayfanıza hizalamak için kullanılır.
Alt yazı ] Mouse resmin üstüne vardığında çıkan yazı
Target ] Target ayarını yapmak için kullanılır.
Border ] Fotoğraf dış kalınlığı
Edit ] Resmi düzenlemek için
Reset size ] Boyutlarıyla oynadığınız resmin orijinal boyutuna getirir.
Fotoğraf kenar boşlukları ] Üstten ( V ] ve Sol taraftan ( H ] boşluk ayarlarını yapar.
Image Map ] Bu özellik bir fotoğraf üstünde 1 den fazla bağlantı vermek için kullanılır
Bağlantıları verdikten sonrasında mavi alanlar tarayıcıda (ie & nn & opera ] görünmez.
Map vakasını yaparken properties paneli değişecektir.

Bağlantı 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 : Süratli fotoğraf alışverişlerde kullanılır. 256 renk desteği vardır.
Not: Bir resimde ne kadar sıkıştırma olursa o denli bozulur.

Öteki fotoğraf ve hareket uzantı karşılaştırması
( * ] Diğerlerini bu uzantılara karşılaştırarak alınacaktır
Kısaca : 1 mb BMP uzantı — 70 kb GIF e eşittir.

Dreamweaver Kullanımı hk. (resimli)

ROLLOVER RESİMLER

Rollover:
Dreamweaver da 2 tane fotoğraf ister . birincisi sayfa yüklendiğinde görülecek olan fotoğraf. Diğeri ise mouse üstüne geldiği zamanki resimdir

Rollover image girmek için
” Insert ] Rollover image
” Object Panelinden Ziyaretciler ileti icerisindeki bağlantıları goremezler. Bağlantıları gorebilmek icin lutfen buraya tiklayarak kayit olunuz.
Buralardan birinden girdikten sonrasında çıkan tabloda ayarları yapabilirsiniz

1- Fotoğraf adı
2- Görülecek ilk Fotoğraf
3- Mouse üstüne vardığında görülecek fotoğraf
4- Tıklandığında gidecek olan Adres (bağlantı]

E- POSTA BAĞI EKLEMEK
Bu vaka bir tazıya tıklanınca otomatikman 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 süresince yatay çizgi koyar.

TABLOLARLA ÇALIŞMAK

Tablolar, daha muntazam objeler yerleştirme (biçim araçları şeklinde] , raporlar sunmak için kullanılır.

INSERT ] TABLO

Tablo kısmına girdikten sonrasında tablo ile ilgili ayarları yapabilirsiniz
Ziyaretciler ileti icerisindeki bağlantıları goremezler. Bağlantıları 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ı

Dreamweaver Kullanımı hk. (resimli)


CELL PADDİNG ve CELL SAPACİNG kısmının vizyonu

Tablo ilave ettikten sonra o tablo üstünde ondan sonra değişimler yapmak gerekirse Tablo yu seçin Properties Paneline geçiniz.

Bu properties panelinin alt kısmı tabloyu tek tıklayıp seçtiğiniz süre çı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ü

OKUDUYSANIZ yada IZLEDIYSENIZ PAYLAŞIN LÜTFEN HERKES OKUSUN ve IZLESIN.

Bir Cevap Yazın

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

CLOSE
CLOSE