Dreamviever resmi büyük yapma

1 2 3
25/01/2014, 01:40

chopper07

Bilgisayarınına direk kaydedebilirsin. css,js ve index dosyası bilgisayarına indirdikten sonra, Html dosyasını dreamviewer ile açarak inceleyebilirsin.
25/01/2014, 13:54

mahmut18

Cevaplarınız için çok teşekkür ediyorum Erkan hocam bunu dosya halinde gönderebilir misiniz..şuan mesaj yolladığım yerde dreamwiever kurulu değil deneyemedim direk sayfa kaynağından kodları dreamwievere aktarsak çalışır mı ? js ve css dosyalarını indir derken nasıl yani tam anlamadım bu işte çok yeniyim
30/01/2014, 15:08

mahmut18

js ve css kodlarını nasıl oluşturabileceğimiz veya nerden indirip nasıl yapacağız bunlar hakkındada biraz bilgi verebilirmisiniz
30/01/2014, 16:52

alpeki99

Js, Html, Css dosyaları normal bir yazı dosyasıdır. Yani Exe vb. çalıştırılabilir dosya değildir. Bu üç tür dosya Internet sitesinin bulunduğu bilgisayardan sizin kullandığınız bilgisayara transfer olur yani indirilir. Dolayısıyla sitenin içeriği aslında zaten sizin bilgisayarınızdadır. Peki nasıl elde edebilirsiniz bu dosyaları :

Her tarayıcıda (Internet Explorer, Chrome, Mozilla Firefox, Opera vb.) farklı isim ama aynı mantık ile hareket edeceksiniz. Mesela ben Firefox kullanıyorum buna göre anlatayım.

1- Web sitesinde boş bir alanda sağ tıklıyorum.
2- Açılan menüde "Sayfa Kaynağını Göster" tıklıyorum.
3- Yeni bir sayfa açılacak orada sayfanın Html kodlarını göreceksiniz. Klavyeden Ctrl+A tuşuna basarak tüm kodları seçili hale getirin. İster seçili haldeki (genelde mavi renk olur) kodların üzerine sağ tıklayarak açılan menüden "Kopyala" seçin isterseniz klavyeden Ctrl+C tuşuna basın.
4- Masaüstünde boş bir alanda sağ tıklayıp Yeni-->Metin Belgesi tıklayın.
5- Metin belgesinin içine tıklayıp Ctrl+V ile kopyaladığınız herşeyi yapıştırın. Kaydedip kaaptın.
6- Bu dosyaya baktığınızda eğer dosya uzantısı olarak TXT görüyorsanız o kısmı silip Html yazın. Eğer görmüyorsanız Internetten araştırın dosya uzantısı değiştirmeyi.

Site kısmen hazır. Düzgün görüntüleyemezsiniz çünkü Css ve Js dosyalarınıda indirmeniz lazım. Yukarıdaki adımları tek tek uygulayacaksınız. Sadece 2. adım altında a) diye bir alt madde açmak lazım. Oradan devam ediyorum:

2)...
a) Sayfa kaynağında bir sürü kod göreceksiniz. Burada uzantısı .js veya .css olan tüm dosyaları bilgisayarınıza indirmeniz lazım. Yukarıdaki adımlar ile aynı sadece içini görebilmek için fare ile üzerine tıklayacaksınız. Kaydederkende Html dosyanızın olduğu yere kaydedeceksiniz. Dikkat edeceğiniz şey Js ve Css dosyaları genelde klasör içinde olurlar. Html dosyanızın yanında bu klasörleri kendiniz oluşturacaksınız. Mesela .... href="css/stil.css" dosyasını css isimli klasörün içine atmalısınız.
30/01/2014, 18:03

mahmut18

Hocam aynen dediğiniz şekilde uyguladım fakat



bu şekilde oluyor bunu nasıl düzeltebilirim

Dreamwiever da resimleri değiştirdiğimde alt alta sıralanıyor bu şekilde olmasını nasıl sağlayabilirim http://webdesignbodrum.com/accesstr/slide/
31/01/2014, 09:51

alpeki99

Eklediğin hata resminden anlaşıldığı kadarıyla resimleri klasöre indirmemişsin. İndirmesen bile yerine başka resim koysan olurdu. Ekte o örnek mevcut incelerken index.html içinde son satırlara yakın yerlerde de Js dosyalarına link verildiğini gözden kaçırma. Ayrıca resimlerin, js ve css dosyalarının hangi klasörlerde olduğunuda linklerden takip edip o klasörleri oluşturmalısın.
1 2 3