Dreamweaver’da Basit Web Sitesi Yapımı

Merhabalar.
Dreamweaver’da basitinden bir web sitesi yapımını göreceğiz. Bunun için çerçeveleri (frameset) kullanacağız.

– Dreamweaver’ı açtıktan sonra, yukarıdaki menüden File – > New seçiyoruz.
– General bölümüne geliyoruz.
– Framesets yazısına tıklayıp yandaki çerçevelerden hoşumuza gideni seçiyoruz.
– Çerçevelerimiz oluştu.
– Çerçeve çizgilerinden herhangi bir tanesine tıklayıp, Properties’ten border’ını ve kalınlığını ayarlayabilirsiniz.
– Temel ayarları yaptıktan sonra yani resimlerimizi vs. ayarladıktan sonra, File menüsünden Save All diyoruz.
– İsmine index.html diyoruz.
– Arkasından bir daha kayıt etme penceresi gelecek. Hangi çerçeveyi kaydetmenizi söylüyorsa o çerçevenin etrafı seçili olur. Mesela sol taraftaki çerçeveyi kaydetmeyi soruyorsa sol çerçevenin etrafı seçili olur. Sol.html diye kaydedin..
– Sağ taraftakini ise sag.html , üst taraftakini ust.html alt taraftakini alt.html yazın. Ortası için ise orta.html yazın.(Eğer çerçevenizde sol, sağ, üst ve alt bölümlerden hangileri varsa tabi..)
– Diyelim ki menünüzü sol tarafa eklediniz. Üst tarafada logo eklediniz. Orta alanda sayfaları göstermek istiyorsunuz, yani sayfaların orada değişmesini istiyorsunuz diyelim.
– Bunun için, orta.html dosyasını dreamweaver’da açmamız gerek.
– Orta.html yi açtığınızda diğer çerçeveler gözükmez çünkü hepsi birbirinden bağımsız yani ayrı.
– Sayfanızda gözükecekleri orta.html ye ayarladıktan sonra File menüsünden Save As yani Farklı Kaydet ile başka bir isimle kaydedin. Örneğin fazladan iletisim sayfası oluşturacaksınız, iletisim.html olarak kaydedin..
– Ve index.html dosyasını dreamweaver’da açın, menünüzde iletişim butonu için iletisim.html sayfasına link vereceksiniz diyelim. İletisim butonuna tıklayıp Properties’ten verebilirsiniz..

Aşağıda videoda yaptığımız örnek çalışmayı görebilirsiniz.

Ayrıca aynı mantık ile oluşturduğumuz siteyi görmek için: buraya tıklayarak simsekfidancilik.com ‘ u görebilirsiniz.

Videolu Anlatım

Bu videoyu bilgisayarınıza indirmek için buraya tıklayın.