cerceve_sayfalari_ve_ozellikleri.htm
 
Bu bölümde, Çerçeveler (Frames ) kullanılarak aynı ekranda birden fazla dosya ile çalışmanın nasıl sağlandığı anlatılacaktır.

2.7.1 Çerçeveler
Çerçeve kullanılarak oluşturulan temel yapı içerisinde birden fazla dosya ile çalışabilir, sayfalar arasındaki uyumu sağlayarak ekranı en ideal şekilde kullanabilirsiniz. Çerçeveleri kullanarak oluşturduğunuz site, normal sayfalardan daha canlı ve etkileyici olacaktır.

Frontpagein sunduğu çerçeve sayfalarından herhangi birisini seçerek, web sayfalarınızı çerçeve içerisine yerleştirebilirsiniz.

Çerçeve sayfalarının birini seçmek için File (dosya ) mönüsünden New (yeni ) seçeneği ve buradan da Page (sayfa ) seçeneğini tıklayın. Açılan pencerede Frames Pages (çerçeve sayfaları ) bölümünü tıklayın.

Yukarıdaki şekilde görüldüğü gibi, Frontpage on adet çerçeve sayfası sunuyor. Bu sayfalardan herhangi birisini seçerek sitenizi dizayn edebilirsiniz. Ayrıca belirtilen çerçeve sayfalarına kendinizde çerçeve ekleyerek, çerçeve seçeneklerini genişletebilirsiniz. Ancak bu işlemlere geçmeden önce, çerçeve sayfalarını en ideal bir şekilde kullanabilmek için bu sayfaları tek tek inceleyelim.


· Banner and Contents (Manşet ve İçindekiler ):
Bu çerçeve sayfası ile üç adet web sayfasını aynı anda idare edebilirsiniz. Üst, sol kenar ve merkezden oluşan bu çerçeve sayfasının kullanımı oldukça kolaydır. Oluşturduğunuz sitenin konusuna göre banner (manşet ) üst çerçevede yer alacaktır. Sol kenar çerçevesinde, site için oluşturulan diğer sayfalara bağlantılar tanımlanarak ana çerçevede (merkez ) bu sayfaların gösterilmesi sağlanacaktır. (Gümüştepe Y., s:139,1999 )

· Contents (İçindekiler ):
Bu pencere sayfası ekranı dikey olarak iki parçaya ayırıyor. Sol kenarı web indeksi olarak tasarlayın. İndeksin içerisine yerleştirdiğiniz bağlantılar yardımı ile sağ tarafta yer alan ana pencere içerisinde sayfa içeriklerini görüntüleyebilirsiniz. Web dışı bağlantılar kullansanız bile indeks sayfanız sol tarafta aynen kalacak sadece ana çerçeve içerisinde diğer site gözükecektir. Ayrıca indeks sayfasına kendinizi veya şirketinizi tanımlayıcı manşet veya resimler ekleyebilirisiniz. (Gümüştepe Y., s:140,1999 )

· Footer (Taban ):
İki bölümden oluşan bir çerçeve sayfasıdır. Ekran alt kısma daha yakın bir şekilde ikiye ayrılmış biçimdedir. Çerçeve isminin Footer (taban ) olmasının sebebi budur. Tabanda oluşturulan ve ekranın daha az bir alanını kaplayan bu kısma yerleştirdiğiniz bağlantıları kullanarak üstte yer alan ana çerçevede bağlantıya ait sayfa veya adres içeriğini görüntüleyebilirsiniz. (Gümüştepe Y., s:141,1999 )

· Footnotes (Dip Not ):
Footer gibi ekranı yatay olarak ikiye bölmüş pencereler şeklinde kullanılır. Ancak bu pencere sayfasında üstte yer alan ana çerçeve içerisinde sayfalara veya diğer sitelere oluşturulan bağlantılar yer alır. Belirtilen bağlantılar tıklandığında sayfa içeriği altta bulunan dipnot penceresinde gösterilecektir. Footnotes penceresinde oluşturulan bağlantı yine footnes penceresinde gösterilecektir. (Gümüştepe Y., s:141,1999 )

· Header (Başlık ):
Yapı olarak footera benzer. Ancak headerda pencere ekranın üst kısmını oluşturur.
(Gümüştepe Y., s:142,1999 )

· Header, Footer and Contents (Başlık, Taban ve İçindekiler ):
En fazla sayfa ile aynı anda çalışan sayfa düzeneğidir. Dört adet sayfa ile aynı ekranda çalışma sağlar. Header (başlık ) ve Footer (taban ) çerçeveleri içerisinde yer alan sayfa bağlantıları, sol taraftaki Contents (içindekiler ) çerçevesinde gözükecektir. Contents çerçevesi içerisinde yer alan bağlantılarsa Main frame (ana çerçeve ) içerisinde gözükecektir. (Gümüştepe Y., s:143,1999 )

· Horizontal Split (Yatay Bölme ):
Ekranı yatay bölerek iki eşit çerçeve sayfası oluşturur. Bu sayfalar tamamen birbirinden bağımsız bir şekildedir. (Gümüştepe Y., s:143,1999 )

· Nested Hierarchy (Yuvalanmış Hiyerarşi ):
Adından da anlaşılacağı gibi bu çerçeve sayfası hiyerarşik bir düzenden oluşuyor. Bu çerçeve düzeneği ile üç adet çerçeve sunuluyor. Çerçeve sayfasının asıl özelliği, sol kenarda yer alan contents (içindekiler ) sayfasındaki bağlantı içeriklerini, üst sayfada göstermesidir. (Gümüştepe Y., s:144,1999 )

· Top-Down Hierarvhy (Üst-Alt Hiyerarşisi ):
Nested gibi hiyerarşik bir çerçeve özelliğine sahiptir. Aslında çerçevelere bu özelliği veren aralarında oluşturulan çerçeve bağlantılarıdır. Top-down hiyerarşisinde üç adet çerçeve sayfası kullanabilirsiniz. Bu çerçeve düzeneğinin asıl amacı üst çerçevede oluşturulan bağlantıları, orta çerçevede göstererek ayrıntılı bilgiyi alt çerçevede sunmaktır. (Gümüştepe Y., s:145,1999 )

· Vertical Split (Dikey Bölme ):
Ekranı dikey bölerek iki eşit çerçeve sayfası oluşturur. Horizontal Splitde olduğu gibi bu iki sayfa tamamen birbirinden bağımsız bir şekilde çalışır. (Gümüştepe Y., s:146,1999 )ü

2.7.1 Çerçeve Yerleşimi ve Özellikleri
Eklenen Çerçevelerin içerisinde herhangi bir sayfa tanımı yoktur, boş bir çerçeve olarak ekrana gelir. Bu çerçeveler içerisinde oluşturulacak sayfa tanımlarını tasarımcı kendi ayarlar. Seçilen çerçeve oluşturulduğunda sayfaların çerçeveye yerleştirilmesi için iki seçenek sunulur. Banner and Contents tipi seçilerek oluşturulmuş bir çerçevede bu seçenekler şu şekildedir.


Set Initial Page:
Mevcut sayfalardan birini çerçeveye yerleştirmemizi sağlayan bir iletişim kutusunu açar. Bu sayfa, Webinizin bir parçası veya World Wide Web deki bir adres olabilir.


New Page:
Yeni bir sayfa yaratarak çerçeveye yerleştirir. (Cadenhead R., s:102,2000 )



Çerçeve kullanılarak oluşturulan bir site için görünüm seçenekleri şunlardır;
Normal: Çerçeve sayfalarını, FrontPage nesnelerini kullanarak değiştirmek için bu bölümün aktif olması gerekiyor. Bu bölümde çerçeve düzeneğinde yer alan bütün sayfalara müdahale imkanı bulacaksınız.

No Frame: Çerçeveler içerisine yerleştirilen dosyalar çerçeve dışında normal bir dosya gibi dizayn edilebilir. Aktif olan çerçeve içerisindeki dosyayı bu şekilde düzeltmek için, bu görünümün seçilmesi gerekiyor.

HTML: Çerçeveler içerisinde yer alan dosyaların HTML kodlarını, kendine ait çerçeve içerisinde gösterir. O dosyaya ait içeriği değiştirebilmek için çerçeve içerisindeki HTML kodlarında değişiklik yapmanız gerekir.

Frame Page HTML: Çerçeve ye ait HTML kodlarını gösterir. Bu alanda, çerçeve ile ilgili yapmış olduğunuz değişiklikleri HTML kodu olarak inceleyebilirsiniz. Çerçeve içerisinde oluşturduğunuz sayfalardan çerçevenin boyutuna kadar bütün çerçeve özellikleri bu alanda özel olarak gösterilir.

Preview: Çerçeve kullanılarak oluşturulan sayfanın ön görünümünü sağlar. (Gümüştepe Y., s:150-151,1999 )

Belirlediğiniz çerçeve sayfaları webde birleşik devre gibi çalışır. Bunun için diğer normal sayfalara göre faklı bir şekilde çerçeve muhafaza edilir. Örneğin; Banner and Contents çerçeve tipi içerisinde üç adet dosya barındırır. Ancak bu dosyalar Refresh (yenileme ) edildiğinde veya diske kaydedilmek istendiğinde FrontPage dört değişik dosya ismi girmenizi isteyecektir. Bu dosyalardan üçü normal olarak çerçeve içerisinde bulunana dosyalardır. Dördüncü dosya ise diğer üç dosyayı aynı anda göstermek ve devreyi tamamlamak için kullanılır. Siteye erişim çerçeve sayfalarından yapılacaksa dördüncü dosyanın isminin index.htm olması uygun olacaktır. (Gümüştepe Y., s:148,1999 )

Çerçeve Özelliklerin Düzenlenmesi
Çerçevenin görünümü ile ilgili bir çok özelliği düzenlemek için çerçeve sayfası üzerinde Mouse ile sağ tıklayın ve açılan seçenek mönüsünden Frame Properties (Çerçeve Özellikleri )i seçin.


Name: Bağlantılar için çerçeveye verilen isimdir. Çerçevede yer alacak sayfa ismi ile karıştırılmaması gerekir. Asıl amacı çerçeve sayfaları içerisinde oluşturulan bağlantıların hangi çerçevede gözükmesi gerektiğini belirlemektir. Yapılan bağlantı oluşturulurken bağlantının açılacağı hedef çerçeve belirtilirken bu isim kullanılacaktır.

Initial Page: Çerçeve içerisinde yer alan sayfanın ismidir. Bu alandaki browse (gözat ) seçeneği kullanılarak başka bir dosya seçip çerçeve içerisindeki dosya ile değiştirebilirsiniz.

Frame Size: Çerçeveye a.t genişlik ve yüksekliği girdiğiniz sayısal değerlerle belirleyebilirsiniz. Girdiğiniz sayısal değerleri yorumlaması için Percent (yüzde ) veya Pixel değerinin seçmeniz gerekiyor. Percent değeri seçilerek çerçevenin, ekranın yüzde kaçını kaplayacağını ya da Pixel değerini seçerek sayısal değere göre genişlik ve yükseklik miktarını belirleyebilirsiniz. Relative seçeneği ise çerçeveler arasındaki uyumu en ideal şekilde sağlayan, varsayılan değerdir.

Margins: Girilen değerler doğrultusunda çerçeveler arasına dikey ve yatay marjlar oluşturur. Bu alana girilen değerler Pixel cinsinden hesaplanarak uygulanır.

Resizeable in Browser: oluşturulan çerçeve sayfasının ön görünümde veya herhangi bir browserda çerçeve boyutlarının serbest bırakır. Bu seçenek işaretlenerek oluşturulan çerçeve çizgileri Mouse ile sürüklenerek boyut değiştirebilir. Sitenizi ziyaret eden kişilerin çerçeve boyutlarını değiştirmesini istemiyorsanız, bu seçeneği işaretlemeyin.

Show scrollbars: Çerçeve kenarında yer alan kaydırma çubuklarının durumunu belirler. Bu seçenek ile kaydırma çubukları ya Always (daima ), ya Never (asla ) ya da If Needed (sadece ihtiyaç anında ) görülebilir.

Frame Page: Çerçeve penceresine ait özellikler penceresini açar. Bu pencerede çerçeveye ait sınır çizgilerinin kalınlığını belirleyebilirsiniz.

Çerçeveler Arası Bağlantı Oluşturma
Çerçeve kullanılan bir webde birden fazla dosya ile aynı anda çalışıldığı için bağlantının hangi çerçeveye açılacağı belirtilmelidir. Bu işlem için önce bağlantının oluşturulacağı metin veya resim dosyasını seçin ve Insert mönüsünden Hyperlink seçeneğini tıklayın. Bağlantı seçeneğinde yer alan Target Frame (hedef çerçeve ) seçeneğini tıklayarak bağlantıya ait dosyanın hangi çerçeveye açılacağını belirleyebilirsiniz. Hedef çerçeveyi tıklayarak belirleyin

Page Default (main ): Çerçeveyi oluşturmak için seçilen çerçeve tipine ait varsayılan değerleri içerir. Banner and Contents çerçeve tipinde, Contents alanında yapılan bağlantı dosyası, main(ana sayfa )de gösterildiği için main varsayılan değerdir.

Same Frame: bağlantı dosyasını, bağlantının yapıldığı çerçeveye açar. Örneğin; Contents penceresinde oluşturulan bir bağlantı için bu seçeneği işaretlersiniz, bağlantı dosyası yine contents penceresine açılacaktır.

Whole Page: Bu seçenek kullanılarak oluşturulan bağlantı bağımsız bir sayfa olarak açılacaktır. Çerçevenin herhangi bir sayfasına açılmayacaktır.

New Window: Oluşturulan bağlantıyı ikinci bir pencere açarak orada gösterir.

Parent Frame: Bağlantı çerçevelerden herhangi birisine açılmayacak bağımsız bir pencerede açılacaktır.


2.7.1 Çerçeve İçerisinde Yeni Çerçevelerin Oluşturulması
Şimdiye kadar Frontpagein hazır çerçeve tiplerini kullanarak çerçeveler oluşturduk. Bunun yanı sıra, Frame mönüsü kullanarak oluşturduğunuz çerçeveleri bölerek daha fazla çerçeve ve çerçeve içerisinde oluşturduğunuz sayfa ile çalışma imkanı sağlayabilirsiniz. Çerçeveyi bölerek çoğaltmak için bölünecek çerçeve üzerinde aktif olmanız gerekiyor. Aktif çerçeveyi bölmek için Frame mönüsünden Slit Frame seçeneğini tıklayın ve çerçevenin yata mı yoksa dikey mi bölüneceğinin belirleyin.

Çerçevelerin Silinmesi
Önce silmek istediğiniz çerçeveyi seçin. Frame mönüsünden Delete Frame seçeneğini tıklayın. Bu işlemle çerçeveyi silmiş olacaksınız. Eğer çerçeve içerisinde dosya bulunuyorsa silme işlemi bu dosyayı etkilemeyecektir. Sadece çerçeve silinmiş olacaktır.
 
Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol