Frontpage, web sitesi yapımı için tercih edilen kullanımı en kolay html düzenleyicilerden birisidir. İçeriğindeki hazır butonlar, seyir çubukları ve hazır siteler ile sitenizi dakikalar içinde oluşturabilirsiniz. İçeriğindeki hazır araçları kullanarak sitenize saat sayaç gibi çeşitli araçlar ekleyebilirsiniz. Ancak Frontpage'ye özgü bu araçların sorunsuz çalışması için web sitenizin Frontpage eklenti paketinin kurulu olduğu bir sunucuda depolanması gerekir.

Frontpage, bir site haritasına dayalı olarak çalışır. Önce sitenizin sayfaları arasındaki bağlantılara göre bir harita oluşturursunuz, daha sonra oluşturduğunuz haritadaki sayfaları açıp düzenlersiniz. Aşağıdaki resim, FP site haritasına bir örnektir.

Resimde görüldüğü gibi bir ana sayfa ve ana sayfaya bağlı diğer sayfalar siteyi oluşturuyor. Fotoğraf galerisi ise iki ayrı sayfaya açılıyor. Bu yapı ileride sayfalarımız için seyir çubuğu oluşturmakta işimize yarayacak. Örneğin 3. seviyedeki sayfaların sadece Fotograf galerisi sayfasında görüntülenebilmesi gibi ayarlamaları yapabileceğiz. Frontpage'nin nasıl çalıştığını ve özelliklerini kısaca açıklamaya çalıştım. Şimdi site yapımına başlayabiliriz.

1. Sitemizi Frontpage'ye ekleyelim

Bu anlatımda fıkralar ve komik resimler içeren basit bir web sitesi yapacağım. Anasayfaya bir tane fıkra ve bir tane komik resim koyacağım. Ben aşağıdaki şablonu kullanmayı seçtim. Siz dilerseniz farklı bir şablon kullanabilir veya sitenizi kendiniz tasarlayabilirsiniz. Ayrıca Frontpage'nin kendi şablonlarını da kullanarak bir kaç değişiklik ile sitenizi yapabilirsiniz.

Şablon içerisinden çıkan dosyaları, C diskinde Websitem adında bir klasör açıp içine kopyaladım. Buradaki websitem klasörüne (yani sitemizin içerisinde olduğu klasöre) kök klasör denir. Sitenizde kullandığınız içeriğin (resim, müzik, video vb.) kök klasörünüz içerisinde olması gerekir. Aksi halde siteniz bilgisayarınızda sorunsuz çalışır ancak sunucuya gönderdiğinizde kök klasör içinde olmayan içerik görüntülenemez.

Şimdi bu şablonu Frontpage'ye ekleyelim. Frontpage'yi açalım ve sol üst köşedeki menüden Dosya>Site Aç'a tıklayalım. Açılan pencereden sitemizin içinde olduğu klasörü (yani websitem klasörünü) açalım.

Aç butonuna tıkladıktan sonra Frontpage sitenize dosya eklemek için izin isteyecek. Evet seçeneğine tıklayalım ve sitemizin sorunsuz çalışması için gerekli dosyaların eklenmesine izin verelim. Yaptığımız son işlemle sitemizi Frontpage'ye eklemiş olduk. Artık sitemizin sayfalarında değişiklik yapabiliriz. index.html dosyasına çift tıklayarak açalım.

2. Tabloları Kullanmak

Sitemize içerik eklemeden önce tablo ekleyeceğiz ve içeriği bu tabloların sütun ve satırlarına ekleyeceğiz. Çünkü html sayfalarda her satıra sadece bir farklı içerik eklenebilir. Ayrıca tablo ekleyerek içeriğin konumunu sabitlemiş oluruz. Böylece farklı çözünürlükteki bilgisayarlar sitemizi görüntülediğinde sayfalarda hata oluşmaz. Tablo kullanmazsak resimler ve yazılar iç içe geçebilir. Aşağıdaki resimde tabloların nasıl kullanıldığını görebilirsiniz. Tabloların görülebilmesi için rengini kırmızı yaptım ama siz tabloların kalınlığını sıfır yaparak görünmemesini sağlayabilirsiniz. Her sitede mutlaka tablo kullanılır. Kaliteli siteler tablolar üzerine kuruludur.

Tabloların nasıl kullanıldığını ve faydalarını öğrendik. Şimdi sayfadakileri temizleyip bir tablo ekleyeceğim. Tabloda site başlığı, fıkralar sayfası ve komik resimler sayfası için birer satır olacak. Tablo eklemek için üstteki menüden Tablo>Ekle>Tablo'ya tıklıyorum. Tablonun özelliklerini ayarlayacağım pencere açılıyor. Tablo ekledikten sonra üzerine sağ tıklayarak da ayarlarını değiştirebilirsiniz.

Tamam butonuna tıkladıktan sonra tablo sayfaya ekleniyor. Fareyi kullanarak tablonun ve hücrelerin genişliğini ve yüksekliğini değiştirebilirim. Şimdi en üst satıra sitenin başlığını ekleyip diğer iki satırı ikiye böleceğim ve her sütuna resim veya yazı ekleyeceğim. Yaptığım işlemi aşağıdaki resimden görebilirsiniz.

Aynı yöntemle Eğlence Merkezi yazısı altındaki iki hücreyi de böldüm. Şimdi bu hücrelere resim ve yazı ekleyelim.

3. Resim Ekleme

Resim eklemek için ilk önce ekleyeceğimiz resimleri site klasörümüzün içine kopyalamamız gerekecek. Anasayfaya koyacağım resmi kök klasör içindeki img klasörüne kopyalıyorum. Önce resmi eklemek istediğim yere bir kere tıklıyorum sonra üstteki menüden Ekle>Resim>Dosyadan... yolunu izliyorum. Açılan sayfadan resmi seçip ekle butonuna tıklıyorum.

Aynı yöntem ile ama Ekle>Resim linklerine tıkladıktan sonra dosyadan... seçeneği yerine video veya flash seçerek video veya flash ekleyebilirsiniz.

Eklediğiniz resimlerin adında boşluk, özel karakter ve ç,ş,ğ,ü gibi Türkçe karakterler olmadığından emin olun. Adında boşluk ve özel karakter bulunan dosyalar bilgisayarınızda açılır ama sitenizi sunucuya gönderdiğinizde açılmayabilir.

Bu yöntem ile sayfaya eklediğim tablolara resimler ekledim ve yanındaki hücrelere yazılar ekledim. Böylece anasayfamızı tamamlamış olduk. Önizleme sekmesine tıklayarak sitenizin tarayıcıda nasıl görüneceğine bakabilirsiniz. Ayrıca Dosya>Kaydet yolunu izleyerek (veya Ctrl+S tuşlarına basarak) çalışmalarınızı kaydetmeyi unutmayın.

Şimdi sitemize fıkralar ve komik resimler için iki farklı sayfalar eklemek için ikinci derse geçelim.