Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Ders 4 - Sayfanın Genel Özelliklerini Ayarlama

Ali Emre

👑Efsanevi Grafiker👑
Katılım
30 Tem 2007
Mesajlar
2,141
Tepkime puanı
85
Web sitesi
gncart.com
Bu dersimizde bir web sayfasının ana özelliklerinden bahsedeceğim.Ör olarak o sayfadaki linklerin hangi renk olması ,link üzerine gelince altının çizili olması gibi özellikler…
Bunun için sayfamızın boş bir yerinde tıklayarak Properties menüsünde “Page Properties” e tıklayın.

screenshot002br5.jpg


Açılan pencerede solda 5 kategori olmak üzere oluşmaktadır.

Appearance (Genel Özellkler)
Links (Linkler)
Headings (Başlık Özellikleri)
Tittle/Encoding (Tittle ve Kod Desteği Özellikleri)
Tracing Image (Sadece DW üzerinde gözüken resim kalıplarıdır.Bu kalıplara PlaceHolder denir.)

Şunu unutmayın bu sayfada yapılan değişikler sadece bu sayfa üzerinde uygulanır.Yani biz “anasayfa.html” de çalışıyoruz ayarlarımızı yaptık ve “index.html” geçtik.Sayfa özelliklerine baktığımızda ayarların varsayılana döndüğünü görürüz.Onun için “index.html” için tekrar düzenlememiz gerekir.

Appearance Kategorisinin Özellikleri:

screenshot001qu7.jpg


Page Font:Sayfada kullanılacak fontu seçmenizi sağlar.
Size:Seçilen fontun büyüklüğünü ayarlar.
Text Color:Sayfada bulunan yazıların rengini belirler.
Background Color:Sayfa arka planında kullanılmak üzere bir renk atarsınız.
Background Image: Sayfa arka planında kullanılmak üzere bir resim atarsınız.Genelde küçük resimler kullanarak onların tekrarlanmasından arkaplan oluşturulur.
Repeat:Bu seçenekte tekrarlamanın nasıl yapılacağını belirler.
Left Margin: Sayfa içerisinde bulunan nesnelerin (yazı, resim, tablo vs.) sayfanın sol tarafına olan uzaklığını belirlemede kullanılır.
Right Margin: Sayfa içerisinde bulunan nesnelerin (yazı, resim, tablo vs.) sayfanın sağ tarafına olan uzaklığını belirlemede kullanılır.
Top Margin: Sayfanın üst kenara olan uzaklığını belirlemek için kullanılır.
Botton Margin: Sayfanın alt kenara olan uzaklığını belirlemek için kullanılır.

Links Kategorisinin Özelliklerini:

screenshot003hp9.jpg


Sayfanızda bazı yazılara link atadınız.Bu linklere çeşitli değişikleri buradan yapıyoruz.

Link Font:Linklerde kullanılacak fontu seçersiniz.
Size:Linklerin büyüklüğünü ayarlarsınız.
Link Color:Linklerin hangi renk gözükeceğini ayarlarsınız.
Rollover Links:Linklerin üzerine gelindiğinde oluşacak rengi ayarlamanızı sağlar.
Visited Links:Ziyaret edilmiş linkleri göstermek için bir renk ayarlamanızı sağlar.
Active Links: O anda kullanılan linke tıklanıldığı zaman görülen rengi değiştirmek için kullanılır.
Underline Style:Linklerinize alt çizgi eklemek için kullanılır.4 çeşittir.
Always underline:Her zaman linkelrin altı çizili olur.
Never underline:Linklere asla alt çizgi eklemez.
Show underline only on rollover:Sadece link üzerinde gelindiği zaman altçizgi görüntülenir.
Hide underline only on rollover:Normalde link altıçizilidir.Sadece link üzerine gelindiği zaman alt çizgi kaybolur.

Heading Kategorisinin Özellikleri:

screenshot004mh7.jpg


Bu bölümde sayfanızda kullanacağınız başlıkların renklerini ,fontlarını ve boyutlarını ayarlarsınız.

Heading Font:Başlığın fontunu ayarlamınızı sağlar.
Heading 1:Sol tarafta boyutunu sağ tarafta ise rengini ayarlarsınız.

Title / Encoding Kategorisinin Özellikleri:

screenshot005tm9.jpg


Bu alanda tittle ve sayfanın kod desteği hakkındaki değişiklikleri yaparsınız.Çok profesyonel değilseniz Tittle haricindekileri değiştirmenize gerek yoktur.

Tittle: Sayfanızı tanımlayan ismi yazacağınız bölümdür ve browserlarda en üstte çıkar.
Document Type (DTD):Çalıştığınız Html sayfanızda bulunan kodların türünü ve versiyonunu belirtir.
Enconding: Sayfada kullanılacak olan dil karakterinin tanımlaması burada yapılır.
Unicode Normalizations Form:Sayfanızda kullanılan kodların normal türlerini bulundurur.

Tracing Image Özellikleri:

screenshot006pm9.jpg


Sadece DW üzerinde gözüken resim kalıplarıdır.Bu kalıplara PlaceHolder denir.

Tracing Image:Tracing Image i seçmenizi sağlar.
Transparency:Tracing Image in saydamlığını ayarlar.

Bu dersimizinde sonuna geldik kolay gelsin.

PDF Olarak İndir
 

el_chancho

♾️Grafik Gurusu♾️
Katılım
21 Nis 2008
Mesajlar
1,001
Tepkime puanı
14
10 numara des olmuş Ali...Emegine saglık kardeş...tek tek kodları eklemekten kurtardın beni var ol :wink:
 

Ali Emre

👑Efsanevi Grafiker👑
Katılım
30 Tem 2007
Mesajlar
2,141
Tepkime puanı
85
Web sitesi
gncart.com
Önemli değil beğenmene sevindim.Zaten DW nin amacı kod bilgisi olmadan sadece görsel olarak web sayfaları tasarlamamıza olanak sağlamasıdır.
 

MCYouK1ll

🌱Yeni Üye🌱
Katılım
27 Ocak 2009
Mesajlar
4
Tepkime puanı
0
anlatımların çok güzel teşekkürler seneye web tasarım seçeceğim için öğrenicem bunların hepsini ama erkenden başlamak istedim erken öğrenmenin zararı olmaz :D
 
Üst