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.
Videoları sesli anlatımla birlikte çekerseniz çok daha iyi olur.
Onun yerine yazılı anlatım da koyuyoruz. Ama birde sesli deniyelim. Teşekkürler 🙂
Bu şekilde anlatılanları yapamıyosanız bu işle uğraşmayın zaten 🙂 (tahaburak)
Gerçekten güzel ve yararlı işler yapmaktasınız. Teşekkürler.
Yorumunuz için biz teşekkür ederiz.
Teşekkürlerde tr.gg İçin ‘Tasarımın Üzerindeki Kod’ ‘Tasarımın Altındaki Kod’ Ve ‘Css Koduna’ Yazıyor Bunları Nasıl Ayırıcağız.?
tr.gg yani bedava-sitem farklı bir sistem olduğu için maalesef o konuda pek bilgimiz yok.
Yinede Teşekkürler :).
İşinize yaradıysa ne mutlu bize. Biz teşekkür ederiz.. 🙂
Merhaba Yine Ben 😀
Yha Sen Buton2’yi Tıklayınca Başka Sayfa Açılıyor Yha Orayı Yaptım Ama Bu İnternete Koydumu Gözükmüyor. Çünkü Benim Pcde olan Dosyayı Net Görmüyor Fotoda Öle Ama Fotoyu Siteye Upload Ediyorum Böylelikle Resmi Görüyor Peki Yha Dosyayı Ne Yapacam?
Şimdiden Teşekkürler.
Merhaba.
Olmaması gayet normal çünkü internete verince sizin bilgisayarınızdaki bir dosyayı nasıl bulsun ki? 🙂 Onun için; buton resminin yolunu ayarlarken pc’den değilde upload edip aldığınız linki yazın.
Çok Sağolun Yaptım Galiba 😀
Rica ederim, iyi çalışmalar.
Merhaba Kardeş.
Yine Yine Ben. 😀
Ya Butona Tıklayınca Açılmıyor. Aynen Böle Yapıcam Ama Olmuyor. Nası Yapabilirim?
http://www.hizliupload.com/di-8O34.jpg
Merhaba,
Bu daha farklı, facebook sayfalarındaki 🙂 Bunu nasıl dreamweaver’da yapabiliriz pek bilgim yok.
Allah razı olsun çok faydalı bilgiler veriyorsunuz hocam, başarılar diliyorum.
Allah sizden de razı olsun, teşekkürler yorumunuz için.
emeğinize sağlık..tşkler
Çok güzel bir paylaşım teşekkür ederim Atakan.
Beğenmenize sevindim. Ben teşekkür ederim..
Merhaba webeyn sakinleri 😀
Yine yine ben ama bu sefer derslerle ilgili değil bu sizin temayı nerden indirebilirim? 😀
Görüşleriniz benim için değerlidir. 😀
Merhaba,
Arslania Teması şeklinde aratarak kullandığımız temaya ulaşabilirsiniz.
Sevgiler.
Yok site tasarımı değil bilgisayarınız masaüstündeki tasarımı kastediyorum.
Bu videolu anlatımda kullanılan masaüstü: http://a1111.hizliresim.com/r/8/djpn.jpg
Simgelerin arka planındaki çerçeveler içinde Fences programı kullanılmakta.
Sevgiler.
Bu adam cennetlik ya 😀
Selamlar , bilmeyenler için hakikaten güzel bilgiler . Bundan sonra buralarda takılıyorum . Senide bana beklerim kardeş 🙂 .
Cresta r10 .
Merhaba,
Beğenmenize sevindik. Teşekkür ederiz 🙂
Sevgiler.
Web tasarımı dersimiz var ve hoca hiç bir şey anlatmadı kendiniz öğrenin dedi. Bende nereden başlayacağımı bilemiyordum. Uzun aramalar sonucunda bu videoyu izledim ve moralim yerine geldi. En azından nereden başlayacağımı biliyorum. Çok teşekkürler, emeğinize sağlık…
Faydalı olabildiysek ne mutlu bize..
Güzel yorumunuz için biz teşekkür ederiz.
Uğraş verip böyle bir video yayınladığınız için teşekkürler. Yeni başlayanlar için böyle basit pratik bilgiler veren videolar yayınlarsanız çok memnun olurum. Kolay gelsin.
hocam merhaba,
Bu şekilde bir tasarım yaptıktan sonra bunu blogger da kullandığım bir siteye enteğre edebilirmiyim. Edebiliyorsam biraz bilgi verirseniz sevinirim.
İyi Çalışmalar…
Merhaba,
Blogger ile ilgili maalesef bilgimiz yok.
İyi çalışmalar, yorumunuz için teşekkürler.
gerçekten faydalı bi site bana hocalarım bu konuyu 3 ay boyunca anlattı hocaları sevmediğimden üzerine olmadım ben sevmedıgım ıcın hocada benı sevmedı dersten bıraktı yazında sınavlara gırmedım 😀
şimdi lise sondayım yarın ki sınavda bu örnekle okulun sitesini yapıp göz boyuyacagım ve benı geçirecek
yaşadıklarımı anlatmamın sebebi şurda cektıgınız 10 dk lık vıdeo nun ne kadar faydalı oldugunu göstermekti
gerçekten teşekkürler 🙂
pekı arkaplan ıcın ne yapcaz ?
Properties’teki “Page Properties” bölümüne girerek arkaplan ile ilgili ayarları yapabilirsiniz.
direk veri tabanıundan yapmak yerine bunu kullanmak çok daha iyi bence . ve sitede kasma sorununu azaltacağından eminim elinize sağlık.
yaa ben dreamweaverde site tasarımı yapcam yarına yetişcek kolay yoldan nası yapabilirim??
Merhaba,
Yukarıdaki videolu ve yazılı anlatımımıza bakarsanız faydası olacaktır.
İyi çalışmalar.
çok sağolun işime çok yaradı ama biz bilgisayarcıyız ve daha fazlasını istiyoruz eğer varsa daha fazlası sizde yayınlarmısınız:)
İşinize yaramasına sevindik. Maalesef şu sıralar Dreamweaver ile ilgili içerik yayınlamıyoruz 🙂 Mevcut içeriklerimize her zaman ulaşabilirsiniz.
Teşekkürler.
reis video acılmıyor herşeyim tamam dreav da 2 . sayfa açıcam video glmiyor
Tarayıcınız ya da “flash” ile ilgili olabilir.
sağol
ben siteyi hazırladım internete nasıl koyacağım
hiç basite benzemiyor