1. * 5651 Sayılı Kanun'a göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur.
    * Telif hakkına konu olan eserlerin yasal olmayan şekilde paylaşıldığını ve yasal haklarının çiğnendiğini düşünen hak sahiplerinin İLETİŞİM bölümünden bize ulaşmaları durumunda ilgili şikayet incelenip gereği 1 (bir) hafta içinde gereği yapılacaktır.
    E-posta adresimiz

Dreamweaver Kullanımı hk. (resimli)

Konusu 'Resimli Program Anlatımı' forumundadır ve Hazangülü tarafından 20 Eylül 2009 başlatılmıştır.

  1. Hazangülü

    Hazangülü Forum Onuru

    Katılım:
    7 Haziran 2006
    Mesajlar:
    9.885
    Beğenileri:
    117
    Ödül Puanları:
    4.480
    Banka:
    991 ÇTL
    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
    [​IMG]
    Ş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.
    [​IMG]
    Şekil 2 : Properties Paneli

    Sayfa Özelliklerinin Ayarları
    [​IMG]
    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

    [​IMG]

    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

    [​IMG]
    " 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
    [​IMG]
    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.
    [​IMG]
     
  2. Hazangülü

    Hazangülü Forum Onuru

    Katılım:
    7 Haziran 2006
    Mesajlar:
    9.885
    Beğenileri:
    117
    Ödül Puanları:
    4.480
    Banka:
    991 ÇTL
    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
    [​IMG]
    Rollover image girmek için
    " Insert ] Rollover image
    " Object Panelinden Ziyaretciler mesaj icerisindeki linkleri goremezler. Linkleri gorebilmek icin lutfen [Linkleri görebilmek için ÜYE olmalısınız!..] tiklayarak kayit olunuz.
    Buralardan birinden girdikten sonra çıkan tabloda ayarları yapabilirsiniz
    [​IMG]
    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
    [​IMG]
    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
    [​IMG]
    Tablo kısmına girdikten sonra tablo ile ilgili ayarları yapabilirsiniz
    Ziyaretciler mesaj icerisindeki linkleri goremezler. Linkleri gorebilmek icin lutfen [Linkleri görebilmek için ÜYE olmalısınız!..]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ı
     
  3. Hazangülü

    Hazangülü Forum Onuru

    Katılım:
    7 Haziran 2006
    Mesajlar:
    9.885
    Beğenileri:
    117
    Ödül Puanları:
    4.480
    Banka:
    991 ÇTL
    [​IMG]
    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.
    [​IMG]
    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
    [​IMG]
    [​IMG]
    Seçtiğiniz 2 hücrenin birleştirilmiş görüntüsü
    [​IMG]



    DEVAM edecek
     

Sayfayı Paylaş