Konular

Image Placeholder ve Properties

Image Placeholder ve Properties
IMAGE PLACEHOLDER
Resim alanı açar. Resim için yer tutar. Daha sonra silip yerine gerçek resim konulur. Ziyaretçiye resim hakkında bir ön fikir vermek için kullanılabilecek bu özellik ile resimlerin yeri daha sayfa yüklenmeden belli olacaktır. Böylece ziyaretçi sayfanın tamamının yüklenmesini beklemek zorunda kalmayacaktır.

Image Placeholder ve Properties Resimli Anlatım
Yukarıdaki resimden Image Placeholder butonuna bastıktan sonra aşağıdaki gibi bir tablo çıkacaktır karşımıza. Tablodan gerekli ayarları yaptıktan sonra mor ok’un gösterdiği yöndeki kareyi hazırlamış oluruz. Yani resim ekleme kutucuğunu (karesini).

Image Placeholder ve Properties Resimli Anlatım
1)
Yukarıdaki ilk resimde yeşil kutucukta da görüldüğü gibi resim ismini gireriz.
2)
Yukarıdaki resimdeki kutu içerinde de gözüktüğü gibi kutu ölçü birimini gireriz. (Yükseklik-Genişlik)
3)
Kutu rengini seçeriz.
4)
Mouse üzerine getirildiğinde çıkan yazıdır. Alternatif bir metin girilebilir. Örnek ekleyeceğimiz resim hakkında kısa açıklama.

Image Placeholder ve Properties Resimli Anlatıma) Resim ismi burada gözükür ve değiştirilebilir.
b)
Eklediğimiz resmin ölçülerini buradan büyültebilir ve küçültebiliriz.(Yükseklik-Genişlik)
c)
Resim gerçek ismi ve uzantısı gözükür sağındaki Image Placeholder ve Properties Resimli Anlatım  şekilden sitemap düzenlemesini yapabiliriz.
d)
Resime tıkladığımızda buraya verdiğimiz linkle (adresle) site yönlendirmesi yapabiliriz. Örnek http://www.dijitalders.com
e) Image Placeholder
ile resim kutusunu oluştururken alternatif yazı kutusuna yazdığımız açıklama burada bulunur.
f)
Resim sınıfını seçeriz. Örnek CSS…
g)
Resmi düzenlemek için gerekli araç çubukları biz istediğimiz şekilde düzenleme yapılacak programı değiştirebiliriz. Örnek Paint, Photoshop…
h)
Resim formatını, saydamlığını, genişlik-yükseklik gibi ayarlar yaptığımız penceredir.
j)
Resmin belirli bir yerini seçip o bölümü keserek resmi ufaltma gibi ayar yapabiliriz.
k)
Resmin şeffalığını, parlaklığını, renk yoğunluğunu azaltıp-yükseltebildiğimiz butondur.
l)
Resmi keskinleştirme gibi ayar yapabiliriz
m)
Resmin bulunduğu bölgeden girilen değerlere göre, üstünden yada solundan boşluk bırakma ayarı yapılır.
n)
Resme çerçeve yapmamızı sağlar. ‘ 0 ‘ (Sıfır) en küçük değerdir. Örnek aşağıdaki resim…
    Image Placeholder ve Properties Resimli Anlatım

o) Resmi solda dayalı, ortada ve sağa dayalı gibi şekillerde yapmamızı sağlayan butonlardır.
p) Resmi hizalamak için gerekli bölüm.


Kaynak Çağrı KASAPOĞLU
Yorumunuzu Ekleyin

Database Paneli

Database paneli

26,271 Okunma 1 Yorum 05/06/2008 10:46:38

Div Çatılı sayfalar Oluşturmak

Çok değil birkaç yıl önce sayfa tasarımlarımızı yaparken ara yüz bileşenlerini tablolar kullanarak görünmez ızgaralar üzerine inşa ederdik. Bu durum; HTML yapı dilinin web tasarımcıları tarafından hatalı yorumlanmasının ve kullanılmasının bir sonucu idi. Tarayıcılar arası çekişmelerin ve tüm Internet alışkanlıklarımızı etkileyen tarayıcı savaşlarının bir sonucu olarak ortaya çıkmıştı. Fakat Web 2. 0 kavramının gündeme geldiği şu günlerde artık eski tasarım alışkanlıklarını bir kenara bırakıp modern tasarım ve web teknolojilerine cevap verecek web sayfaları tasarlamanın vakti geldi de geçiyor bile

26,000 Okunma Henüz yorum yapılmamış 06/08/2007 17:55:00

Recordset ile verileri sayfaya yazdırmak

Kayıt dizisi (recordset) ile Dreamweaver içerisinden veritabanına erişim sağlayarak, kriterlere göre ve ya istediğimiz sayıda kaydı sayfaya yazdırmak mümkün. Bizde bu makale ile veritabanı kayıt erişimlerini yakından inceleyeceğiz

21,713 Okunma Henüz yorum yapılmamış 31/08/2007 14:19:45

Bindings Paneli

Dreamweaver bindings paneli

20,767 Okunma Henüz yorum yapılmamış 05/06/2008 10:03:38

Database Paneli

Veritabanlarına erişmek

19,758 Okunma Henüz yorum yapılmamış 05/06/2008 09:12:39

Datebases Paneli

Resimli anlatım

19,657 Okunma Henüz yorum yapılmamış 06/06/2008 11:05:53

Bindings Paneli

Veri bağlantılarının yönetildiği panel

19,030 Okunma Henüz yorum yapılmamış 05/06/2008 09:11:51

Named Anchor

Named anchor aracı ile ilgili açıklamalar

19,018 Okunma Henüz yorum yapılmamış 05/06/2008 10:18:51

Dreamweaver ile Site tanımlamaları

Dreamweaver birçok geliştirme ortamında olduğu gibi proje bazlı çalışmalar yapmaya olanak tanıyan bir yazılımdır. Bu makalede projelerimizi DW içerisinde nasıl yönetebileceğimizi göreceğiz

18,842 Okunma Henüz yorum yapılmamış 01/09/2007 02:25:54

ASP sayfası hazırlama

Dreamweaver mx de ASP çalışmak için daha önceden ASP ile uğraşmış olmak gereklidir. Her nekadar Dreamweaver Mx işimizi kolaylaştırsa da ASP 'den anlamak bazı durumlarda faydalı olacaktır. ASP öğrenmek için Dr. Hakkı ÖCAL 'ın ASP kitaplarını tavsiye ederim

18,725 Okunma Henüz yorum yapılmamış 12/08/2007 04:13:11

Yükleniyor...