Hazreti-Ali.Tr.Gg


   
  Ehlibeyt Dostlarının Buluşma Noktası EHLİBEYT DOSTLARI FM
  Dreamweaver ile Site Nasıl Yapılır?
 

 

Webmasterlerin çoğu, site yapımı için Dreamweaver'i tercih eder. Bunun sebebi çok özelliği olması, tek başına yapabileceği çok şey olması ve web sitesi yapmak için kullanılan Adobe firmasının diğer programları ile uyumlu çalışmasıdır. Bu nedenle html editör dendiğinde akla gelen ilk program genellikle Dreamweaver olur. Bu, Dreamweaver'in rakiplerine oranla daha çok tercih edilmesini sağlar ancak bu kadar çok özelliği ve yeteneği olan bir program bir çok ayar gerektirdiğinden ve araç içerdiğinden çoğu kullanıcıya göre kullanımı zor veya karmaşık gelmektedir. Ben de ilk başta Frontpage ile başladığım site yapımına tavsiyeler üzerine Dreamweaver ile devam etmeye karar verdim. Öğrenmeye başladığım sıralarda yaşadığım zorlukların artık hiç birini yaşamıyorum. Ben de size Dreamweaver kullanmanızı tavsiye ederim. Lafı uzatmadan Dreamweaver ile sitemizi nasıl oluşturacağız beraber bakalım.

Dreamweaver'in çalışma alanı görünümü aşağıdaki gibidir. Lütfen resmi inceleyin.

Dreamweaver

Aşağıda gördüğünüz şablonu kullanarak fıkralar ve komik resimler içeren bir web sitesi açacağım. Site yapımına başlamadan önce web siteme ekleyeceğim fıkraları ve komik resimleri hazırladım. Anasayfaya bir fıkra ve bir komik resim ekleyip altına fıkralar ve komik resimler sayfalarına giden linkler ekleyeceğim. Şablonun solundaki bölüme site sayfalarına giden linkleri sağındaki bölüme ise reklam kodlarını ekleyeceğim.

Şimdi bu şablonu kullanarak sitemizi hazırlayalım. (Sayfanın sağındaki şablonlar bağlantısını kullanarak yüzlerce şablon içerisinden seçtiğim hazır site şablonlarını indirebilir, beğendiğiniz bir tanesini kullanarak sitenizi oluşturabilirsiniz.) Şablonun içerisinde olduğu klasörü kopyalayıp C diskine yapıştırıyorum ve klasöre "Site" adını veriyorum. Bu klasör "kök klasör" olarak adlandırılır.(1) Kök klasörün içinde index.html dosyası ve images klasörü bulunur. (2) Sitemizi oluşturup yeni sayfalar oluşturdukça bu sayfaları kök klasöre, sitemizde kullanacağımız resimleri de images klasörüne koyacağız.

1.Sitemizi Dreamweaver'e tanıtalım.

Web sitemizin sorunsuz çalışması için sitemizi Dreamweaver'e tanıtmamız gerekir. Site>New Site>Advanced yolunu izleyelim ve aşağıdaki resimde gördüğünüz gibi ilk satıra sitenizin adını, ikinci satıra da sitenizin kök klasörünü, son olarak üçüncü satıra ise kök klasörünüzün içinde bulunan images klasörünü yazın ve Ok'a basın. Böylece sitemizi Dreamweaver'e tanıtmış olduk.

2. Türkçe Karakter Ayarını Yapalım

Şimdi Dreamweaver'in Türkçe karakterleri sorunsuz göstermesi için gereken ayarları yapalım.

Ana menü yardımıyla Edit>Preferences>New Document>Default Encoding>Türkçe(windows) seçip Ok butonuna tıklayarak işlemi tamamlayalım.

Yaptığımız son işlemle ç,ş,ö gibi Türkçe karakterlerin sitemizde sorunsuz görünmesini sağladık. Şimdi şablonumuzu açalım ve sitemizdi oluşturmaya başlayalım.

File>Open yolunu izleyerek (veya files panelindeki index.html'ye çift tıklayarak) index.html dosyasını açalım.

Web sayfalarının uzantısı html dir. Örneğin müzik dosyalarının uzantısı genellikle mp3, resim dosyalarının uzantısı genellikle jpeg olur. Web sayfalarının uzantısı da genellikle html veya htm olur. Hazırlayacağımız her sayfanın sonuna .html ekleyeceğiz. Örn: fikralar.html

index.html dosyasını anasayfanız olarak tasarlayın ve sayfa adını değiştirmeyin. Çünkü bir siteye girdiğinizde, tarayıcınız size o sitenin index.html sayfasını gösterir. Örneğin Internet Explorer'de www.siteadi.com yazarsanız tarayıcınız www.siteadi.com/index.html adresini açar. Daha sonra oluşturacağınız sayfalarınız için farklı isimler yazacaksınız örneğin: sayfaadi.html gibi... Oluşturduğunuz sayfalara isim verirken veya site içerisinde kullandığınız resimlerin adlarında Türkçe karakter veya boşluk kullanmamaya dikkat edin. Örneğin ödev.html isimli bir sayfa yaparsanız bu sayfa görüntülenemez.

 
  01.02.2008 tarihinden itibaren 14393 ziyaretçikişi burdaydı! Copyright by KurtulusMuzikOrganize Phone:05357814889-05423384108-03643112411


 
 
Add to Google



AleviBirlikForumu.Com

Banner Maker

Aleviyiz.Net

www.aleviyiz.net