Dreamweaver'da çok Basit Bir Site Oluşturmak için

Tamam web tasarımı yaptınız slice kısmınıda yaptınız, web için kaydettiniz hatta saçma sapan kunduzlar hakkındaki yazımıda okudunuz artık web sitesi yapmak istiyorsunuz. Haklısınız artık başlayalım.

index.html sayfaya sahibiz. (Eğer değilseniz. Tıklayınız >>)


Şimdi yapmamız gereken ilk şey nasıl bir sayfaya sahip olmak istediğimize karar vermek olacaktır. Kullanıcıların menuyu aradığı genelde 2 yer vardır.
1. Menunun hemen logonun altında yer aldığı şekil

Genelde gördüğümüz en çok karşılaşığımız web sitesi tasarımlarından

2. Menunün yine hemen altında fakat sol tarafta yer aldığı tasarım modeli

Çok sık karşılaştığımız bir diğer web site tasarımı örneği

Peki bunu nasıl yapacağız word'u çoğunuz kullanmışsınızdır. En azından küçükük bir tablo mutlaka yapmaışsınızdır. 

İlk site şeklimize baktığımızda

Peki böyle bir site yapmak için yapmamız gerekenler neler bir bakalım 4 satıra ihtiyacımız var 4 satırlı bir tablo işimizi görürü mü? Evet

O zaman common seçmesindeki table düğmesine tıklayıp açılan pencereden

Tablomuzun
Rows: 4 diyerek 4 satırlı
Columns: 1 diyerek tek sütünlü olduğunu
Table width: Tablomuzu genişliğini belirlediğimiz alan Şimdilik 900 yazalım ve kesinlikle yanındaki kutuda pixels seçili olduğundan emin olalım.
Border thickness: Bu kutudan tablomuzun kenar çizgilerinin kalınlıklarının ne olacağını belirleriz
Cell padding: Tablonun hücresi ve içine koyduğumuz her ne varsa onun arasındaki boşuk

Cell padding

Cell space: hücreler arasındaki  boşluk

Cell spacing

Table width: Tablonun genişliği

Bunun haricindeki bilgiler kullanılabilirlik hakkındaki bildilerdir gerekli midir?
Evet ancak çok da önemli değildir şuan için bize  gerekli olan tablo 4 satırlı 1 kolonlu bir tablo ve hücreler arasındaki boşluğun 0, hücreler ve içine koyduğumuz içine koyduğumuz şey arasındaki  boşluğun yine 0 olmasını istiyoruz. Bu durumda bu alanlara her hangi bir bilgi  girmemize gerek yok Hayır!!!! Kesinlikle eğer aralarındaki boşluğun olmamasını istiyorsak o zaman
Cell Padding: 0
Cell Spacing: 0
Border Thickness: 0
değerlerini girmeliyiz.

Eğer hiç bir değer girmezsek amman ne olur canım olsa olsa 0 olur diye düşünmeyin ben düşündüm olmuyo 3 oluyo size bir sır eğer bir şeyin bir şekilde gözükmesini istiyorsanız mutlaka belirtin üşenmeyin çünkü belirtmediğinizde kendi kafasından bir değer sallıyor. Yada tarayıcılar canları nasıl istiyorlarsa öyle gösteriyorlar.

Evet sayfamızı ana hatları ile ortaya çıkardık Bir sonraki yazımızda menu alanımıza menulerimizi yerleştirip burdan diğer sayfalarımıza bağlantılarını nasıl yapacağızdan bahsedeceğim.