Microsoft FrontPage Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

Transkript

1 Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça

2 Microsoft FrontPage 2003 Web Sitesi Hazırlama Ikinci Bölüm İçindekiler İçindekiler i Microsoft FrontPage Jump Menü-Açılan Menü Eklemek: 2 Sayfa üzerinde Belli bir noktaya gitme 6 Bookmark-Yer İmi 6 Bookmark-Yer imine link atamak 7 Web Sitesini Zenginleştirme 9 Page Transition-Sayfa Geçişi 9 Fotoğraf Albümü Eklemek 10 Fotoğraf Albümünün İzlenmesi 13 i

3 Microsoft FrontPage 2003 Jump Menü-Açılan Menü Eklemek: Web sayfanıza aşağı doğru açılan içeriği olan menüler eklemek istediğinizde öncelikle menüyü eklemek istediğiniz yere gelmeniz gerekir. Ve daha sonra Format/Behaviors komutunu vermelisiniz. 2

4 Sırası ile Behaviors penceresi arkasından Insert komutu ile Jump Menu seçimi yapılır. Jump Menü diyalog penceresi ile kayan menüye eklemek istediğimiz yazı ve linkleri belirtiriz. Bunun için Add komutunu veriyoruz. Choice: menüde görünecek yazı olacağından seçimize dikkatli karar vermemiz gerekir. Value: ise yazımızın gideceği link olacaktır. 3

5 Browse komutu vererek girdiğimiz yazının hangi sayfayı açması isteniyorsa o dosya bulunur. Bu hali ile lab ın günlük program çizelgesi açılacaktır, ekranda. Diğer girişler de sırası ile yapılır. Tüm girişler tamamlandıktan sonra Jump menü diyalog kutusu aşağıdaki gibi olacaktır. Select first item after URL change ise Jump menüden bir link seçildikten sonra tekrar ilk yazının görüntülenmesini sağla komutudur. Bu nedenle link belirtmeden Ders İçerikleri ve Lab Programı diyerek Jump menüye bir nevi başlık belirtelim. 4

6 Tüm girişler doğru olarak yapıldıktan sonra OK tuşu ile onay verilir. Ancak yaptığınız uygulamada daha sonra düzenleme yapmak isterseniz Jump menü üzerinde sağ tuşa tıklayarak Form Field Properties komutunu vermeniz gerekir. Bu durumda URL adreslerini artık elle girmeniz gerekir. Çünkü artık browse komutu ile link belirleme seçeneği kalmamaktadır. Eklemek istediğiniz yeni satırı Add komutunu vererek girmeniz gerekir. 5

7 Sayfa üzerinde Belli bir noktaya gitme Bazı durumlarda web sayfası üzerinde belli bir noktaya yönlendirme yapmak isteyebiliriz. Bu durumda Bookmark dediğimiz uygulamadan yararlanmamız gerekir. Örneğin Liste.htm dosyası dersi alan öğrenci gruplarını içermektedir. Biz bu gruplardan sadece ilgili olduğumuz kısmı görmek ve göstermek istediğimizde belli yerlerine işaret koymamız gerekir. Bookmark-Yer İmi Yer imi koyabilmek için öncelikle yer imi yerleştireceğimiz dosya liste.htm yi açıyoruz. Ve ilk grup için Ders Listesi başında tıklayıp Insert/Bookmark komutunu veriyoruz. Bookmark Name bize daha sonra yer imini hatırlatacak bir kelime ya da rakamlar olabilir. Burada EKO235 Bilgisayar Uygulamaları I 01 şubesini hatırlatması için rakamlarını tercih ediyoruz. Onay verdiğimiz zaman sayfa üzerinde tam istediğimiz yerde bir bayrak işareti olduğunu görüyoruz. Insert/Bookmark komutunu vererek listede diğer bölümleri de işaretliyoruz. 6

8 Bookmark-Yer imine link atamak İşaretlenen liste üzerinde istediğimiz yere yönlendirme yapabilmek için Link komutundan yararlanmamız gerekir. Link vereceğimiz alan seçildikten sonra Insert/Hyperlik komutu verilir. Insert Hyperlink diyalog penceresinde öncelikle liste.htm dosyası işaretlenir. Daha sonra bu liste üzerinde ulaşmak istediğimiz özel alanı belirtmek üzere Bookmark komutu verilir. 7

9 Bookmark Select place in Document diyalog penceresi ile dokumanda işaretli alanı belirtmemize olanak sağlar. Yukarıdaki görünüm ECO için belirteceğimiz linki göstermektedir. Sonuçta web sitesi üzerinde adrese tıkladığımızda aşağıdaki pencere görünümüne ulaşmamız gerekir. 8

10 Web Sitesini Zenginleştirme Page Transition-Sayfa Geçişi Sayfalar arası geçişlerde hareketlilik sağlamak istediğiniz zaman Format/Page Transition komutundan yararlanmanız gerekmektedir. Sayfaya giriş ya da çıkışa istediğiniz bir geçiş verebilirsiniz. 9

11 Fotoğraf Albümü Eklemek Web sayfalarınızda daha zengin bir görünüm kazandırmak isterseniz fotoğraf albümü ekleyebilirsiniz. Bunun için yeni bir sayfa oluşturarak işe başlayabilirsiniz. Yararlanacağımız uygulama Insert/Web Component komutu ile verilen Photo Gallery uygulaması olacaktır. Fotoğraf uygulaması için bu diyalog penceresinden seçim yapabiliriz ya da direk olarak Photo Gallery Properties diyalog penceresinde Layout sekmesinden yararlanabiliriz. 10

12 Horizantal Layout: Yatay açıklama yapacak şekilde yerleştirme Montage Layout: Karışık Yerleştirme Slide Show Layout: Sunu şeklinde Vertical Layout: Dikey açıklama yapacak şekilde yerleştirme İçlerinden beğendiğimiz bir tanesine karar vererek Pictures sekmesine geçiyoruz. Picture sekmesi eklemek istediğimiz fotoğrafları seçmemize ve bunları yerleştirmemize yardımcı olur. 11

13 Add/Pictures from files komutu ile eklemek istediğimiz resim dosyalarının bulunduğu alana geçebiliriz. Ve bu alandan eklemek istediğimiz fotoğraf ve resimleri seçeriz. Tüm resimler seçildikten sonra open komutunu veriyoruz. Ve tekrar Photo Gallery Properties Pictures sekmesine geliyoruz. Bu alanda resimlerimizin sırasını değiştirebilir, altlarına yazı ve açıklama yapabilir ya da Edit komutu ile resimlerin yönünü değiştirip kırpma yapabiliriz. Tüm işimiz bittikten sonra OK komutu ile onay vererek Fotoğraf albümünün sayfada görüntülenmesini sağlıyoruz. 12

14 Fotoğraf Albümünün İzlenmesi Eklediğimiz fotoğraf albümü sayfasını kaydettikten sonra bu albüme link atamamız gerekir. Ana Sayfada yer alan Eğlencelik yazısını seçip Insert/Hyperlink komutunu veriyoruz. 13