noimage

İçeriği Paylaş:

Resimlerle Çalışmak, Tablo Oluşturmak

Resimlerle ÇalışmakSayfalarınıza Arkaplan Resmi Eklemek

  • Sayfalarınıza arkaplan resmi eklemek için Dreamweaver menüsünden Modify > Page Properties seçeneklerini seçin.

Açılan iletişim kutusunda background görüntüsü seçeneğinden uygun bir resmi seçebilirsiniz.1Sayfalarınıza Resim Eklemek

  • Sayfalarınıza resim eklemek için imlecinizi sayfa içinde resmi eklemek istediğiniz yere yerleştirdikten sonra Insert panelinden Image düğmesine tıklamalısınız.
  • Resmi ekledikten sonra Properties kısmından gerekli düzenlemeler yapılabilir.image043Resimlerle ÇalışmakImage properties
    • Sayfalarınıza eklediğiniz resimlerin özelliklerini özellik panelini kullanarak düzeltebilirsiniz.

    W: Resmin genişliğiH: Resmin yüksekliğiSRC: Resmin sabit diskiniz üzerindeki yeriLink: Resmin linkiAlt: Resmin üzerine gelindiğinde çıkacak yazı V Space: Resmin altında ve üstündeki boşluğu H Space: Resmin solunda ve sağındaki boşluğuTarget: Resmin linkinin hangi pencerede açılacağıLow Src: Resim yüklenene kadar gösterilecek düşük boyutlu versiyonuBorder: Resmin çerçeve kalınlığını ifade etmektedir.Tablo Oluşturmak— Tablo iletişim kutusu üç bölüme ayrılmıştır. Table Size, Header ve Accessibility.image046 image047Table Size bölümünde şu seçenekler yer alır:Rows:  Satır  sayısı  Border thickness: Tablo kenar genişliği Columns:  Sütun  sayısı  Cell padding: Hücre dolgusuTable  width: Tablo genişliği  Cell spacing: Hücre boşluğuHeader kısmında şu seçenekler yer alır: None, Left, Top, Both

  • Accessibility kısmında şu seçenekler yer alır: Caption: Resim yazısıAlign caption: Resim hizalama Summary: Resim özetiTablo Özellikleri—  Herhangi bir tabloyu seçtiğinizde özellik denetçisi içinde bu tablo ile ilgili özellikler belirecektir. Bu özellikler aşağıdaki gibidir. Table ID: Tablonun baslığını girebileceğiniz alandır. Bu alan sizin tablonuzu sayfa içinde essiz bir şekilde tanımlayabileceğiniz alanı belirler.Rowc: Tablolarınızın satır sayısını ayarlayabileceğiniz alan.Cols: Tablolarınızın sütun sayısını ayarlayabileceğiniz alan.W: Tablolarınızın genişliğini ayarlayabileceğiniz alan. Buradan tablo genişliğinizi piksel yada yüzde olarak ayarlayabilirsiniz.Cellpad:Hücrelerinizin içindeki nesnelerle duvarları arasındaki uzaklığın piksel olarak değeri.CellSpace: Hücre arası boşluklarınızın piksel olarak değeri.Align: Tablonuzun sayfanız içindeki yatay hizalamasıBorder: Tablolarınızın kenar kalınlığı. Bu kalınlık değeri, eğer tablolarınızı tasarım elemanı olarak kullanıyorsanız 0 olarak ayarlanmalıdır.Bg Color: Tablonuzun arkaplan rengiBg Image: Tablonuzun arkaplan resmi.Brdr Color: Tablolarınızın kenarlık rengi.image050Hücre Özellikleri— Değiştirmek istediğiniz hücreye tıklamalı veya birden fazla hücre için bu isi yapacaksanız o hücreleri CTRL tuşuna basarak seçmelisiniz. Horizantal: Hücre içindeki yatay hizalamayı belirler.Vertical: Hücre içindeki dikey hizalamayı belirler.W: Sütunun genişliğini belirler.H: Satırın yüksekliğini belirler.Bg: Hücre arkaplan renginizi belirler. Burada vermiş olduğunuz değer tabloya vermiş olduğunuz arkaplan değerinin üzerinde gözükür.Bg: Hücrenizin arkaplan resmini belirler. Burada vermiş olduğunuz resim değeri hücrenizin arkaplan resmini belirler ve tablonuzun arkaplan resminin üzerinde gözükür.No Warp: Yazılarınızın tablo küçüldüğünde bir alt satıra inmesini engeller.Header: İşaretlendiği hücrenin baslık formatında gözükmesini sağlar.B: Kenarlık değeri ise sadece bu hücreye kenarlık genişliği vermenizi sağlar.image052Satır ve Sütun İşlemleri
    • Tabloda Satır yada Sütünları Silmek Tablonuzdan satır yada sütunu seçtikten sonra klavyenizden sil butonuna basarak yada menüden

    Modify > Table > Delete Row yada Delete Columnseçeneğini seçerek silme işlemini gerçekleştirebilirsiniz.

    • Tablolara Satır yada Sütün Eklemek

    Tablolarınıza satır yada sütun eklemek isterseniz yapmanız gereken eklemek istediğiniz satır yada sütun içinde bir hücreye tıkladıktan sonra Modify >Table > Insert Row yada Insert Column seçeneğine tıklamaktır.Etiketler Bütünü

    • Insert araç çubuğu sekmesindeki Tag seçeneğine tıklarsak aşağıdaki pencere açılır. Buradan sınıflara bölünmüş html etiketlerini görebiliriz ve istediğimizi seçebiliriz.
    • Örnek olarak Forms’a tıkladığmızda formlarla alakalı bütün etiketleri görebilmekteyiz.image055image057Sol Menü ÇubuğuAçılı olan sayfalar arasındaki geçişSeçtiğiniz etiketin açılışı ile kapanışı arasındakileri kapatır. Seçtiğiniz kısımları kapatır.Kapalı olan bütün etiketleri kapatır. Eş etiketleri seçer.Satır numaralarını açar/kapatır. Geçersiz etiketleri renkli olarak gösterir.Yorum ekleme Yorum silmeSatırı içeri doğru girinti vermek. Satırı dışarı doğru girinti vermek.
      • Panel— Panel kısmında özelliklere kullanılan kısımlar CSS ve Dosyalar kısmıdır. CSS kısmından sayfaların stilleri kontrol edilebilmektedir.Dosyalar kısmında ise lokal olarak çalıştığınız dosyaların hepsi gözükmektedir ve kısa yoldan dosyalara ulaşmanızı sağlar.image059

İçeriği Paylaş:
İlginizi Çekebilir
Yorum Yapılmamış

Henüz Hiç Yorum Yapılmadı..

Yorum Yaz

Resimlerle Çalışmak, Tablo Oluşturmak

HTML

12/07/2017 | Yorum Yok | 58 | Mustafa Küçükakarsu