B.S.Y.

Site Haritası Oluşturma

Site Haritası Oluşturma


Bu derste sitemize nasıl yeni sayfalar ekleyeceğimizi ve site haritası oluşturacağımızı öğreneceğiz. Sitemize yeni sayfalar eklemek için index.html sayfasının kopyasını kullanacağız. Örneğin index.html sayfasını kopyalayıp adını arabalar.html olarak değiştireceğiz. Böylece adı farklı ancak tasarımı ve içeriği index.html ile aynı olan bir sayfa elde edeceğiz. Daha sonra sayfa içeriğini silip yerine araba resimleri ekleyerek yeni sayfamızı oluşturacağız.

Sitemize yeni sayfalar eklerken aynı zamanda site haritasını da oluşturmuş olacağız. Site haritasını sitemize menü eklemek için kullanacağız. Bu menüler sayesinde ziyaretçiler, sitemizin tüm sayfalarını dolaşabilecekler. Aşağıdaki resim bir site haritası örneğidir. Resimde gördüğünüz gibi anasayfa altına beş tane sayfa eklenmiş. Fotograf galerisi sayfasına ise iki tane alt sayfa eklenmiş. Bu hiyerarşik düzene göre, sitemize menüler ekleyebileceğiz veya menülerde gösterilmesini istediğimiz sayfaları belirleyebileceğiz.

 


 

Şimdi sitemize yeni sayfalar ve site haritası ekleyelim. Böylece site haritalarının nasıl kullanıldığını da daha iyi anlayacağız. Sırayla Web Sitesi ve Gezinti sekmekelerine tıklayarak sitemizin haritasını açıyoruz. Burada gördüğünüz gibi sadece index.html sayfası var.

 


 

Sayfa başlığını değiştirmek için üzerine sağ tıklıyorum ve açılan listeden Yeniden Adlandır butonuna tıklayarak Duvar Kağıtları yazıyorum. Sayfayı kopyalamak için tekrar sayfa üzerine sağ tıklıyorum ve Kopyala butonuna tıklıyorum. Yapıştırmak için ise tekrar index.html sayfası üzerine sağ tıklayıp Yapıştır butonuna tıklıyorum. Böylece sayfa index.html yani anasayfanın altına eklenmiş oluyor.

 


 

Aynı işlemi üç kere tekrarlayarak Arabalar, Oyunlar ve Çizgi Filmler sayfalarını oluşturdum ve sayfa başlıklarını değiştirdim.

 


 

Artık sayfalar sitemize eklendi. Dikkat ettiyseniz Frontpage yeni oluşturulan dosyalara index1.html, index2.html şeklinde isimler verdi. Şimdi bu dosya adlarını arabalar.html cizgi-filmler.html şeklinde değiştirelim. (Değiştirmemiz şart değil ancak değiştirirsek arama motorlarında sıralamamız artabilir) Hangi dosyanın hangi sayfaya ait olduğunu anlamak için bir sayfaya çift tıklayalım. Ben başlığı Arabalar olan sayfaya tıkladım ve index1.html sayfası açıldı. Şimdi Klasör listesindeki index1.html dosyasına sağ tıklayarak Yeniden Adlandır butonuna tıklıyorum ve sayfa adını arabalar.html olarak değiştiriyorum.

 


 

Aynı şekilde diğer sayfaların da isimlerini değiştirdim. Sayfa isimlerini değiştirirken ç,ş,ğ,ö,ü gibi Türkçe karakterler, özel karakterler ve boşluk kullanmamaya dikkat edin.

Yeni eklediğimiz sayfalardan arabalar.html sayfasının içeriğini silip yerine 3x3 bir tablo ekledim ve tablo hücrelerine küçük resimler ekledim. Bir sonraki dersimizde bu resimlere tıklandığında nasıl büyük resimlerin açılacağını öğreneceğiz. İşte arabalar.html sayfasının son hali:

 

Online , Tekil 1 ziyaretçi (15 klik) Tarafından ziyaret edildik
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=