Frontpage Dersi

FRONTPAGE

2.1. FRONT PAGE'İ TANIMA
Piyasada birçok görsel HTML editör programı bulabilirsiniz. Ancak Front Page programının bunlar arasında gerçekten önemli bir yeri vardır. Bunun birkaç sebebi;
· Front Page programı ile basit bir doküman dosyası hazırlar gibi web sitenizi hazırlayabilir, sitenize ait sayfaları şema halinde oluşturup, şemaya göre sitenizi düzgün temellere oturtabilirsiniz.
· Sitenizi oluştururken yerleştireceğiniz web alanına ait dizini tanımlayarak bir yığın FTP işlemi ile uğreşmadan kendi dizin yapısyla sitenizi yayımlayabilirsiniz.
· Front page programında hazırladığınız sayfaların web alanında görünümünü Front Page programını "WYSIWYG" (whatyouseeiswhatyouget) özelliğiyle anında görebilirsiniz. Bu işlem yardımıyla sürekli web dosyasını kaydedip, browser ile bakmaktan kurtuluyorsunuz.(Gümüştepe Y.,s.6,1999)


2.2. FRONT PAGE' IN GENEL YAPISI:








2.2.1 Görünüm Düğmeleri
Site görünüm mönüsünde yer alan gösteri düğmeleri ile oluşturulan site hakkında bir çok özelliği takip edebilir, sitenin bağlantılarını, görevlerini, sayfaların genel dizilişini ve web sayfasında kullanılan dosyalar hakkında çeşitli rapor dökümlerini öğrenebilirsiniz.

2.2.1.1 Page (Sayfa) Gösteri Düğmesi :

Bu düğmenin genel amacı front page sayfalarını düzenlemek için editör penceresini açmaktır.



2.2.1.2 Folders (Klasör) Gösteri Düğmesi:

Bu düğmenin asıl amacı site için kullanılan dizin ve dosyaları görüntülemektir. Herhangi bir dizin içinde yer alan dosya ve alt dizinleri görmek için, dizin adı üzerinde tıklamanız yeterli olacaktır.


2.2.1.3 Reports (Raporlar) Gösteri Düğmesi:

Bu düğmeyi tıklayarak webi oluşturan bileşenler hakkında bilgileri raporlayabilirsiniz. HTML uzantılı web dosyaları ve bu dosyalara ait bağlantılar, resim dosyaları, bağlantı oluşturulmayan dosyalar, bağlantı sağlanan dosyalar, web içerisinde oluşturulan ancak kullanılmayan dosyalar, web içerisi ve web dışına yapılmış bağlantılar gibi birçok istatistiksel bilgiye ulaşabilirsiniz.

2.2.1.4 Navigation (Dümen) Gösteri Düğmesi :

Bir anlamda Front Page programının düzmenidir. Bu gösteri düğmesini tıklayarak webi oluşturacak sayfaların maketini tasarlayabilirsiniz. Oluşturduğunuz bu sayfalar arasında bağlantı hiyerarşisini sağlayabilirsiniz.


2.2.1.5 Hyperlinks (Yüksek Bağlantılar) Gösteri Düğmesi :

Sayfalar arasında oluşturulan veya web sayfalarının dışında herhangi bir adrese yapılan bağlantıların durumunu şema halinde gösteren, gösteri düğmesidir.


2.2.1.6 Tasks (Görevler) Gösteri Düğmesi :

Web sayfalarınız için yapmak istediğiniz ancak uygulamaya henüz geçiremediğiniz görevleri bu alana yazarak siteyi yayımlayana kadar görevleri takip edebilirsiniz. Oluşturulan görevin tarih ve zamanı, Front Page tarafından otomatik olarak tutulur.
(Gümüştepe Y.,s:24 ,1999)

2.2.2 Sayfa İçerik Görünümleri
Bir sayfanın içeriği 3 değişik biçimde görüntülenebilir.

2.2.2.1 Normal : Çalışılan ekran üzerinde düzenlemelerin yapılabildiği görünümdür.

2.2.2.2 HTML : Düzenlenen sayfanın HTML kodlarının görüntülenmesini sağlar. Buradan deneme yanılma yoluyla HTML de öğrenebilirsiniz.

2.2.2.3 Preview : Düzenlenen sayfanın browser da görüntüleneceği biçimde görülmesini sağlar.

2.3 FRONT PAGE 2000 MÖNÜLERİ
Front Page aşağıdaki gibi on adet mönü içermektedir. Bunlar; File, Edit, View, Insert , Format, Tools, Table, Frames , Window ve Help mönüleridir.

Yukarıdaki ekranda mönü çubuğu ve araç çubuğu görülmektedir. Araç çubuğu üzerindeki butonlar HTML taglarını sayfaya eklemek için ve metinleri hizalamak için kullanılabilecek butonları toplu halde içermektedir.

2.3.1 File Mönüsü

File mönüsü, dosyalama işlemlerinin yapıldığı mönüdür. Yandaki ekran, bu mönünün alt başlıklarını göstermektedir.




2.3.1.1 New


Yeni bir sayfa oluşturmak için kullanılır. Yeni bir sayfa çok çeşitli şekillerde başlatılabilir. Bu seçenekler bir liste şeklinde yandaki gibi ekrana gelecektir.



2.3.1.1.1 Page seçeneği boş bir sayfa açar. Front Page 2000 ilk açıldığında boş bir sayfa ile açılır.

2.3.1.1.2 Web ; yeni bir web düzeneği oluşturur. Front Page oluşturacağınız web sitesi için, 8 adet şablon dosyadan herhangi birini seçme hakkı tanıyor. Belirtilen şablon dosyaları kullanılarak fazla uğraşmadan orijinal web sitesi hazırlanabilir. ( Gümüştepe Y., s:27,1999)

web şablonları webin oluşturulacağı dizin ve konumu




2.3.1.1.2.1 One Page Web (Bir Sayfalık Web); Sadece bir sayfadan oluşan web düzeneğidir. Ana sayfadan sonra oluşturulan bu bir sayfalık web içeriği tamamen boştur.

2.3.1.1.2.2 Corporate Presence Web Wizard (Şirket Web Sihirbazı); Bir şirket için web sitesi hazırlanacaksa, ilgili seçeneklerle bilgi toplayarak sitesinin wizard ile oluşturur.

2.3.1.1.2.3 Customer Support Web (Müşteri Destek Sitesi); Bu şablon da şirket için hazırlanmış bir taslaktır. Ancak corporate Presence web gibi adım adım takip edilen ve oluşturulan bir tasarım değildir. Özellikle, müşteri hizmetleri için tasarlanmış bir şablondur. (Gümüştepe Y., s:38,1999)

2.3.1.1.2.4 Discussion Web Wizard (Görüşmeli Web Sihirbazı); Web tasarımcısının belirlediği konuda site ziyaretçileriyle tartışma gerçekleştirmek amacıyla oluşturulan bir dizi form düzeneğidir. Web sihirbazı formların oluşturulmasında ve site düzeneği hakkında web tasarımcısına rehberlik eder. (Gümüştepe Y., s:38,1999)

2.3.1.1.2.5 Empty Web (Boş Web); Tamamen boş bir şekilde oluşturulan web sitesidir.

2.3.1.1.2.6 Import Web Wizard (Web Nakil Sihirbazı); Internet ortamında veya disk alanında mevcut bulunan web dosyalarını front page ortamına naklederek düzeltilmesini sağlayan bir şablondur. (Gümüştepe Y., s:47,1999)

2.3.1.1.2.7 Personel Web (Kişisel Web) ; şahısların kendilerini tanıtmalarını sağlamak için oluşturulmuş web şablonudur.

2.3.1.1.2.8 Project Web (Tasarım Web); Bir çok web bileşenini bir arada bulundurur. Tasarımcıya kolaylık sağlamak amacıyla oluşturulan bu şablonda web için istenecek hemen hemen bütün bileşenler mevcuttur.
Şablonun temel konuları aşağıdaki gibi sıralanabilir:
· Members (Üyeler); Site üyelerini gösteren bir liste yer alıyor. Bu liste A'dan Z'ye alfabetik bir sıralamayı içeriyor. Ayrıca kullanıcıya ait isim için bağlantı oluşturulmuş durumdadır. Bu bağlantı tıklanarak üye hakkında daha geniş bilgi almak mümkündür.
· Schedules (Listeler); site içerisinde gerçekleştirilecek değişikliklerin bir listesi bulunur. Bu listeyi web tasarımcısı, aylık hatta haftalık belirleyebilir. Ayrıca ürünler hakkında oluşturduğunuz veriler için veri tabanı ve raporlar hazırlar.
· Status (Durum) ; Olaylar ve projelerin planlanmış durumunu gösterir. Planın tarihe verilerin bağlantı tıklanarak plan görülebilir.
· Archive( Arşiv); Üyeler ait dokümanların bulunduğu dosyadır.
· Search (Arama); arama formunun bulunduğu sayfadır. Sitede herhangi bir metne göre arama gerçekleştirilebilir.
· Discussion (Tartışma); Web ziyaretçisini tasarımcıya formlar doğrultusunda ulaştıracağı bilgiler için aracı görevini gören formların bulunduğu sayfadır.
2.3.1.2 Open
mevcut bir sayfayı çağırmak için kullanılır. Bu sayfa disk üzerinde saklı bir dosya olabileceği gibi herhangi bir URL deki sayfa da olabilir.

2.3.1.3 Close
Üzerinde çalışılan sayfayı kapatır. Sayfa üzerinde kaydedilmeyen değişiklik varsa, Front Page değişikliklerin kaydedilip kaydedilmeyeceğini sorduktan sonra sayfayı kapatır.

2.3.1.4 Open Web
Daha önceden disk üzerinde oluşturulmuş web düzeneğine ulaşmayı sağlar.

2.3.1.5 Save
Sayfayı kaydetmek için kullanılır.

2.3.1.6 Save As
Farklı olarak dosyayı farklı bir isimde kaydetmek için kullanılır. Bu şekilde dizinde hem eski dosya ve yeni isim ile kaydedilmiş dosya mevcut olacaktır.

2.3.1.7 Publishing Web
Hazırlanan siteyi internet ortamına taşır.Ayrıntılı bilgi Sitenin Yayımlanması bölümünde verilecektir.

2.3.1.8 Preview in Browser
Düzenlenen sayfanın browser da görüntülenmesini sağlar.

2.3.1.9 Page Setup
Sayfanın yazıcı çıktısı ile ilgili düzenlemelerin yapılabileceği bir diyalog penceresi açar. Diyalog penceresinde sayfa başlığı ve dipnotu, sağ ve sol boşlukları gibi ayarlamaları yapabilirsiniz.

2.3.1.10 Print Preview
Sayfanın yazıcı çıktısını yazıcıya göndermeden ekranda görebilmek için kullanılır.

2.3.1.11 Print
Sayfayı yazıcıya göndermek için kullanılır.

2.3.1.12 Send
Üzerinde çalışılan aktif sayfayı e-mail (elektronik posta) olarak göndermek için kullanılır.

2.3.1.13 Exit
Front Page programından çıkar.

2.3.2 Edit Mönüsü


2.3.2.1 Undo ; Yapılan son düzenlemeyi geri alır.

2.3.2.2 Redo ; Undo ile yapılan değişikliği geri alır.

2.3.2.3 Cut; İşaretlenen alanı ekrandan kesip, hafızaya alır.

2.3.2.4 Copy; İşaretlenen alanı ekrandan kesmeden, hafızaya alır.

2.3.2.5 Paste; Hafızadaki alanı ekrana taşır.

2.3.2.6 Delete; İşaretlenen alanı hafıza ve ekrandan siler.

2.3.2.7 Select All; Ekrandaki tüm alanları seçer.

2.3.2.8 Find ; İstenen kelimeyi bulunulan sayfada arar.

2.3.2.9 Replace; İstenen kelimeyi istenilen kelimeyle değiştirir.

2.3.2.10 Tasks; Yeni bir görev ekler.

2.3.3 View Mönüsü


2.3.3.1 Page; Ekranda sadece düzenleme sayfasının görüntülenmesini sağlar.

2.3.3.2 Folders; Ekranda çalışılan dizin yapılarının da görüntülenmesini sağlar.

2.3.3.3 Reports; Raporların görüntülenmesini sağlar.

2.3.3.4 Navigation; Sayfa maketinin görüntülenmesini sağlar

2.3.3.5 Hyperlinks; Sayfalar arası bağlantıların görüntülenmesini sağlar.


2.3.3.6 Tasks; Tasarlanan ancak henüz uygulamaya geçirilmemiş görevleri gösterir.

2.3.3.7 Views Bar; Görünüm düğmelerinin görüntülenmesini sağlar.

2.3.3.8 Folder List; Liste dosyasının görüntülenmesini sağlar.

2.3.3.9 Toolbars; Araç çubuklarının görüntülenmesini sağlar.

2.3.3.10 Refresh; Yapılan son değişikliklerle hazırlanan sayfayı günceller.

2.3.4 Insert Mönüsü


2.3.4.1 Break; Cursor'un bulunduğu yerden sonraki kalan kısmı bir sonraki satırdan başlatır. HTML karşılığı break 'ın <BR> dır.

2.3.4.2 Horizontal Line; Sayfaya çizgi çizmek için kullanılır. HTML karşılığı <HR> dır.

2.3.4.3 Date and Time; Sayfaya günün tarih ve saatini ekler.
2.3.4.4 Component; Seçildiğinde, açılan aşağıdaki bileşenleri aktif sayfaya ekler.

2.3.4.5 Database; Sayfaya veri tabanı ekler.

2.3.4.6 Form; Seçildiğinde, açılan aşağıdaki form bileşenleri aktif sayfaya ekler.


2.3.4.7 Advanced; Seçildiğinde, açılan aşağıdaki bileşenlerin sayfaya dahil edilerek daha dinamik web sayfalarının hazırlanmasına imkan sağlar.




2.3.4.8 Picture; Sayfaya resim ekler.

2.3.4.9 Hyperlink; Metne,resme ya da seçili nesneye link verilmesini sağlar.

2.3.5 Format Mönüsü

2.3.5.1 Font; Yazı fontu ile ilgili değişikliklerin yapıldığı seçenektir. HTML de <font> tagına karşılık gelir.

2.3.5.2 Paragraf; Hazırlanan sayfanın paragraf ile ilgili özeliklerini değiştirilmesini sağlar. Html de <P> tagı ile yapılan iş bu seçenekten ayarlanabilir.

2.3.5.3 Bullets and Numbering; Metne madde imi ve numaralandırma ekler.

2.3.5.4 Borders and Shading; Metne çerçeve ve gölgelendirme ekler.

2.3.5.5 Dynamic HTML Effects; Seçilen yazı yada nesneye çeşitli effect ekler. Seçildiğinde effect seçilmesi için pencereden özellikler ayarlanabilir.

2.3.5.7 Style; Yazı sitilini seçer.

2.3.5.8 Theme; Sayfanın arka zeminin seçilmesini sağlar. Front Page'in kendi kütüphanesinde zengin temalar bulunmaktadır.

2.3.5.9 Properties; Seçili nesnenin özellikleri görüntülenir. Nesneye göre , ekrana gelen pencere içeriği değişmektedir.

2.3.6 Tools Mönüsü

2.3.6.1 Spelling; yazım denetimi yapar. Front Page kütüphanesinde bulunmayan sözcük yazım hatalarını bildirir ve doğru yazım için öneriler sunar.

2.3.6.2 Customize; Toolbars, command,options sekmeleri bulunan bir pencere açılır ve bunların özelleştirilmesi sağlanır.

2.3.6.3 Options;General, Configure Editör,Reports View sekmeleri bulunan bir pencere açılır ve seçenekler değiştirilebilir.
2.3.6.4 Page Options; Sayfa düzeninin değiştirilmesini sağlar.

2.3.7 Table Mönüsü

Web sayfasına istenilen satır ve sütun sayısına sahip tablo ekleme mönüsüdür. Yine bu mönü yardımıyla tablo üzerinde değişiklik yapılabilir.


2.3.8 Frames Mönüsü


Normalde yapılan tüm işlemler bir tek web sayfası üzerinde yapılmaktadır. Bu mönü üzerinde çalışılan sayfa birkaç satır ve sütuna ayrılarak her hücre ayrı bir web sayfası gibi davranır. Bu mönü ayrıca anlatılacaktır.



2.3.9 Window Mönüsü


New window; Yeni bir pencere açar.





2.3.10 Help Mönüsü


Bu mönü ile Front Page versiyonu hakkında bilgi alabilir, komutların kullanımı hakkında örnekler görebilirsiniz.











2.4 ADIM ADIM WEB TASARIMINA GİRİŞ

Bu bölümde Front Page 2000'in Web Şablonlarını kullanarak hızlı ve düzeyli bir web sitesinin oluşturulması anlatılmıştır.

2.4.1 Front Page İle Web Oluşturma;
Front ,page ile web sitesi ilk oluşturulduğunda Web içersinde bulunan bileşenler, Front Page tarafından bir dizine aktarılacaktır. Bu dizine Web dizini diyoruz. Bu aşamadan sonra artık oluşturulan her Web sayfası bu dizin içine yazılacak, eklenen her nesne (resim, video, ses dosyaları vb.) bu dizine saklanacaktır. Site için yapılan denetimler yine bu dizin içerisinde yer alan dosya ve alt dizinlere göre yapılacaktır. Sitenin yapım aşaması bittikten sonra yine bu dizinler web alanında yayımlanacaktır.( Gümüştepe Y.,s:27,1999 )
FrontPage başlatıldıktan sonra bir web düzeneği oluşturmak için, File (dosya) mönüsünden New(yeni) ve buradan da web seçeneğini tıklamamız gerekiyor.

Web Seçenekleri:
1. One Page Webs
2. Corporate Presence Wizard
3. Customer support Web
4. Discussion Web Wizard
5. Empty Web
6. Import Web Wizard
7. Personel web
8. Project Web

2.4.1.1 One Page Wizard
Sadece bir sayfadan oluşan Web düzeneğidir. Ana sayfadan sonra oluşturulan bu bir sayfalık Web içeriği tamamen boştur. İşe temelden sağlamak ve bütün site tasarımını kendi yapmak isteyenler için oluşturulmuştur.

2.4.1.2 Corporate Presence Web Wizard(Şirket Web Sihirbazı)
Oluşturacağınız web sitesi, herhangi bir şirket içinse bu şablon kullanılarak web sitesi hazırlayabilirsiniz. 13 farklı iletişim kutusunda oluşan bu sihirbazla ;
· Web üzerinden tanıtılacak ürünler ve hizmetler,
· Ziyaretçilerden geribildirim alınıp alınmayacağı,
· Web'in kendi arama motoruna gerek olup olmadığı,
· Web de gösterilecekse, firmanın misyonunun ifadesi,
· Katalog talepleri gibi toparlanacak diğer tür bilgiler,
· Firma için ve Web üzerinden sorgularla kullanılacak tüm irtibat bilgileri(Rogers s.48)
bilgileriyle istenilen dinamik bir şirket web sitesi kurulabilir.

2.4.1.3 Customer support Web (Müşteri Destek sitesi)
Bu şablon da şirket için hazırlanmış bir şablondur. (Gümüştepe Y., s:38,1999) Şablonda belli başlı olarak, What' s New? (Ne yeni?), FAQ (ürünler hakkında en çok sorulan sorular), Bugs(Arıza ve problemler), Suggestions(teklifler), download(çeşitli programları yükleme), Discussion(tartışma) ve Search (arama) gibi konularda rehberlik eder.


2.4.1.4 Discussion web Wizard (Görüşmeli Web sihirbazı)
Web tasarımcısının belirlediği konuda site ziyaretçileri ile tartışma gerçekleştirmek için bir dizi form örneğidir.

2.4.1.5 Empty Web (Boş Web)
tamamen boş bir şekilde oluşturulan bir web sitesidir. Aslında bir şablon değildir. Oluşturulacak sayfalar ve sayfalar içerisindeki gerçekleştirilecek bitin işlemler web tasarımcısına aittir. Tabandan en yüksek boyuta kadar bütün işlemlerin kullanıcıya bırakıldığı bu seçenekle işe başlamak için; Front Page ile ilgili önemli bilgileri bilmek gerekiyor. (Gümüştepe Y., s:47,1999)

2.4.1.6 Import Web (Web Nakil sihirbazı)
İnternet ortamında veya disk alanında mevcut bulunan web dosyalarını, Front Page ortamına naklederek düzeltilmesini sağlayan bir şablondur. Ancak tüm bileşenleri front page ortamına nakledemezsiniz. Örneğin geribildirim formları gibi.
Download işlemi yapılırken, Front Page'e çeşitli şartlar verebilirsiniz. Belirli bir büyüklük şartı verebilir ya da kaç düzey içeriye kadar yükleme işlemi yapılacağını belirtebilirsiniz.

2.6.1.7 Personel Web (Kişisel Web)
Şahısların kendilerini tanıtmak için kullanılan web şablonudur. Kişisel bir site için her şey düşünülmüş ve başlangıç sayfasından linkler hazırlanmış durumdadır.

2.4.1.8 Project Web (Tasarım Webi)
Project web birçok web bileşenini bir arada bulunduruyor. Tasarımcıya kolaylık sağlaması amacıyla oluşturulan bu şablonda, web için istenecek hemen hemen bütün işlemler mevcut. Tasarımcı bir çok dosyadan oluşan bu şablon üzerinde değişiklikler yaparak orijinal bir site oluşturabilir.
Members(Üyeler): Site üyelerini gösteren bir liste yer alıyor.
Schedules (Listeler): site içerisinde gerçekleştirilecek değişikliklerin bir listesi bulunur. Bu listeyi tasarımcı aylık hatta haftalık olarak belirleyebilir.
Satatus(Durum): olaylar ve projelerin planlanmış durumunu gösterir.
Search(Arama) : Arama formunun bulunduğu sayfadır. Sitede herhangi bir metne göre arama yapılabilir.
Discussion (Tartışma): Web ziyaretçisinin tasarımcıya formlar doğrultusunda ulaştıracağı bilgiler için aracı görevini gören formların bulunduğu web sayfasıdır.

2. 5 SAYFALAR ARASI BAĞLANTILAR
Bu bölümde web sayfaları arasında bütünlük sağlama ve bağlantılar(links) hakkında bilgiler
verilecektir. Ayrıca sayfa içerisinde belli yerlere konumlama sağlayan, Bookmark kavramı üzerinde
durulacaktır.

2.5.1 Bağlantılar (Links) :
Web sayfalarını birbirlerine yönlendirerek bağlantıyı sağlayan temel unsur, bağlantılar dır. Web sayfaları bu şekilde bir bütünlük ifade eder. Bunun için bağlantıların önemi büyüktür. İyi bir web sayfasında bağlantılar çıkmaza girmez, mutlaka bir yeri gösteren bağlantı içerir.
Web içersinde oluşturulan bir bağlantı, web içerisinde başka bir dosyayı, web dışında yer alan herhangi bir İnternet adresini, elektronik posta adresini veya download etmek üzere bağlantı kurulan html harici çeşitli dosyaları gösterebilir.( Gümüştepe Y., s:109,1999)
Bağlantı kurmak için Insert(ekle) mönüsünde Hyperlink seçeneği kullanılır. Kısa yolu ise Ctrl+K tuş kombinasyonudur. Ayrıca araç kutusundan

seçeneği ile de hyperlink oluşturula bilinir.


Örneğin aşağıdaki Front Page ekranındaki hakkımda yazısına bağlantı kurmak için; yazı fare veya klavye yardımıyla seçilir.



Daha sonra bağlantı kurmak için yukarıdaki seçeneklerden birisi seçilir. Mesela, metin seçiliyken farenin sağ tuşuna basılarak karşımıza gelen iletişim kutusundan Hyperlink seçilebilir. Böylece Bağlantı kurma penceresi karşımıza gelecektir.




1 2 3 4
Bağlantı bir İnternet adresi ise
adres bu alana girilir.


İlgili browser'ı açarak İnternet bölgesinde yer alan herhangi bir sayfaya bağlantı oluşturmak için, browser kısa yolunu (1) tıklayın ve İnternet bölgesinde bulunan adresi browser yardımı ile belirleyin. Aynı işlemi diske göz atmak için , gezgin(2) kısa yolunu tıklayın ve diskinizde yer alan dosyayı belirtin. Oluşturacağınız bağlantıya tıklandığında belirttiğiniz bir elektronik posta adresine ileti göndermek istiyorsanız, ileti kısa yolunu(3) tıklayın ve açılan pencereye elektronik posta adresini giriniz. Eğer bağlantı yapacağınız sayfayı henüz oluşturmadıysanız, yeni sayfa oluşturma kısa yolunu (4) seçin. Bu işlemle yeni bir sayfa oluşturacak ve oluşturduğunuz sayfaya link tanımlamış olacaksınız.
Bağlantıyı sayfa içerisinde yer alan herhangi bir yere konumlandırabiliriz. Bu işleme sayfa içi bağlantıda bookmark diyebiliriz.

2.5.2 Bookmark:
Eğer sayfanız çok geniş bir bilgi birikimi içeriyorsa, ana başlıklara koyduğunuz bağlantılar yardımıyla sayfa içerisinde hızlı bir şekilde o konu üzerine konumlanabiliriz. Bu işleme bookmark denir. (Gümüştepe Y., s:111,1999)
İşaretli metne veya seçili nesneye bookmark oluşturmak için, Insert mönüsünden bookmark seçeneği tıklanır.
Hyperlink' in ayarlandığı şekilden ilgili Bookmark ikonu seçilir.
Karşımıza aşağıdaki gibi bir iletişim kutusu gelecektir.
Bookmarka verilecek isim

Sayfada yer alacak diğer bookmark isimleri bu alanda yer alacaktır.

Seçili bookmarkı siler.

Bookmark oluşturulan yerdeki metnin altı kesik çizgilerle çizilecektir. Ancak bu çizgiler herhangi bir browser da veya preview seçeneği ile gözükmeyecektir.

Bağlantı Tanımları

1- Web alnı içerisinde bulunan htm dosyalarına yapılan bağlantılar: sayfaların birbirlerine bağlanması için kullanılan bağlantı seçeneğidir. Front Page e ait bağlantı penceresi açıldığında web dizini içersinde yer alan html uzantılı dosyalar gözükecektir. Bu dosyalar tıklanarak bağlantı sağlanabilir.



1. Web alanı dışında bulunan, başka adreslere yapılan bağlantılar:
Kendi web sitenizden, diğer web sitelerinin adresleri, bağlantı yardımıyla çağrılabilir. Bu tür bağlantıyı gerçekleştirmek için bağlantının yapılacağı adres, URL bölümünde yer alan boşluğa girilmelidir.

2. Elektronik Posta adresleri için oluşturulan bağlantılar :
Bu tür bağlantılar genellikle sizin belirttiğiniz bir posta adresine tanımladığınız bağlantılardır. Sitenizi ziyaret eden kişilerin belirttiğiniz e-posta adresini kullanarak sizinle iletişimini amaçlar.

3. Bookmarklarla yapılan bağlantılar :
Uzun metin bilgilerinden oluşan web sayfalarını, sayfa içerisinde hızlı konumlanmayı sağlayan bağlantılardır.

4. Diğer Dosya Türlerine Yapılan bağlantılar :
HTML dilinin doğrudan yorumlayabildiği dosyalara tanımlanan bağlantılara eklenen dosyalar direk olarak başka bir sayfa içerisinde yorumlanır.
Bunun yanı sıra HTML dilinin doğrudan yorumlayamadığı dosyaları download işlemi dediğimiz web ortamından diske yükleme imkanı sağlayacaktır. (Gümüştepe Y., s:114,1999)


2.6 WEB SAYFASINA RESİM ve MULTİMEDİA DOSYALARINI EKLEME
Bu bölümde web sayfasına resim ve multimedia dosyalarını ekleme işlemi anlatılacaktır.

2.6.1 Web Sayfasına Resim Formatlı Dosya Ekleme:
HTML dili,resim dosyaları doğrudan yorumladığı için resim dosyaları üzerinde etkili ve hızlı işlemler gerçekleştirilebilir. Front Page sayfasına ekleyeceğiniz resimleri birçok yerden elde edebilirsiniz. Front Page ile birlikte gelen birçok resim dosyasından faydalanabileceğiniz gibi internet ortamından Download ettiğiniz resimleri de sayfanıza uygulayabilirsiniz.Ayrıca Scanner(Tarayıcı) isimli donanım aygıtını kullanarak albümünüzde yer alan herhangi bir fotoğrafı, bilgisayar ortamına aktarıp kullanabilirsiniz. Office ile birlikte gelen ve diğer Office üyelerini desteklediği gibi Front Page'ide destekleyen Microsoft Clip Art Gallery içerisinde gerçekten hoşunuza gidecek resimler çıkacaktır.

Front Page sayfasına resim dosyası eklemek için, Insert(ekle) mönüsünden Picture(resim) ve buradan da From File(dosyadan) seçeneğini tıklayın. Açılan pencerede resim dosyasının konumunu belirleyin.





Sayfanıza eklemek istediğiniz resim dosyasını seçmeniz için Front Page, web dizini açacaktır. Dizin içerisinde yer alan resim dosyalarından herhangi birisi üzerine tıklayarak sayfaya ekleyebilirsiniz. Daha önce sayfanız ile hazırlık yapıp resim dosyalarını Images dizinine kopyaladıysanız, bu dizin içerisine girip dosyayı oradan ekleyebilirsiniz.

Site için önceden herhangi bir hazırlığınız olmadıysa, disk alanında veya ağ sürücülerinde yer alan herhangi bir resim dosyasına, gezgin düğmesine tıklayıp erişebilirsiniz. Eğer resim dosyası İnternet alanında yer alıyorsa, aktif browser'ı açmak için browser tanımlı düğmeyi tıklayın ve dosyayı İnternet bölgesinden seçin. Web dizini dışında yer alan herhangi bir dosyayı sayfaya eklediğinizde Front Page bu dosyayı web dizinine kopyalamak için sizden onay isteyecektir.


Eklenecek resim dosyası Resim dosyasının ön görünümü


Re name(Yeniden Adlandır);Disk ya da İnternet ortamından alınan resim dosyasını web dizininde değişik bir isimle kaydetmek için dosyanın ismini değiştirir. Aynı işlemi F2 fonksiyon tuşuna basarak da gerçekleştirebilirsiniz.

Change Folder(Dizin değiştir); Resim dosyasını, web dizin içerisinde yer alan alt dizinler içersinde saklama imkanı sağlar. Resim dosyalarının Images isimli dizinde saklanması daha iyidir.

Set Action(Görevi belirle); Hemen hemen bütün windows programlarında olduğu gibi, Front Page de yapılan işlemler kaydedilinceye kadar bilgisayarın geçici belleğinde (RAM) tutulur. Herhangi bir güç kesilmesinde veya programdan doğacak bir hatadan dolayı değişiklik iptal edilir. Yapılan işlemler ancak diske kaydedildiğinde kalıcı olur. Bu bilgiler ışığı altında eklenen resim dosyasını web dizinine kopyalamamız veya bu değişikliği sayfadan iptal etmeniz için sunulan seçenektir.

Save(Kaydet); Seçeneği kullanılarak resim dosyasını web dizini içerisinde belirlediğiniz yere kaydedebilirsiniz.

Sayfa içerisinde yer alan resim üzerine tıklayıp Mouse hareketleri ile, resmin boyutlarını ve sayfa içerisindeki konumunu değiştirebilirsiniz.

2.6.2Web Sayfasına Clipart Gallery'de Yer Alan Resimleri Ekleme:
Web sayfasına resim dosyalarını kullanarak eklediğiniz resimlerin yanı sıra, Office ile birlikte gelen Microsoft Clip Art Gallery içerisindeki resim ve multimedia dosyalarını da sayfanıza ekleyebilirsiniz. Clipart Gallery içerisinde bulunan resimler kategorilere ayrılmış şekildedir. Kullanacağınız resmi önce kategori içerisinden seçmeniz gerekiyor. Bunun yanı sıra, Clipart Gallery içerisine kendiniz kategori oluşturabilir, tanımladığınız resim dosyaları ile resim galerinizi genişletebilirsiniz.

Front Page sayfasına Clipart Gallery'de yer alan resim ve multimedia dosyalarını eklemek için Insert (Ekle) mönüsünden Picture (Resim) ve buradan Clip Art (küçük resim) seçeneğini tıklayın.










Buradan herhangi bir kategori seçilip, bu kategoriden bir resme Mouse ile tıklandığında aşağıdaki görüntü ekrana gelir;



Seçilen clip ile ilgili seçenekler aşağıda verilmiştir;

Insert Clip: Küçük resmi belgeye eklemek için tıklayın.

Preview Clip: Küçük resmi biraz daha büyüterek öngörünüm sağlar.

Add Clip to Favorites or other category: Küçük resmi, Favorites (sık kullanılan) kategorisine ya da diğer kategorilerden birisine ekleme imkanı sağlar.

Find Clip with similar: Seçilen küçük resme renk veya karakteristik özelliklerine benzer diğer resimleri kategoriler içerisinde arar. Clip art gallery , bu işlem için bir seçenek penceresi sunar.


2.6.4 Resim Dosyalarına Ait özelliklerin düzenlenmesi:
Web sayfasına herhangi bir yolla eklediğiniz resim dosyasının özelliklerini düzenleyebilirsiniz. Herhangi bir resim işlemci programına geçiş yapmadan , Front Page ortamında resim dosyasının tipini değiştirebilir, resim dosyasına bağlantı oluşturabilirsiniz. Resim dosyasına ait özellikleri görmek ve bu özellikleri düzenlemek için, resim üzerine Mouse ile sağ tıklayın ve açılan seçeneklerden Picture properties (Resim Özellikleri) 'i seçin.

Dosyadan veya Clipart Gallery'den eklediğiniz resimler için aynı seçeneklerin sunulduğu bu pencerede, seçili resmin formatını değiştirebilir, tanımladığınız herhangi bir resim editör programı ile resim üzerinde değişiklik gerçekleştirebilirsiniz. Ayrıca ziyaretçinin kullandığı browser için resim dosyasının grafik özelliklerini belirleyebilirsiniz. Eğer resim üzerine tıklanarak sayfayı başka yere yönlendirecekseniz, seçenek penceresinde yer alan bağlantı seçeneği ile bu işlemi gerçekleştirebilirsiniz.

Resim ile ilgili seçenek penceresi aşağıda verişmiştir :














2.6.4.1 General: Resim ile ilgili genel özelliklerin bulunduğu bölümdür. Bu bölümde resim ile ilgili olarak picture convert (resim çeviri), alternatif resim ve metin, bağlantı ve hedef çerçeve tanımı gibi bir çok düzenleme gerçekleştirilebilir.

2.6.4.2 Appearnce: Resmin büyüklüğünün ve sayfa içerisindeki konumunun düzenlendiği bölümdür.

Layout: Resmin sayfa içerisindeki yerleşiminin düzenlendiği bölümdür.
· Alignment: Sayfa içerisine dahil edilen resim, imlecin bulunduğu yere eklenecektir. Resim dosyasını sayfa içerisinde değişik bir yere yerleştirebilmeniz için çeşitli seçenekler sunuluyor.
· Border Thickness: Resme çerçeve ekler. Bu çerçevenin kalınlığını ayrılan alana girebilirsiniz.
· Horizontal Spacing: Resmin yatay konumda metin ile arasında bulunacak boşluk miktarını, pixel cinsinden belirlememizi sağlar.
· Vertical Spacing: Resmin dikey konumda metin ile arasında bulunacak boşluk miktarını, pixel cinsinden belirlememizi sağlar.

2.6.4.3 Size: Resim boyutunun düzenlendiği genel bölümdür.
· Specify Size: Resim boyutunu genişlik(width) ve yükseklik (hight) şeklinde girilen değerlerle düzenlemesi için kullanılan seçenektir.
Keep Aspect Ratio: Bu onay seçeneği tıklanarak, resim boyutunu belirleyecek yükseklik ve genişlik değerlerinin orantılı bir şekilde büyümesi sağlanır. (Gümüştepe Y., s:127,1999)

2. 6. 4 Web Sayfasına Multimedia Dosyalarını Ekleme:
Şu ana kadar web sayfasında metin ve resim dosyalarının kullanımını öğrendik. Aslında bir sitenin genel görünüm için bunların yeterli olduğu söylenebilir. Ancak iste tasarımında bellik bir aşamaya geldiğinizde içerisinde metin ve resim kullanılarak oluşturduğunuz sitenin hareketsiz ve donuk olduğunu göreceksiniz. Bütün bunlar sizi hareketli ve sesli bir şeyler eklemeye götürecektir.

2.6.5 Web Sayfasında Ses Dosyaları ile Çalışma:

Ses dosyası eklemek için sayfanın herhangi bir yerinde Mouse'un sağ tuşuna tıklayın ve açılan pencerede Page Properties (Sayfa Özellikleri)'i seçin.

Yandaki şekilde Background sound (zemin müziği) olarak ses formatlı bir dosya seçilmiştir.


Bakground sound alanında tanımladığınız ses formatlı dosya sayfa yüklendiğinde çalışacaktır. Ayrıca, Loop (tekrar) bölümünde yer alan Forever (her zaman) seçeneğini işaretleyerek, bu dosyanın sayfa açık olduğu süre içinde sürekli çalmasını sağlayabilirsiniz. Belli bir tekrardan sonra bitmesini istiyorsanız, bu seçeneği kullanmayın ve tekrar sayısı için ayrılan alana tekrarlama sayısı girin. Bu işlemle dosya belirtilen sayıda tekrardan sonra kapanacaktır.

Background sound alanına çeşitli ses formatlı dosyalar ekleyebilirsiniz. Ancak, son zamanlarda ortalığı kavuran MP3 dosyalarını bu alanda kullanmamak biraz dezavantaj gibi gözüküyor. (Gümüştepe Y., s:132,1999)

2.6.6Web Sayfasında Video Formatlı Dosyalar ile Çalışma:

Web sayfalarınızı video dosyaları ile daha görsel hale getirebilirsiniz.

Daha önceden hazırladığınız video dosyasını sayfaya dahil etmek için Insert (ekle) mönüsünden Picture (resim) buradan da Video seçeneğini tıklayın.

Yandaki pencerede kullanacağınız video dosyasının konumunu belirleyin. (Gümüştepe Y., s:133,1999)







2.6.7 Resim ve Multimedia dosyalarını sayfaya eklerken dikkat edilmesi gereken hususlar:
Resim ve Multimedia dosyalarını sayfaya dahil ederken dikkat edilmesi gereken bazı hususlar vardır. Resim ve Multimedia dosyaları normal disk alanına göre değerlendirildiğinde çok bir alan kaplamaz. Ancak bunu Web alanı için düşünürsek oldukça yer kaplayan dosyalardır. Bu tür dosyaları seçerken özellikle Web alanının durumuna göre davranılmalıdır. Disk ortamında hızlı çalışabilen resim ve multimedia dosyaları web alanında hızlı çalışmayacaktır. Bunun için bu dosyaları sayfada kullanırken oldukça ölçülü davranılmalıdır. Aksi halde açılması dakikalar süren bir sayfa ile karşılaşmanız içten bile değildir. Resim ve multimedia dosyalarının türlerini ve boyutlarını düzgün bir şekilde düzenledikten sonra bir sorun çıkmayacaktır. Örneğin; boyutları aynı olan bir Bitmap (*.bmp) resim dosyası ile Jepeg (*.jpg) dosyalarının diskte kapladıkları yer ve açılma hızları farklı olacaktır. Ayrıca aralarında kalite farkı pek yoktur. (Gümüştepe Y., s:136,1999)


2.7 ÇERÇEVE SAYFALARI ve ÖZELLİKLERİ
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.

Frontpage'in 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 footer'a benzer. Ancak header'da 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 Split'de 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, Web'inizin 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ı web'de 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 web'de 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 Frontpage'in 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.


AKTİF NESNELERİN KULLANIMI
Bu bölümde FrontPage'in Aktif Elemanlarını kullanma ve bu elemanlara ait özellikleri öğreneceksiniz. Bu nesneleri kullanarak tek satır HYML kodu girmeden sayfanızı profesyonel bir şekilde tasarlama imkanı bulacaksınız.

Aktif Elemen Nedir?
Aktif eleman FrontPage'in kullandığı hazır nesnelerdir. Bu nesneler daha önce hazırlanmış Html, Java veya diğer script dilleri kullanılarak oluşturulmuş programlar ya da ActiveX nesneleridir. Diğer FrontPage elemanları gibi bunlarda arka planda Html kodlarını destekler. Kullanıcının işlemlerini daha hızlı ve etkili yapabilmesi için önceden hazırlanmışlardır. Aktif nesneleri kullanarak tek satır Html kodu girmeden profesyonel düzeyde tasarım gerçekleştirebilirsiniz. Bu nesneleri ve özelliklerini sayfanıza taşımak için, Insert mönüsünden Component seçeneğini tıklayın ve açılan seçenek mönüsünden nesneyi seçin. Şimdi bu nesnelere ait özellikleri inceleyelim.

Office Nesneleri ve Özellikleri
FrontPage 2000'in, Office paketi içerisinde gelmesi Office'in çeşitli elemanlarından faydalanma imkanı sağlıyor. Şimdi Office nesneleri ve özelliklerini inceleyelim.

Office Spreadsheet ve Özellikleri


Microsoft Excel'den hatırlayacağınız çalışma tablosuna benzer bir tabloyu , FrontPage belgesine taşır. Amaç çeşitli hesaplama ve tablolama işlemlerini gerçekleştirmektir. Tabloyu sayfaya eklemek için Insert mönüsünden Component seçeneğini ve buradan da Office Spreadsheet'i tıklayın.

Sayfaya eklediğiniz Office Spreadsheet'in özelliklerini düzenlemek için, Spreadsheet üzerinde Mouse ile sağ tıklayın ve ActiveX properties'i tıklayın. FrontPage diğer Office üyelerinden çeşitli nesneleri kullanabilmek için ActiveX desteğini alır. Bunun için eklenen bu nesnelere ait özelliklere aktif kontrollerde denir. (Gümüştepe Y., s:159-160,1999)

Object Tag: Nesneye ait etikettir. Nesne ile ilgili yapılacak herhangi bir tanımlama bu isme göre yapılacaktır.

Alignment: Nesnenin sayfa içersinde konumunu belirten seçenektir.

Border Thickness: Tablo etrafına verilen sayısal değere göre çerçeve oluşturur.

Horizontal-Vertical Spacing:Tablonun dikey ve yatay olarak boyutunu belirler.

Alternative Representation: Ziyaretçiler, sitenizi ziyaret ederken Office Spreadsheet'i görebilmeleri için sistemlerine Office'in yükü olması gerekiyor. Aksi halde tablo tam olarak göremeyecekler ve tablo üzerinde işlem gerçekleştiremeyeceklerdir. Bu tür ziyaretçilerin sürprizle karşılaşmamaları için alternatif başka web sayfası tanımı yapmanız faydalı olacaktır. Bu alanda tanımladığınız sayfa, belirttiğimiz ziyaretçiler için gözükecektir.

Code Source: FrontPage sayfasında spreadsheet ve diğer Office nesnelerini kullanabilmeniz için, msowc.cab dosyasının bulunduğu yere yol tanımlamanız gerekiyor. Bu dosyayı Office 2000 CD'sinde bulabilirsiniz.

Office Pivot Table ve Özellikleri
Microsoft Excel'e ait Povit Table'i FrontPage sayfasına taşır. Amaç verileri toplamaktır. Aynı zamanda veri tabanı dosyalarını da kullanma yeteneğine sahiptir. Yayımlanan veriler, ağda etkileşimli olarak değiştirilebilecektir.

Office Chart ve Özellikleri
Office'e ait grafik özelliklerini kullanarak verilerin grafiğini web ortamına oluşturmak için kullanılır. Excel ortamında hazırlanabildiği gibi veri tabanı dosyasını girdi alarak grafik oluşturabilir. (Gümüştepe Y., s:165,1999)

FrontPage'in Aktif Nesneleri ve Özellikleri
FrontPage'in kendine özgü hazır nesneleri kullanarak sayanızı daha canlı bir hale getirebilirsiniz. FrontPage nesnelerini kullanarak sayfanızı tasarlamak oldukça hoş olacaktır. Bu nesnelerle hareketli resimler, metinler ve düğmeler oluşturabilirsiniz. Şimdi bu nesneleri ve özelliklerini görelim.


Banner Ad Manager ve Özellikleri
Belirttiğiniz resim dosyalarını kullanarak hareketli banner(manşet) oluşturur. Daha önceden hazırladığınız resim dosyalarını hareketli GIF dosyalarına benzer bir şekilde hareketlendirebilirsiniz. Ayrıca resimler arasında geçiş yapılırken FrontPage'in geçiş efektlerini kullanarak, hareketleri daha profesyonel hale getirebilirsiniz.
Sayfanıza Banner eklemek için Insert mönüsünden Component seçeneği ve buradan da Banner Ad Manager seçeneğini tıklayın. Açılan pencerede resim dosyasını belirleyin.


With: Banner'ın sayfa içerisindeki genişliğini, pixel cinsinden belirler. Girdiğiniz sayısal değer, banner'ın genişliğini belirleyecektir.

Height: Banner'ın sayfa içerisindeki yüksekliğini, pixel cinsinden belirler. Girdiğiniz sayısal değer, banner'ın yüksekliğini belirleyecektir.

Transition Effect: Banner için eklenen resimlerden birisinin gösterimi bittikten sonra diğerine geçiş yapılırken gerçekleşen geçiş efektini belirler. Bu alanda 6 adet seçenek vardır.

Show each picture for (seconds): Resimler arasında geçiş sağlanırken kaç saniye beklemesini istiyorsanız, bu alana girin.

Link to: Bu seçenekle banner için bağlantı oluşturabilirsiniz. Bağlantıya ait bütün özellikleri, banner için de kullanabilirsiniz. Banner'a herhangi bir bağlantı oluşturmak istemiyorsanız, bu alanı boş bırakın.

Banner Oluştururken Dikkat Edilmesi Gereken Husular:
· Resim boyutlarını iyi belirleyin: Banner için kullanacağınız resimleri seçtikten sonra resimlerin boyutlarını eşit miktarda ayarlamanız gerekiyor. Resimlerin boyutları birbirine uymuyorsa, ortaya hiçte güzel bir görünüm çıkmayacaktır. Büyük resim için ayarladığınız banner boyutu, küçük resmin gösterimi sırasında boşluk gösterecektir. Eğer sayfaya zemin rengi belirlemişseniz, resmin kenarlarında gri tonlu bir renk gözükecektir. Yine küçük resmin boyutuna göre ayarladığınız banner boyutu, büyük resmin tamamını göstermeyecektir.

· Resim dosyasının disk boyutunu küçük tutun: Banner için eklediğiniz resim dosyalarının, diskte kapladıkları alan da banner için oldukça önemlidir. Disk boyutu büyük olan resimlerin açılması bir hayli zaman alacaktır. Tabii olarak bu da sitenizi yavaşlatacaktır. Bunun için resim dosyalarına banner'a eklemeden önce diskte kapladığı alanı kontrol edin. Eğer fazlaysa resmin çözünürlüğünü düşürebilir, boyutunu küçültebilirsiniz. Ayrıca resim formatlarının resmin disk boyutunu etkilediğini de unutmayın. Kullanacağınız resim dosyaları için JPG ve GIF formatlarını kullanın.

· Resim dosyasını herhangi bir resim işlemciden geçirin: Web için kullanacağınız resim dosyalarını, FrontPage editörde yorumlamadan önce herhangi bir resim işlemci programı kullanarak düzenlemeniz uygun olacaktır. Birbirlerine benzer resimler oluşturarak veya resim üzerinde yaptığınız değişiklikleri ayrı ayrı kaydederek, banner yardımı ile hareketli nesneler oluşturabilirsiniz.

DİKKAT: FrontPage'e aktif nesneleri belgenize eklediğinizde, CLASS dosya uzantısına sahip bazı dosyaların web dizininde oluştuğunu göreceksiniz. Bu dosyalar eklediğiniz nesneye ait program kodlarını içermektedir. Bunun için bu dosyaların silinmesi halinde eklediğiniz aktif elemanlar çalışmayacaktır. Daha önce FrontPage'in aktif nesneler için küçük program kodlarını sayfaya eklediğini söylemiştik. CLASS uzantılı dosyalar Java dili ile yazılmış dosyalardır ve bu kodların birer parçasıdır. (Gümüştepe Y., s:169,1999)
Hit Counter (Sayaç) ve Özellikleri
Sitenizi ziyaret eden ziyaretçi sayısını elde eder. Sitenize her girişte sayıyı bir artırır. Bu şekilde sitenizin ziyaretçi sayısını öğrenmiş olursunuz. Bu özelliğin aktif olabilmesi için sayfanızı internette yayımlamanız gerekiyor. Bilgisayarınıza yüklediğiniz kişisel bir web server da bu konuda işinizi görecektir. Sitenizi yayımladığınız Web server bu özelliği desteklemiyorsa yine counter (sayaç) gözükmeyecektir. FrontPage'in sayacını sayfanıza eklemek için Insert mönüsünden Component seçeneğini tıklayın ve buradan da Hit Counter seçeneğini işaretleyin. Açılan seçenek penceresinde beğendiğiniz sayaç stilini seçin. (Gümüştepe Y., s:170,1999)









Hover Button ve Özellikleri
FrontPage'in düğme seçeneklerini kullanarak sesli ve hareketli düğmeler oluşturabilirsiniz. Herhangi bir resim editörde saatler boyu uğraşarak oluşturduğunuz bir düğmeyi, FrontPage'de bir tıklama ile gerçekleştirebilirsiniz.
Sayfanıza düğme(button) eklemek için, Insert mönüsünden Component seçeneğini tıklayın ve açılan aktif eleman listesinde Hover Button'u seçin. Açılan düğme seçeneklerini kullanarak işlemi gerçekleştirin.

Button Text: Düğmenin üzerinde yer alacak metindir.

Link to: Düğmeye bağlantı oluşturmak istediğiniz dosyanın veya web'in konumunu girmenizi sağlar. Browse seneğini tıklayıp, bağlantı penceresini açarak da konumu belirleyebilirsiniz.

Button color: Düğmenin rengini belirler.

Effect: Düğme üzerine mouse ile gelindiğinde düğmenin rengini değiştirebilen çeşitli efektler sağlar. Bu alanda yedi adet efekt vardır.

Background color: Düğmenin zemin rengini belirler.

Effect color: Düğme için seçilen efekt rengini belirler.
Custom: Düğmeye resim ve ses özelliği vermeyi sağlar.

Play sound
On click: Bu alanda belirlediğiniz ses formatlı dosya, düğme tıklandığında çalacaktır.
On hover: Bu alanda belirlediğiniz ses formatlı dosya, mouse ile düğme üzerine gidildiğinde çalar.

custom
Button: Bu alanda tanımladığınız resim dosyası, düğme üzerinde gösterilecektir.
On hover: Bu landaki resim dosyası ise düğme üzerine mouse göstergesini sürüklediğinizde gözükecektir. (Gümüştepe Y., s:171-172,1999)

Marquee
Sayfaya hareketli metin eklemek için kullanılan nesnedir. Belirttiğiniz metni, FrontPage'in özel geçiş seçeneklerini kullanarak hareketlendirebilirsiniz. Bu nesneyi sayfa içerisine oluşturabilmek için, Insert mönüsünden Component seçeneği ve buradan da Marquee'i tıklayın. Açılan marquee özellikleri penceresinde metni ve özelliklerini belirleyin.

Text: Hareket ettirilecek metni bu alana girin. Girdiğiniz metin kayan bir şekilde hareket edecektir.

Direction: Bu alanda belirttiğiniz Left(sol) değeri metnin sol tarafa doğru ilerlemesini sağlar. Bu işlemi sağ tarafa doğru gerçekleştirmek için Right (sağ) seçeneğini işaretleyin.

Speed: Hareketli metnin hızını belirtir. Bu bölümde Delay alanı içerisine girdiğiniz sayısal değer miktarınca metin hareketi geciktirilecektir. Amount seçeneği içerisine girilen değer ise pixel cinsinden hareket adımlarını belirler.

Behavior: Hareketin davranış tarzını belirler. Scroll seçeneği ile belirttiğiniz yönde hareketi sağlayabilirsiniz. Belirlediğiniz yönde metnin hareketini sağladıktan sonra metni ekranda dondurmak için Slide seçeneğini işaretleyin. Seçilen metnin marquee için işaretlenen alanda bir sağa bir sola hareket etmesini sağlamak için Alternate seçeneğini işaretleyin.

Align with text: Sayfada bulunacak metin ile kayan yazı alanı arasındaki hizalamayı sağlar.

Size: Kayan yazı alanının boyutunu belirler.

Repeat: Kayma işleminin tekrarlama sayısını belirler. Eğer sürekli tekrarlanmasını istiyorsanız, Continuously (sürekli) seçeneğini işaretleyin.

Background color: Marquee için kullanılan zemin rengini belirtir. (Gümüştepe Y., s:176,1999)

Searh Form
Arama formları (Search Form), ziyaretçilerin istedikleri bilgiyi hızla ve kolaylıkla bulmalarına yardım eden değerli araçlardır. FrontPage, ziyaretçilerin bölgenizdeki sayfaları arayabilmeleri için web bölgenize kolayca bir arama formu eklemenize olanak verir. (Nelson S., s:146,2000)
Oluşturulan Arama formu (Searh Form) içerisine girilen metin, bütün sitede araştırılacak ve ziyaretçinin ulaşmasını imkan sağlayacaktır. Arama formunu sayfanıza eklemek için Insert mönüsünden Component ve buradan da Searh Form' u tıklayın. Açılan pencerede formunuzla ilgili tanımlamaları girin.
Label for input: Giriş yapılacak metin kutusunun tanımıdır.

Width in charcters: Aranacak metnin karakter sayısını belirtir. Bu alana girdiğiniz sayısal değer miktarınca metin kutusunun büyüklüğü düzenlenecektir.

Label for Start Search Button: Aramayı başlatacak düğmenin etiketidir.

Label for Clear Button: Aramak için yazılan metni, metin kutusundan silecek olan butonun etiketidir.

Yazılan metin, site içerisindeki bütün sayfalarda aranacak ve bulunan sonuçlar bağlantılar şeklinde ziyaretçiye sunulacaktır.

İnternet ortamında bir bilgiye ulaşmak için o bilgiye ait sitenin bilinmesine gerek yoktur. Tabii site bir Arama Motoruna kayıtlı ise. Çoğunuzun internetten hatırlayabileceği gibi Arama Motorları (altavista, yahoo, arabul gibi) yazdığınız metni kayıtlı web siteleri içerisinde arama yeteneğine sahiptir.

FrontPage'in arama özelliği, arama motorlarına benzer bir işleve sahiptir. Ancak burada karıştırılmaması gereken bir husus vardır; FrontPage sayfasında kullandığımız arama seçeneği, sadece kendi sitesinde bir arama gerçekleştirecektir.

Aranan metni içeren sayfalar tespit edilerek, bu sayfaların başlıkları bir tablo içerisinde ziyaretçiye sunulacaktır. Ayrıca başlıkları tanımlanan bağlantı yardımı ile sayfaya kolayca erişim sağlanacaktır.

FrontPage'in bu özelliği oldukça kullanışlı bir özelliktir. Ancak bu özelliği bilgisayarınızda çalıştırabilmeniz için sisteminize yüklü kişisel bir Server'ın olması gerekiyor. Oluşturduğunuz siteyi yayımladığınız Web alanı için de bu seçenek geçerlidir. Yani sitenizi yükleyeceğiniz (Publish) web server, FrontPage'in eklerini desteklemiyorsa bu özellik çalışmayacaktır.

Arama Sonuçlarını Genişletin:
Site içerisinde arama yapan ziyaretçi için, arama sonuçlarını genişletebilirsiniz. Aranan kelimeyi içeren doyalar hakkında daha fazla bilgi verebilir, site içerisinde kaç tane aranan metin bulunduğunu raporlayabilirsiniz. Bu işlemleri gerçekleştirebilmek için, arama özelliklerine ait pencerenin, arama sonuçları(search result) bölümünü tıklayın ve raporlanacak bilgileri belirleyin.

Word List To Search : bu alanda site içersinde aramanın gerçekleştirileceği sayfaları belirleyebilirsiniz. Site içerisinde gizli dizinleriniz olabilir. Bu dizinler içinde yer alan sayfalar eğer ziyaretçinin aradığı metni içeriyorsa, bu sayfalara ait bağlantılarda rapor olarak sayfada oluşturulacaktır. Dolayısıyla ziyaretçi bu sayfalara göz atma imkanı bulacaktır. Eğer aramayı site içerisindeki bütün sayfalarda gerçekleştirmek istiyorsanız bu alana All(tümü) yazmanız yeterli olacaktır.

Date Format: Rapor olarak sunulacak tarih formatını belirler. Bu alana içersinde yer alan tarih formatlarından herhangi birisini seçerek, raporda gösterebilirsiniz. Bu alanın geçerlilik kazanması için display file date seçenek iminin işaretli olması gerekiyor.

Time Format : Rapor olarak sunulacak saat formatını belirler. Bu alana içersinde yer alan saat formatlarından herhangi birisini seçerek, raporda gösterebilirsiniz. Bu alanın geçerlilik kazanması için display file date seçenek iminin işaretli olması gerekiyor.

Display Scor: aranan kelimenin site içerisinde bulunan sayfalardaki metinle eşleştirilmesi sonucunu göstermektedir. Eşleştirme sonucu scor isimli başlık altında raporlanacaktır.

Display File Size: Aranan kelimenin bulunduğu dosyalara ait uzunluğu raporlar.








HAREKETLİ SAYFA ve NESNELER OLUŞTURMA
Bu bölümde Front Page'in Sayfa Geçiş efektlerini kullanarak, sayfalara hareketlilik özelliği kazandırma ve dinamik HTML efektlerini kullanarak nesnelere canlılık kazandırma konuları anlatılacaktır.





Event(Olay): Bu seçenek altında yer alan sayfa olaylarından herhangi birini seçerek olayın anında efektin gerçekleşmesini sağlayabiliriz.
Bu olaylar;

1.Page Enter: Ziyaretçi sayfa ile ilgili herhangi bir baplantıya tıkladığında veya sayfanın adresini doğrudan girerek sayfayı açtığında belirtilen efekt uygulanacaktır. Sayfa açılırken , belirlediğiniz bir efekti uygulamak için be seçeneği kullanabilirsiniz.

2. Page Exit : Ziyaretçinin, sayfada ziyareti bittikten sonra başka bir bağlantı tıklaması ya da başka bir adresi adres alnına girerek sayfayı terk etmesi anında bu efekt gerçekleşir.

3.Site Enter: sayfanın bulunduğu siteye giriş yapılırken , giriş sayfasına belirtilen efekti uygulamak için kullanılır.

4. Site Exit : Sayfanın bulunduğu siteden çıkış yapılırken o an için altif bulunan site sayfasının belirtilen efekti gerçekleştirmesi için bu seçenek kullanılır.

Transition Effect: Bu alan içerisinde sayfaya uygulanmak üzere efektlerin listesi yer alıyor.






2.9.1 Metne Dinamik HTML Efekti Uygulama
Dinamik HTML efektini uygulayacağınız metni seçtikten sonra , Format mönüsünden Dynamic HTML Effects seçeneğini tıklayın. Dinamik HTML' ye ait araç çubuğunun diğer araç çubuklarına eklendiğini göreceksiniz.

FRONT PAGE SAYFASINDA FORMLARLA ÇALIŞMA
Bu bölümde , Front Page formlarının sayfaya eklenmesi ve form nesnelerine ait özellikler anlatılacaktır.

2.10. 1 Form Nedir?

Web sayfalarında kullanılan formlar , günlük hayatta bir çok yerde kullandığımız formlara benzer özellikler göstermektedir. Form özelliklerini kullanarak, web sitenizde anketler yapabilir, site ziyaretçileri ile etkileşimli bir şekilde iletişim kurabilirsiniz.

2. 10. 2 Form Araçları ve Özellikleri:
Form: Kullanacağınız diğer form nesneleri içerisine alan form çizgilerini oluşturur. Diğer form elemanlarının çalıştırılabilmesi için form alanının sayfada oluşturulması ve form nesnelerinin bu alan içerisinde olması gerekir. Ayrıca bu seçenek bütün form nesnelerini etkileyecek iki düğme oluşturur.

2.10.2.1 Submit Button (Gönder düğmesi): Bu düğme form çizgileri içerisinde yer alan bütün form elemanlarını kontrol ederek , girilen verileri toplar ve belirtilen dosya veya e-mail adresine gönderir. Düğmeye ait özellikler penceresini açarak düğme üzerindeki etiketi değiştirebilirsiniz.

2.10.2.2 Reset Button(Temizle Düğmesi): gönder düğmesi gibi bu düğmede form çizgileri içerisinde yer alan bütün form elemanlarını kontrol eder. Eğer bu elemanlar içerisine girilen herhangi bir veri varsa, bu verileri temizler. Bu düğmenin oluşturulmasındaki asıl amaç ziyaretçinin bütün form elemanlarına girdiği bilgileri göndermeden temizlemek ve ziyaretçinin yeni bilgiler girmesini sağlamaktır. Bu düğmenin de etiketini değiştirebilirsiniz.


2.10.2.3 Tek Satırlık Metin Kutusu
Ziyaretçilerin bilgi girebilecekleri tek satırlık bir metin kutusu oluşturur. Eğer daha önce gerekli form nesnelerini sayfaya dahil etmediyseniz, bu nesneler de otomatik olarak oluşturulacaktır. Tek satırlık metin kutusunu sayfaya eklmek için , Insert mönüsünden Form, buradan da One-Line Text Box seçeneğini tıklayın.

Sayfada oluşturacağınız tek satırlık form elemanlarını , form çizgisi içinde fare ile istediğiniz alana taşıyabilirsiniz.
Düğmelere ait özellikleri , düğme üzerine çift tıklayarak değiştirebilirsiniz.


2.10.2.3.1 Metin Kutusu ve Özellikleri (Text box Properties)

Oluşturduğunuz metin kutusuna girilen verileri denetleyebilir, metin kutusuna sadece belirlediğiniz veri tipinin girilmesini sağlayabilirsiniz. Ayrıca verileri belli kriterlere tabi tutarak ziyaretçinin uyduruktan birşeyler girmesini engelleyebilirsiniz. Bütün bu özellikleri düzenlemek için sayfaya ait görünümde , tek satırlık metin kutusu üzerine iki kez tıklandığında yandaki iletişim kutusu ekrana gelecektir.

2.10.2.4 Kontrol Kutusu ve Özellikleri
Birden fazla seçme hakkına sahip olduğumuz , işaretleyebileceğimiz kutucuklardır. Form nesneleri standart nesnelerdir. Form nesnesi için herhangi bir açıklama yazılmadan ziyaretçi forma ne tür bilgi gireceğiniz bilinemez.




2.10.2.5 Radyo Düğmeleri

Ziyaretçiye çeşitli seçenekler sunularak bu seçeneklerden sadece bir tanesini seçme şansını veren grup düğmeleridir. Bu açıdan radyo düğmeleri kontrol düğmeleri ile karıştırılmamalıdır.


2.10.2.6 Aşağı Açılan Seçim Düğmeleri
Ziyaretçinin işini daha basite indirmek için seçenekleri bir mönü içersinde sunabilirsiniz. Bu şekilde yaptığınız düzenlemeler doğrultusunda ziyaretçi mönüden seçtiği değeri kolaylıkla gönderebilecektir. Ayrıca mönüye verdiğiniz birden fazla seçme özelliği ile ziyaretçinin birden fazla değer seçmesine müsaade edebilirsiniz. Bu şekilde ziyaretçi seçeneği değerleri fare ile ayarlanarak belirttiğiniz konuma gönderilebilir. (Gümüştepe, s.289)


2.10.3 Form Özelliklerinin Kaldırılması
Eklediğiniz form nesnesini formdan kaldırmak için, nesneyi işaretledikten sonra klavyeden Delete tuşuna basın. Front Page nesnelerinin hemen hemen hepsi bu yolla kaldırılabilir.

2.10.4 Form Özelliklerinin Düzenlenmesi
Form içerisine eklenen bütün form elemanlarını etkileyecek temel özelliklerdir. Bu özellikler yardımıyla form sonuçlarının nereye gönderileceğini, doğrulama sayfasının tanımını, form ismi ve birçok form özelliğini formunuz için tanımlayabilirsiniz. Forma ait özellikler penceresini açmak için, Insert mönüsünden Form ve buradan da Form Properties seçeneğini tıklayın. Aynı işlemi Form araç kutusunda yer alan, Form Properties seçeneğini tıklayarak da gerçekleştirebilirsiniz.


Where to store results : ziyaretçinin form içersine girdiği verilerin submit düğmesine basıldığında nereye gönderileceğini belirten özellikler bölümüdür. Bu bölümde kullanıcıya üç değişik seçenek sunuluyor.

Verilerin dosya veya elektronik posta adresine gönderilmesi
En yaygın kullanılan seçenektir. Hemen hemen bütün web serverlar bu seçeneği destekler. File name alanında tanımlanan ve daha önceden web dizininde oluşturulan , herhangi web dosyasına veya TEXT uzantılı metin dosyasına sonuçların gönderilmesi sağlanabilir. (Gümüştepe s. 300) Bu dosyayı Private klasörüne taşımanız yararlı olacaktır.



Örneğin yukarıdaki misafir sayfasını misafir olarak kaydettiğinizde ve form bilgilerinin kaydedileceği dosya olarak dogrulama dosyasınının adını verdiğnizde, folder görünümü yandaki gibidir.


Verilerin Veri Tabanına Gönderilmesi:

Daha önceden oluşturduğunuz, veri tabanı dosyasına tanımladığınız konumla, verilerin veri tabanı dosyasına kaydedilmesini sağlayabilirsiniz. Veri tabanı dosyasını daha önceden hazırlamamış iseniz Front Page veri tabanını sayfanızdaki form alanlarının isimlerine göre hazırlanacaktır. Ve hazırlanan veri tabanı dosyası, aşağıda görüldüğü gibi fpdb dizini içine atılacaktır.
Verilerin, Diğer İşleme Programlarına Gönderilmesi
Form içerisindeki verileri, gelişmiş çeşitli programlar yardımı ile yönetebilirsiniz. Bu seçenek ile sunulan ISAPI, NSAPI, CGI, ASP gibi HTML içerisinde dinamik bir şekilde çalışan programlar yardımı ile formların sonucunda değerlendirmeleri sağlanacaktır.

2.11 SİTE ÜZERİNDE SON KONTROLLER ve SİTENİN YAYIMLANMASI
Front Page programı ile web sayfalarını düzenledikten sonra hazırladığınız sitenin son kontrollerini yapıp sunucuya öyle göndermeniz gerekmektedir.

2.11.1 Web Dizini İçersindeki Dosya İsimlerinin Kontrolü
Site içerisinde kullandığınız dosya isimleri içerisinde Türkçe karakterlerin, boşluk karakterinin veya dosya için kullanılamayacak diğer özel karakterlerin kullanılmamsına dikkat etmeniz gerekir. Aksi taktirde bu dosyalar sunucuya gönderilirken problem oluşacaktır. Site için oluşturduğunuz dosya adı iki isimden oluşuyorsa arasına boşluk karakteri yerine "_" karakterini kullanmalısınız. Örneğin Onaylama Sayfasi.htm adındaki sayfanın sunucuya gönderilmesi yanlış olacaktır. Bu dosya isminin üzerinde aktifken, F2 fonksiyon tuşuna basarak Onaylama_Sayfası.htm olarak değiştirmeniz doğru olacaktır. Bu işlemden sonra Front Page , bütün dosyalar içerisinde araştırma yaparak bu dosya için yapılan tanımlamaları yeni dosya ismine göre düzenlenecektir.

2.11.1.1 Gereksiz Dosyaların Silinmesi
Site içerisinde yer alan dosyaları kontrol ederek gereksiz dosyaları silebilirsiniz. Bu işlemi gerçekleştirirken , Front Page' in oluşturduğu standart dizinler içerisinde yer alan dosyaları silmemeye dikkat ediniz.

2.11.1.2 Site İle Web Alanını Karşılaştırın
Siteniz için kullandığınız bütün dosyalara ait raporlara , Views barında yer alan Reports(Raporlar) görünüm ile erişebilirsiniz. Bu seçenek ile açtığınız pencerede dosyalar ve bağlantılar hakkında çeşitli bilgilere ulaşabilirsiniz. Burada yer alan dosya boyutlarını hesaplayarak , web alanınızı karşılaştırabilirsiniz. Eğer dosyalara ait toplam boyut site boyutunu geçiyorsa , kullandığınız bazı dosyalarda kısıtlama yoluna gitmeniz gerekecektir. Önemli bir nokta da kullandığınız web temalarıdır. Bu temaların boyutu çok büyüktür. Sitenizi yayınlamadan önce temaları iptal edebilirsiniz.

2.11.1.3 Bağlantıları Kontrol Edin
Sitenizdeki sayfalar arasında oluşturduğunuz bağlantılar ile site dışında bir web alanında oluşturduğunuz bağlantıları kontrol edin. Front Page' e ait hyperlink görünümünü tıklayarak sayfalar arası bağlantıları kontrol edebilirsiniz.


bağlantıları bu şekilde kontrol ettikten sonra , Report görünümüne geçerek kırık bağlantıları görebilirsiniz. Eğer sitenizde kırık bağlantılar görüyorsanız bu bağlantıları kaldırabilirsiniz. Ayrıca yine sitenizde kısır sayfalar da bulunabilir. Bu sayfaları silebilir ya da sayfalara bağlantı kurabilirsiniz.


2.11.1.4 Sayfada Yer Alan Bağlantıları Kontrol Edin
Sitenizde kullandığınız metinleri , imla denetiminden geçirin. Eğer sitenizde yer alan metinler İngilizce ifadelerden oluşuyorsa i, Tools mönüsünden Spelling seçeneğini kullanarak metinler üzerinde imla denetimi gerçekleştirebilirsiniz.
Ayrıca metinlerin uzun ifadelerden oluşması , ziyaretçilerin sıkılmasına sebep olacaktır. Bu açıdan sayfanızda kısa ve özlü cümleler kurmanız , ziyaretçilerin hoşuna gidecektir.

2.11.1.5 Sitenizin Seviye Düzeni
İnternet toplumun her kesimine açık olan bir iletişim kapısıdır. Bu yüzden sayfanızda, dini, ahlaki, siyasi bölücülük yapmak çirkin bir davranıştır. Siteniz içinde kullandığınız doküman ve ifadeleri seviyeli bir biçimde seçmeniz , sitenizin tutarlılığını arttıracaktır.

2.11.1.6 Sitenizi Değişik Tarayıcılarla Test Edin
Sitenizi test etmek için Front Page içindeki Preview görünümünü kullanabilirisiniz. Ancak bazen bu görünüm ile belirlediğiniz sayfa tasarımı , diğer tarayıcılarla test edildiğinde uygun sonuçlar vermeyebilir. Bunun için siteyi sunucuya göndermeden önce en çok tanınan ve kullanılan browser larda test edilmesi faydalıdır. Siteniz içinde form, counter gibi sadece web server'da çalışabilme özelliğine sahip web araçlarını kullanıyorsanız, sitenizi kişisel bir serverda denetlemeniz uygun olacaktır.

2.11.2 SİTENİZİN YAYIMLANMASI

Sitenizle ilgili son denetlemeleri de yaptıktan sonra sitenizi yayınlayabilirsiniz. Bunun için File mönüsünden Publish (Yayımla) seçeneğini tıklayın. Açılan pencerede web sunucusunun size tahsis ettiği adresi girin. Front Page bu adrese bağlanarak , sunucunun Front Page Server Extensions uyumlu olup olmadığı kontrol edilecektir. Eğer sunucu(server) bu özelliği taşıyorsa, yayımlama işlemi için sizden Name(isim) ve Password(şifre) bilgilerini girmenizi isteyecektir. Belirtilen isim ve şifreyi, web alanını kiraladığınız sunucudan almanız gerekiyor. Girdiğiniz bu sunucu bilgilerinden sonra, sitenizin yayınlandığı pencere vasıtasıyla görsel bir şekilde izleyebilirsiniz. Eğer sunucu Front Page Server Extensions uyumlu değilse, Front Page hata mesajı verecek ve sitenin yayımlanması için FTP(File Transfer Protocol-dosya aktarım protokolü)' yi kullanmanızı önerecektir. Bu mesaj ile karşılaşırsanız, sunucunuza ait FTP adresini kullanarak sitenizi yayımlayabilirisiniz.
Bu adımlar;
Bu pencerede yer alan Publish(Yayımla) düğmesini tıklayarak yayımlama işlemini başlatabilirsiniz. Front Page bu adresin doğru olup olmadığını kontrol ettikten sonra, bu alan içerisine dosyaları göndermek için isim ve parola isteyecektir.


şekilde görüldüğü gibi belirttiğiniz adres alanı için yetkili olup olmadığınız , girdiğiniz isim ve parola yardımı ile anlaşılacaktır. Bu şekilde Front Page belirttiğiniz güvenlik bilgilerini kontrol edecektir. Eğer bu bilgiler doğruysa yayımlama işlemi başlayacaktır.

Sunucuya gönderilen dosyalara ait bilgiler, açılan yeni pencerede gösterilecektir. Bu pencerede, o an için hangi dosyanın gönderildiğini ve gönderilen toplam miktarı grafiksel olarak izleyebilirsiniz.
Front Page'in önemli özelliklerinden birisi de, yayımlanan site üzerinde daha sonra güncellme gerçekleştirildiğinizde, internet alanında yer alan dosyalar ile diskinizde yer alan yayımlanacak dosyaları tek tek kontrol etmesi ve sadece değişen içeriğe sahip yada yeni dosyaları transfer etmesidir. Bu özellik ile site güncelleştirilirken gerçekten size büyük zaman kazandırılacaktır. Bunun için siteyi bir sonraki yayımlama esnasında, Publish penceresinden Options(seçenekler) düğmesini tıklayın. Ve açılan bölümde Publish Changed Page Only seçeneğini işaetleyin.
Eğer web sunucunuz yoksa , WWP's düğmesini tıklayarak , Microsoft' un verdiği web hizmetleri hakkında bilgi alabilirsiniz. Siteniz güvenlik bilgileri içeriyorsa, Secure connection required seçeneğine ait imi tıklayarak, sunucunuzun güvenlik hizmetlerinden yararlanabilirsiniz.

..:: Alıntıdır ::..