Yapılır Birlikte İşleyeceğiz. Dreamweaver Programımızı Açalım. İlk Önce
Programı Açar Açmaz Yapmamız Gereken En Önemli Unsur ;
Page Properites ’ a Gireriz. Sayfanın Alt Yapısını Oluşturacağız.
Türkçe Karakter (ç,ı,ş,ü....)ler En Sinir Sorundur Genelde.
Sayfamızın Alt Yapısından Yani Page Properites ’ tan Bunu Kolaylıkla
Halledebiliriz. İlk Önce Page Properites ’ a Tıklayınca Karşımıza
Açılan Panel Solda Category Sekmesi Appearance Sekmesi
Bulunur. Buradan Sayfanın Default (Varsayılan) Olarak Göreceği Şeyleri
Ayarlayabiliriz. Mesela Panelin Sağında Page Font Sekmesinden Varsayılan
Fontumuzu Yanında B I Harflerinden Kalın veya İtalic (Eğer İstenirse),
Altındaki Sekmeden Büyüklüğünü, Hemen Altından Default (Varsayılan)
Yazı Rengini, Background (Arkapalan Rengini) Hemen Altından
Background İmage (Arkaplan Resmini) Ayarlayabiliriz. Son Olarak En
Altta 4 Seçenek Daha Vardır. Bunlar ;
Left Margin
Top Margin
Bottom Margin
Right Margin
Sayfaya Yerleştireceğimiz Her Nesnenin Sayfaya Hizalamasıdır. Mesela
Top Margin 0 Yaparsak Sayfamıza Koyacağımız Her Nesne Sayfanın
Üst Kısmına Yapışır. Hiç Boşluk Olmaz. 1 Yaparsak Bir Piksellik Bir Boşluk
Bırakır ve Nesneleri Öyle Koyar. Aynı Şekilde Left (Sol) Right (Sağ)
Bottom (Aşağı) Boşluklarını Ayarlar. Bunu Deneyerek Görürseniz Daha İyi
Anlayabilirsiniz. Biz Burada Margin Ayarlarına Dokunmayacağız. Bırakalım
Default Olarak Kalsın. Ya da Kendinize Göre Ayarlayın.
Bu Ayarlar Değişkendir. Yani Sizin İsteğinize Kalmış.
Küçük Bir İpucu
Sayfanızda Kullanacağınız Font Style Her Zaman
Arial
Tahoma
Verdana
Olmasında Yarar Vardır. Çünkü Bu 3 Yazı Karakteri Her Windows
Kullanan Bilgisayarda Mevcuttur. Şekil Diye Değişik Yazı Karakteri
Kullanırsanız ve Eğer Web Sitenizi Açacak Kişinin Bilgisayarında
Sizin Sayfanızda Kullandığınız Yazı Karakteri Yoksa Karkaterler
Bozuk Çıkar. Bu da Hiç Hoş Olmaz.
Evet Konumuza Dönelim. Appearance Sekmesinde İşimiz Bitti.
Şimdi Gelelim Link Sekmesine. Sayfada Sadece Tasarladığımız
Ya da Hazır Kullandığımız Buttonlara Değil Yeri Gelince Yazdığımız
Yazılarada Link Veririz. İşte Bu Sekmede Link Verilen Yazıların Hallerini
Ayarlarız. Font Style de Verdiğim İpucu Bunun İçinde Geçerlidir.
Öncelikle Link Font Sekmesi Vardır En Üstte. Oradan Default (Varsayılan)
Link Font Style Ayarlarız.(Arial, Verdana Vs..)
Altta Dört Adet Renk Seçeneği Vardır.
Link
Rollover Link
Visited Link
Active Link
Şimdi Bunları Tek Tek İnceleyelim.
Link
Sayfada Link Verdiğimiz Yazıların Alacağı Renktir. Mesela Default Font
Rengimiz Beyaz ise Linkimiz Kırmızı Ayarlarız. Böylece Sayfada Link Verilen
Yazılar Diğerlerinden Ayırt Edilmiş Olur.
Rollover Link
Linkimiz Kırmızıydı Değil mi ?
Evet 😊 Mouse Üzerine Gelince Fontun Alacağı Renktir. Kırmızıyken Üstüne
Gelince Siyah Olması Gibi.
Visited Link
Ziyaret Edilen Link Rengidir. Linkin Üzerine Tıklayınca Aldığı Renktir.
Active Link
Aktif Olan Link Rengidir.
Son Olarak Underline Style Sekmesi Vardır.
Burada 4 Seçenk Vardır Bunlar ;
Always Underline
Never Underline
Show Underline Only On Rollover
Hide Underline On Rollover
Şimdi Bunları Tek Tek İnceleyelim.
Always Underline
Her Zaman Altı Çizgili Anlamına Gelir. Yani Sayfada Link Verdiğimiz Textler
Her Zaman Altı Çizgili Görünür.
Never Underline
Hiçbir Zaman Altı Çizgili Olmasın ! Demektir.
Show Underline Only On Rollover
Mouse Linkin Üstüne Gelince Altı Çizgili Olsun Demektir.
Hide Underline On Rollover
Bunu Tam Olarak Bende Bilmiyorum. Ama Gizli Linklerin Üstüne Gelince
Altı Çizgili Ol ! Gibi Bişey Olması Lazım. Pekte Önemli Bir Unsur Değildir.
Daha Sonra Headings Sekmesi Gelir. Burada Alt Alta Heading 1,2,3 Vs..
Göreceksiniz. Yanındaki Seçenekleri Açdığınızda Sayılar ve XSmall , Large
Gibi Değerler Görürsünüz. Html Bilenler Bilirler. Bilmeyenler İçin Kısaca Bir
Değineyim.
Bu başlık komutudur. Fakat TİTLE ile bağdaştırılamaz. TİTLE Explorer çubuğundaki başlıktır bildiğiniz gibi. <h1></h1> ise arasına yazılanları belli boyutlara alır. <>arasındaki h1 in değerini 1-6 arasında değiştirmek mümkündür.
<h1>En Büyük Başlık</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>
Şeklinde değişik boyutlarda başlıklar elde ederiz. Headings Sekmesi de
Bu İşe Yarar.
Konumuza Dönelim.
Title Encoding...
İşte Geldik En Can Alıcı Noktaya. Türkçe Karakterlerimizin Olduğu Gibi Çıkması
İçin Title Sekmesinin Altında Encoding Sekmesi Vardır. Burada Yandaki
Seçeneklerden Türkçe (Windows) Seçilir. Artık Sayfamızın Alt Yapısı Hazırdır. Ok
Basarız ve Tasarıma Başlarız.
Şimdi İse Buradan Seçtiklerimizi Bir Arada Görmek İçin Üst Kısımda 3 Sekme
Vardır. Design / Code / Split
Buradan Code ye Tıklarız ve Üst Kısımda Bir Takım Kodlar Görürüz. Aşağıdaki Gibi
<meta http-equiv="Content-Type" c charset=iso-8859-9">
<style type="text/css">
<!--
bOdy,td,th {
font-family: Courier New, Courier, mono;
font-size: 14px;
color: #000000;
}
bOdy {
background-color: #FFFFFF;
}
a {
font-family: Times New Roman, Times, serif;
font-size: 18px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0099FF;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #FF3333;
}
-->
</style></head>
Burada Aşağıdaki Kod Sayfa Alt Yapısının En Üstünde Yazılıdır.
<meta http-equiv="Content-Type" c charset=iso-8859-9">
Son Kısımdaki charset=iso-8859-9> Sayfanın Türkçe Olmasını Sağlayan
Koddur. Eğer iso-8859-9 Yerine Utf-8 Yazsaydı İngilizce Olurdu. Neyse
Sadece Bilinmesi Açısından Söyledim Her Dilin Bunun Gibi Ayrı Ayrı Kodu
Vardır.
Alt Kısımında Ki Kodlarda Bakıldığında Anlaşılır Aslında En Başından Default Link
Renkleri Yazı Fontları Size Ları Falan Ayarlanmıştır. Buna CSS Denir. CSS ler Style
Dosyalarıdır. Şimdi Sayfamız Alt Yapısı Oluştuğuna Göre Sayfamızı Tasarlamaya
Başlayabiliriz. Bir Dahaki Derste Görüşmek Üzere.
[Alıntıdır]
Dreamweaver İle Web Tasarım Püfleri
· 3 Yanıt · 1.9K görüntüleme 0 okuyor
3 Yanıt
Yanıt yazmak için giriş yapın.
Giriş Yap