Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

WEB TASARIMCILIĞI 14
  WEB TASARIMCILIĞI 14

Frame Set Kullanımı

  Web Sayfasını Bölümlere Ayırmak

           İnternet’te dolaşırken bazı sitelerde ekranının birden fazla bölüme ayrıldığını, bir bölümde sayfayı kaydırdığınız halde diğer bölümlerin sabit kaldığını görmüşsünüzdür. Bu gibi sitelerde aslında ekranda birden fazla web sayfası vardır. Bu tür sayfalara Frame Set Pages denir.Bu düzenin önemli avantajları vardır. Mesela sayfalar arasında geçişi sağlayan butonlar herzaman sabit olarak ekranın bir kenarında durmakta ve ziyaretçi butonlara erişmek için sayfayı kaydırmak gibi ek bir çaba harcamamaktadır. Sitenizin adı devamlı üstte veya sol tarafta görünecektir. Reklam alanınız her zaman görünecektir. Duruma göre değişik bölümlerde değişik sayfalar görüntüleyerek sitenizi daha çekici hale dönüştürebileceksiniz.  

          Şimdi web sitemizde ilk sayfayı oluşturacaksınız. Bunun için; Wiews araç çubuğunda Page modunda iken, File/New/Page menü işlemlerini klikleyeniz. Açı lan pencerede Frame Pages sekmesini klikleyeniz:  

           Burada sayfalarınızın üzerinde bulunacağı Container sayfayı tanımlayacaksı
nız.Tüm seçenekleri klikleyerek sağ altköşedeki Preview  penceresinde nasıl bir bölümleme seçenekleri mevcut inceleyiniz. En son olarak Banner and Contents isimli birinci seçeneği klikleyerek seçiniz. Sonra OK butonunu klikleyiniz. Önünüzde üç parçalı bir sayfa oluştu. Herbirine Frame denir. Önce üsteki çerçeveyi sağ mouse ile klikleyiniz, açılan mönüde Frame Properties menü seçeneğini klikleyiniz.

           Bu çerçevenin ismi “banner”. Diğer çerçeveleri de sağ mouse butonu ile klikleyip çerçeve özelliklerini incelerseniz diğerlerinin de isimlerinin “contents”, “main” olduğunu görürsünüz. Bu isimleri isterseniz değişterebilirsiniz. Ama bu örnek çalışmada değiş tirmiyeceksiniz. Bu isimleri bir kenara kaydediniz. Şimdi bu sayfayı index.htm adıyla kaydediniz.

           Bu aşamada, her bir çerçeve için, başlangıçta birer sayfa tanımlayacağız.Her çerçevenin içinde Set Initial Page ve New page isimli ikişer buton var. Bunlardan Set Initial Page, halihazırda bir sayfa hazırlanmış ve kaydedilmiş ise çerçeve ile o sayfayı ilişkilen dirmek, sayfayı o çerçevenin içinde görüntülenmesini sağlamak için kliklenir. New Page ise; o çerçeve için yeni bir sayfa tanımlamak için kullanılır. Sizin daha önce hazırladığınız sayfalar olmadığı için her çerçevede bir defa New Page butonunu klikleyeniz: banner isimli çerçevede New Page butonu kliklenince şu manzara ile karşılaşırsınız:

          Şimdi diğer çerçevelerde de New Page butonlarını klikleyeniz. Son durumda ekran görüntüsü şöyle olacaktır :

           Bu noktada sayfalarınızı kaydediniz: File/Save menü seçeneği kliklenirse FrontPage size tek tek sayfaları göstererek ne isim vermek istediğinizi soracaktır. Sizde en üstteki sayfaya banner.htm, soldaki sayfaya menu.htm, sağdaki sayfaya orta sayfa.htm isimleri vererek kaydediniz.Bu aşamada, isterseniz çerçevelerin genişliğini değiştirebilirsiniz. Bunun için değiştirmek istediğiniz çerçeve çizgisi üzerine geliniz, mouse’un işareti sola-sağa ok veya yukarı-aşağı ok olunca sol mouse butonuna basınız ve bırakmayınız ve mouse’unuzu sürükleyiniz.Önce başlık sayfasını (banner.htm’i) düzenleyelim ve buraya adınızı yazıp “’nın Web Sitesine Hoş Geldiniz” yazınız. Sonra yazıyı büyütünüz, sayfanın arkaalan rengini değiştiriniz, yazıyı ortalayınız.

           Sitenizde beş sayfa olacağını (başlık ve menü ile birlikte yedi sayfa) varsayalım ve sol taraftaki menu.htm sayfasına altalta 5 adet Hover Buton ekleyiniz (Insert/Com- ponent/Hover Buton). Butonların başlıkları :”Ana Sayfa”, “2.Sayfa”, “3.Sayfa”, “4.Sayfa”, “5.Sayfa” olsun. Butonların arasındaki boşluğu Format/Paragraph ile daraltınız. Sayfanın arkaalan rengini ve isterseniz diğer özelliklerini değiştiriniz. Sağ taraftaki sayfaya şimdlik “1.sayfa” yazınız ve üç sayfanızı tek tek likleyerek kaydediniz.

          Şimdi sitemizde bulınmasını planladığımız 2.sayfa, 3.sayfa, 4.sayfa ve 5.sayfa’yı hazırlayınız.İlk önce 2.sayfa’yı hazırlıyınız. Views araççubuğunda Page modunda iken, File/New/Page menü seçeneklerini klikleyiniz ve açılan pencerede Normal Page’i klikleyip OK butonunu klikleyiniz. Sayfanızın üstüne “2.Sayfa” yazınız, File/Properties menü seçeneği ile açılan pencerede, sayfa özelliklerini değiştirmenin yanında Default Target Frame yanındaki   Change Target Frame butonunu klikleyiniz,

           “main” (tırnak işaretleri olmaksızın) yazınız, OK butonunu klikleyiniz tekrar OK buto nunu klikleyiniz ve sayfayı kaydedip kapatınız. Böylece sayfanın “main” isimli çerçevede görüntülenmesini sağladınız.Bu işlemleri 3.sayfa,4.sayfa ve 5.sayfa için de yapınız. Şimdi butonları aktif hale getirmek için default.htm sayfasını açınız.Ana Sayfa başlıklı butonu sağ mouse butonu ile klikleyip açılan menüden Hover Buton Properties menü seçeneğini klikleyiniz. Açılan pencerede Link To ile; bu butona basılınca hangi sayfaya gidileceğini yani hangi sayfanın görüntüleneceğini belirtiniz, başlığın yanındaki Browse butonunu klikleyip açılan pencerede page1.htm klikleyip OK butonunu klik leyiniz.Çün- kü Ana Sayfa butonuna basılınca ana sayfamız page1.htm görüntülenecek.

           Pencerenin sağ alt köşesinde bulunan Target Frame  Page Default (Main) değilse, yani pencere açıldığı zaman “main” isimli çerçevede görüntüleneceği kaydedilmemiş ise, Change Target Frame butonunu klikleyiniz ve açılan pencerede sayfanın hangi çerçe- vede görüneceğini klikleyerek veya yazarak belirtip OK butonunu klikleyiniz. OK butonu- nu tekrar klikleyip Orta Sayfa  ile ilgili tanımı tamamlayınız.OK butonunu tekrar klikle- yerek Hover Buton tanımını AnaSayfa başlıklı buton için tamamlayınız.Şimdi Ana Sayfa başlıklı buton için yaptığımız tanımı,

           2.Sayfa başlıklı buton için page2.htm sayfasını “main” isimli çerçevede,

           3.Sayfa başlıklı buton için page3.htm sayfasını “main” isimli çerçevede,

           4.Sayfa başlıklı buton için page4.htm sayfasını “main” isimli çerçevede,

           5.Sayfa başlıklı buton için page5.htm sayfasını “main” isimli çerçevede görün tülenmesini sağlayacak şekilde yapınız.Butonların bulunduğu sayfayı  kaydediniz.Tara- yıcımızda deneyiniz.

          DİKKAT : Eğer bir müddet önce tarayıcımızda sitemizi test etmiş isek ve tarayı cımızı kapatmamışsak, sayfaları tazelemeyi unutmayınız. Aksi halde sayfaların bir ön ceki hallerini görmeye devam edersiniz.


[ Appletler -Ana Sayfa - Javascript - Download  - Favoriler-Grafik ]