Css Başlangıç Noktası Seçmek
1) Adobe Dreamweaver CS3 'ü çalıştırın. File > New komutunu seçin.
2)Blank Page kategorisini seçin. Page Type sütununda HTML'i seçin.
3) Layout sütunundaki listede 12. örnek mizanpaj olan 2 column fixed, left sidebar, header and footer'ı seçin. create düğmesine tıklayın.
4) Yeni sayfanız belge penceresinde belirecektir. Eğer gerekiyorsa Desing düğmesine tıklayarak Code (Kod) ya da Split (Böl) görünümünden Design görünümüne geçin.
Sayfa Başlığını Değiştirmek
Bir Web Sayfasının başlığı tarayıcının başlık çubuğunda görüntülenir. Sayfa başlıkları, Google gibi arama motorları tarafından Web siteleri dizine almak için kullanılan kilit öğelerden biridir. Dreamweaver'ın varsayılan sayfa başlığı olan Untitled Documment'ı uygun bir ifadeyle değiştirmeyi asla unutmayın.
5) Tittle alanında yer alan metni silerek yeni başlığınızı yazın.
6) Header yer tutucu metnine çift tıklayın ve şu ifadeyi girin: Tatil Cenneti... Dreamweaver'da metin seçmek için, kelime işlem yazılımlarındakine benzeyen bir dizi farklı yöntemden faydalanabilirsiniz (tek bir sözcüğe çift tıklamak gibi).
7) İmlecinizi Main Connent yer tutucu metninin önüne yerleştirin ve tıklayıp sürükleyerek metni seçin Metin seçili durumdayken şu ifadeyi girin: Tatil Cenneti'nin Güzellikleri
İmleci H2 level heading yer tutucu metninin önüne yerleştirin ve tıklayıp alttaki paragrafın sonuna kadar sürükleyerek başlığı ve paragrafı seçin.
9) Dreamweaver'da başlığın altındaki yer tutucu metne üç kez tıklayın ve
Bizim kumlu sahillerimizi gezin, ve bizim durgun koyumuzda veya canlı dalga köpüğünde yüzün. Senin bizle tatilini harcadığın zaman hayatının tatili olacaktır. Sadece senin beğenecek olduğun tatlılıkların birkaçı buradadır:
Övgü belirten havlular
Yüze bileceğiniz 3 havuz
Denize açılabileceğiniz tekne gezileri
Özgür plaj şemsiyeleri ve sandalyeler
Tadına doyamıyacağınız yemekler ve tatlılar.
10) Sidebar 1 Content adını taşıyan yer tutucu başlık ve alttaki iki paragrafla birlikte kenar çubuğundaki içeriğin tamamını seçin. Yer tutucu metinleri silmek için delete tuşuna basın.
Belge penceresinin en altında yer alan Etiket Seçici'de
etiketini seçin ve Html etiketini silmek için delete tuşuna basın.
11) insert araç çubuğundaki Common kategorisinde yer alan Images menü düğmesine tıklayın ve açılan listeden Image'ı seçin. select Image Source iletişim kutusunu kullanarak resimi yüklüyeceğiniz konuma gidin dosyayı seçin ve OK düğmesine tıklayın.
12) İmleci köpüğünde yüzün.. ifadesiyle başlayan kelimenin sonuna yerleştirin ve insert araç çubuğundaki Images düğmesine tıklayın ve resmi yerleştirin.
13) Yeni eklenen resim seçili durumdayken Propertien denetçisindeki Align seçenek listesinden Right'ı seçin.