Yazan: Amber Mitchell

Bu makalede, sayfayı oluşturan öğeleri inceleyerek ve Microsoft FrontPage'de düzenleyerek nasıl güzel bir Web sayfası düzeni oluşturulabileceği anlatılmaktadır.

Varsayalım ki elinizde birleştirilecek bir yap-boz bulmacası var, ancak daha önce yaptığınız hiçbir bulmacaya benzemiyor. Parçaların hangi büyüklükte olacağını, nasıl birleşeceklerini ve hatta bittiğinde resmin nasıl görüneceğini bile siz belirliyorsunuz. İşte, bir Web sayfası böyle bir yap-boz bulmacasıdır.

Web sayfası düzeni üzerinde pek çok farklı yaklaşım olmasına karşın, bazı düzenlemeler diğerlerinden daha iyi sonuç verir. Microsoft FrontPage Web sitesi oluşturma ve yönetme aracı, okul sitenizi, intranet sayfalarınızı veya herhangi bir Web tabanlı aracı tasarlamanıza yardımcı olabilir.

Bulmacanızın parçaları

Sitenizdeki giriş sayfası ve özelleştirilmiş içerik sayfaları dışındaki sayfaların çoğu, tek bir düzen şablonuna uyar. Düzen bulmacası genellikle beş ana parça içerir. Bu bileşenlerdeki ortaklıklar o kadar fazladır ki, FrontPage parçaları biraraya getirmek (tablolar ve çerçeveler) için kullanılan araçlara ve parçalarla (paylaşılan kenarlıklar, eklenen sayfalar ve bağlantı çubukları) çalışmak için kullanılan işlevlere sahiptir.

Aşağıda, pek çok site için iyi sonuç veren genel bir düzen örneği görülmektedir. Daha yaratıcı ve benzersiz olmak isteyebilirsiniz, ancak unutmayın ki, genellikle siteniz ziyaretçi oturumunun yalnızca bir bölümüdür. Oldukça ilginç bir site düzeni oluşturmak için sağlam bir nedeniniz olmadıkça, ziyaretçileriniz sağladığınız kolaylık için size teşekkür edeceklerdir. (İpucu: Düzeninizden çok, grafiklerinizi daha canlı ve benzersiz yapın!)

Şekil 1: Genel Web sitesi düzeninin öğeleri

1. Site tanımlayıcı

Her sayfa ziyaretçilere sizin sitenizde bulunduklarını hissetirmeli. Giriş sayfası bu bağlamda özellikle önemli, bu nedenle okul logonuzu, adını ve diğer grafikleri daha belirgin olarak burada sergilemek isteyebilirsiniz. Genelikle site tanımlayıcı, en üstte bir başlık sayfası olarak yer alır. Bu alanın yüksekliğine dikkat edin, çok yüksek olursa, site içeriğiniz ekranın çok aşağısından başlar.

2. Gezinme çubuğu

Gezinme çubuğu, ziyaretçilerin içeriği bulmalarına yardım eder. Sonuçta, gezinti yapısı sitenin bilgi hiyerarşisi tarafından ana hatlarıyla belirlenmelidir. Umarız ki siteyi görsel olarak düzenlemeden önce içindeki bilgileri mantıksal olarak düzenlemişsinizdir.

Gezinti yapınızı belirledikten sonra, en uygun yeri de bulabilirsiniz. Temel olarak üst ve yan gezinti çubukları arasında tercih yapılır; her ikisini de kullanmanız mümkündür.

Üst gezinti çubuğunun avantajları:

• Kolayca görünür
• İçeriğe, ekran genişliğinin tamamını ayırır
• Site tanımlayıcısıyla uyumlu olabilir

Yan gezinti çubuğunun avantajları:

• Gerektiği kadar çok sayıda gezinti öğesini destekler
• Daha uzun öğe açıklamalarına olanak tanır
• Ziyaretçiler sitede ilerledikçe, pek çok düzeydeki gezintiyi tümleştirebilir

Daha büyük sitelerde gezinme için hem üst, hem de yan çubuklar gerekli olabilir. Örneğin, okullar bölgesi sitesinde, üst gezinti çubuğunda her bir okulun site bağlantısı, yanda ise bölgelere göre ayrıntılar bulunabilir.

3. Ana içerik

Ziyaretçilerinizin asıl görmek için gelecekleri yer ana içerik alanıdır (sayfa başlığı, üst bilgiler, metin ve resimler). Diğer bölümleri birbirine bağlayıp artan zamanınızı ve yerinizi içeriğe ayırmak yerine, bu alana hakettiği önemi verdiğinizden emin olun.

İçeriğin iki önemli noktası, okunabilirlik ve esnekliktir. Herhangi bir içerik sütunu 100 x 600 piksel genişlikte olduğunda, okunabilirlik en iyi düzeyde olmaktadır. Temel olarak ziyaretçiler, çok kısa veya çok uzun satırları okumak istemez, çünkü bunları rahatça okuyamaz. Sonuç olarak, ana içerik alanı toplam 350 x 600 piksel genişliğinde; bir, iki, hatta üç sütunlu düzenlere olanak tanıyan esnek şablon seçeneklerine uygun olmalıdır.

4. İkincil içerik

Ticari sitelerde, reklam amaçlı olarak genellikle ikinci bir içerik alanı kullanılır. Okul siteleri, buna benzer bir alanı daha çok duyurular, haberler veya ilgili bağlantılar için kullanır. Sitenizde yoğun bilgi varsa, daha fazla içerik sunmak için düzenlemede değişiklikler yapmanız anlamlı olabilir. Siteniz için bu gerekmiyorsa, bu alanı ana içeriğiniz için bırakabilirsiniz.

5. İçerik hakkında içerik

Sayfa içeriği hakkındaki bilgiler telif hakkı, son güncelleştirme tarihi, güvenlik/gizlilik bağlantıları ve içerikten sorumlu kişiyi kapsar. Bu bilgiler, gerekli olmasına karşın ziyaretçilerinizin pek çoğu için pek de önemli değildir. Genellikle küçük bir dipnot yerleştirilebilecek en iyi yerdir. Ayırmak için daha küçük bir yazı tipi boyutu kullanın.

Tablolarla bağlama

Siteniz için mükemmel düzeni belirlediniz. Şimdi sıra, bunu gerçekleştirmeye geldi. Bir Web sayfası düzenini uygulamanın en sık kullanılan ortak yolu tablo kullanmaktır.

Web sayfası tablolarında, aynı bir elektronik çalışma sayfasında olduğu gibi satırlar, sütunlar ve tek tek hücreler bulunur. Ancak, Web sayfası tabloları sınırlı sekmeli düzenden, hücrelerin birkaç satır veya sütuna genişlemesiyle ayrılır. Örneğin, Şekil 1'deki üst satır iki sütuna, sol sütunda iki satıra genişlemiş durumdadır. Bu, biraz karışık görünebilir, ancak FrontPage'de tablolarla çalışmanız gözünüzde canlandırmanıza yardım edecektir.

FrontPage, tablo oluşturmak ve tablolarla çalışmak için pek çok araca sahiptir. Şekil 1'de gösterildiği gibi bir tam sayfa düzeni oluşturmak için çizim araç çubuğunu kullanarak işe başlayın. Ayrı bir tablo olarak çok daha iyi olabilecek 4 numaralı kutuyu atlamak isteyebilirsiniz.

Çizim araç çubuğunu kullanarak yeni bir tam sayfa düzeni oluşturmak için:

1. Tablo menüsünde Tablo Çiz'i tıklatın. Tablolar araç çubuğu, Çizim Tablosu seçili olarak açılır.
2. Sayfanızda, tablonun dış kenarlığını tablonun sol üst köşesinden sağ alt köşesine doğru sürükleyerek çizin.
3. Hücreleri oluşturmak için tablonun içine dikey ve yatay çizgiler çizin.

Tablonuzun özelliklerini ayarlamak için:

1. Tablonuzun içini sağ tıklatın, ardından Tablo Özellikleri'ni tıklatın.
2. Sabit bir piksel sayısı olarak ya da tarayıcı penceresinin bir yüzdesi olarak tablonuzun genişliğini belirtin.
3. Tablo hücrelerinizin etrafında kenar boşluğu oluşturmak için hücre doldurma ve boşluk piksellerini ayarlayın.
4. Tam sayfa düzeni tablosu için kenarlıkları 0 olarak ayarlayın.

Tablo kullanımıyla ilgili bazı ipuçları:

• Tabloları üst üste koyun.   Bir Web sayfası yüklenirken, tablolar kod içinde göründükleri sırayla yüklenir. Uzun, karmaşık bir tablonun içeriğinin görüntülenmesi uzun sürebilir. Tam sayfalı tablonun genellikle üst, orta ve alt tablolar olarak ayrılması bu açıdan iyi sonuç verir. Bu şekilde ziyaretçiniz, boş bir sayfa yerine okul adınızı ve logonuzu, içeriğin kalanı yüklenirken görür.
• Tabloları iç içe geçirin   Her ne kadar, sayfanızın yüklenmesini yavaşlattığından çok sık yapmak istemesiniz de, tablolar birbirlerinin içine geçerek "yuvalanabilir". İç içe geçmiş tabloya güzel bir örnek olarak Şekil 1'deki 4 numaralı kutuya bakın.
• Metin sütunları etrafında beyaz alan bırakın.   Çoğu kez, bulmaca parçalarının arasında boşluk bırakmamak için ana düzen tablosunun hücre boşluğu ve doldurma özelliklerini 0 olarak ayarlamak en iyi sonucu verir. Ancak, doğrudan diğer öğelerin üstüne taşmaması için metninizin etrafında genellikle biraz boşluk bulunmasını istersiniz. Bu da aynı yukarıda yaptığınız gibi tablonuzda hücre olarak çizebildiğiniz boş alan sütunları (bkz: Şekil 2) kullanılarak elde edilir.

Şekil 2: Metnin etrafındaki beyaz alan (kırmızı ile gösterilen) okunabilirliği artırır.

• Hizalama ince ayarı.   İstenen dikey boşluğu elde etmek için her bir tablo hücresinin hizalamasıyla oynayın. Genellikle, her bir hücrenin özelliklerinde üst hizalamayı seçmeyi tercih edersiniz. İçerik üste çok yakınsa, el ile az miktarda boşluk ekleyebilirsiniz. Yeni paragraf için basılan bir ENTER tuşu çoğunlukla sorunu giderir.

Bulmacanızı çerçeveleme

Web sayfası düzenini elde etmek için kullanılan bir diğer yol da çerçevelerdir. Aslında kötü bir ünleri vardır. Arama altyapıları çerçevelere kolayca yer işareti koyamaz veya bunları dizinleyemez, dahası çerçeveler site ziyaretçileri için karmaşık görünebilir. Bu nedenlerden dolayı, çerçeveler okul Web siteniz için büyük olasılıkla uygun değildir.

Bununla birlikte, çerçeveler bazı intranet sitelerinde ve Web tabanlı araçlarda gezinmeyi kolaylaştırabilir. Örneğin, ilgili çalışan bilgileri veritabanını yönetmek için Web tabanlı bir araç oluşturduğunuzu varsayın. Veritabanı eylemleri çerçevesi (Çalışan Ekleme, Düzenleme ve Silme) kullanmak isteyebilirsiniz, başka bir çerçeve ile de çalışanın bilgilerinin görüntülenmesini sağlayabilirsiniz. Veritabanı eylemleri çerçevesinin yalnızca bir kez yüklenmesi yeterlidir, oysa bilgi çerçevesinin her eylemle güncelleştirilmesi gerekir. Öte yandan, bir tablonun da her tıklatmada her iki bölümü yeniden yüklemesi gerekir.

Sonuç

Web sayfası bulmacaya benzeyebilir, ancak düzenin basit ve standart tutulması, site ziyaretçilerini gereksinim duyduklarını bulmasına yardımcı olacaktır.