1. Reklam


    1. joysro
      ledas
      jungler
      keasro
      zeus
      karantina

Dreamweaver İle Web Tasarım Püfleri


  1. Narqotic

    Narqotic Bilgiliyim rank8

    Kayıt:
    22 Nisan 2007
    Mesajlar:
    1.365
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Meslek:
    !!!
    Şehir:
    BeN SeNiN CaNıN İçİN ÖmRüMü BiR KiBRiTiN KaBıNDa T
    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" content="text/html; 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" content="text/html; 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]
     
  2. Caprice

    Caprice Aileden rank8

    Kayıt:
    20 Nisan 2007
    Mesajlar:
    5.039
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    36
    Teşekkürler.
     
  3. BY_MiCRo

    BY_MiCRo Öğreniyorum rank8

    Kayıt:
    28 Ekim 2007
    Mesajlar:
    180
    Beğenilen Mesajlar:
    0
    Ödül Puanları:
    0
    Şehir:
    Adıyaman /KahTa (Kullık)
    hiç bişe anlamadım ne diyo bu:D