Dreamweaver'da Css ve Tablo kullanarak tasarımızı yerleştirmek - 3

En son yaptığımız işlemlerden sonra sayfamız biraz şekil almış olmalı ancak daha işimiz bitmedi. bundan sonra yapmamız gereken işlemler var.
Sayfamıza menulerimizi ve içeriğimizi yine css kullanarak yerleştirmemiz gerekmekte öncelikli olarak tasarımımıza bir bakalım ve nasıl tablolara ihtiyacımız olduğuna karar verelim.

Örnek Tasarımımız

Sayfamızda menu bölümüne yerleştşrmemiz gereken 5 tane menu elemanımız bulunmakta bunun için sayfamıza 1 satırlık 5 sütünlık bir tablo yerleştirmemiz gerekmekte ve bu tabloyu menu alanımıza yerleştirmeliyiz. Bunun için menu alanımıza tıklayıp, insert panelinden tabloya tıklayıp açılan penceren

Rows: 1

Coloums: 5 dememiz gerekmekte

Border thicknes: 0 

Cell Padding: 0

Cell Spacing: 0

değerlerini girip ok tuşuna tıklamamız gerekmekte

Bu işlemleri tekrar ettikten sonra Hücrelerinizin içine Anasayfa, Hakkımızda, Hizmetler, Referanslar, İletişim yazmamız gerektekte bundan sonra hücrelerimizi şekillendirmek için css panelinin altındaki new css rule tuşuna tıklayıp, her hücremiz için class türünde css lerimizi oluşturmalıyız. 

Class türünde her hücremiz için .anasayfa, .hakkimizda, .hizmetler gibi isimler vererek css oluşturmalıyız. her css için ise box categorysinden genişlik ve yükseklik değerlerini verdikten sonra type categorysinden font, color ve font size özelliklerine değerlerini atamalıyız. Genişlik ve yükseklik değerlerimizi öğrenmek için tasarımızın üzerinden ölçüm yapmamız gerekmekte bunun için photoshop dökümanımızı kaydetmemiz gerekmemiz gerektiğini ve sürekli bu tasarımızı ölçerek işlem yapmamız gerektiğini unutmamalıyız. 

Bu işlemleri de yaptıktan sonra sayfamız oldukça şekil alacaktır. Bundan sonraki yazımda içeriğimizi yerleştirmek için yapmamız gerekenleri anlatacağım ancak daha önceki yazılarımdaki ve bu yazımdaki kuralları uygulayarak içerik bölümünü sizlerde oluşturabilirsiniz. Bu konu ile ilgili bir sonraki yazıma kadar içerik bölümünü çoktan yerleştirmiş olarbilirsiniz.

Dreamweaver ile çalışırken unutulmaması gereken en önemli şey hiç birşeyi bozamazsınız. Yani dreamweaver ile çalışırken birşeyleri bozucağım diyerek birşeyler denemekten korkmayın. Hiç birşey olmaz :)