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 Atlama Menüsü Eklemek: 2 Sayfa üzerinde Belli bir noktaya gitme 6 Yer İmi 6 Yer imine link atamak 7 Web Sitesini Zenginleştirme 9 Sayfa Geçişi 9 Fotoğraf Albümü Eklemek 10 Fotoğraf Albümünün İzlenmesi 13 i

3 Microsoft FrontPage 2003 Atlama Menüsü 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 Biçim/Davranışlar komutunu vermelisiniz. Sırası ile Davranışlar penceresi arkasından Ekle komutu ile Atlama Menüsü seçimi yapılır. 2

4 Atlama Menüsü diyalog penceresi ile kayan menüye eklemek istediğimiz yazı ve linkleri belirtiriz. Bunun için Ekle komutunu veriyoruz. Seçenek: menüde görünecek yazı olacağından seçimize dikkatli karar vermemiz gerekir. Değer: ise yazımızın gideceği link olacaktır. Gözat komutu vererek girdiğimiz yazının hangi sayfayı açması isteniyorsa o dosya bulunur. 3

5 Bu hali ile İngilizce Güz Dönemi içeriği açılacaktır, ekranda. Diğer girişler de sırası ile yapılır. Tüm girişler tamamlandıktan sonra Atlama Menüsü diyalog kutusu aşağıdaki gibi olacaktır. URL değişiminden sonraki ilk öğeyi seç ise atlama menüsünden 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 Atlama menüsüne 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 Atlama menüsü üzerinde sağ tuşa tıklayarak Form Alanı Özellikleri komutunu vermeniz gerekir. Bu durumda URL adreslerini artık elle girmeniz gerekir. Çünkü artık Gözat komutu ile link belirleme seçeneği kalmamaktadır. Eklemek istediğiniz yeni satırı Ekle 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 Yer İmi 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. 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 Ekle/Yer imi komutunu veriyoruz. Yer İşareti adı 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. Ekle/Yer İmi komutunu vererek listede diğer bölümleri de işaretliyoruz. 6

8 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 Ekle/Köprü komutu verilir. Köprü Ekle diyalog penceresinde öncelikle liste.htm dosyası işaretlenir. Daha sonra bu liste üzerinde ulaşmak istediğimiz özel alanı belirtmek üzere Yer İşareti komutu verilir. 7

9 Web sayfasında bir yer imi seçin 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 Sayfa Geçişi Sayfalar arası geçişlerde hareketlilik sağlamak istediğiniz zaman Biçim/Sayfa Geçişi 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 Ekle/Web Bileşeni komutu ile verilen Fotoğraf Galerisi uygulaması olacaktır. Fotoğraf uygulaması için bu diyalog penceresinden seçim yapabiliriz ya da direk olarak Fotoğraf Galerisi Özellikleri diyalog penceresinde Yerleşim sekmesinden yararlanabiliriz. 10

12 Yatay Düzen: Yatay açıklama yapacak şekilde yerleştirme Birleştirme Düzeni: Karışık Yerleştirme Slayt Gösterisi: Sunu şeklinde Dikey Düzen: Dikey açıklama yapacak şekilde yerleştirme İçlerinden beğendiğimiz bir tanesine karar vererek Resimler sekmesine geçiyoruz. Resimler sekmesi eklemek istediğimiz fotoğrafları seçmemize ve bunları yerleştirmemize yardımcı olur. 11

13 Ekle/Dosyalardan alınan resimler 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 Aç komutunu veriyoruz. Ve tekrar Fotoğraf Galerisi Özellikleri sekmesine geliyoruz. Bu alanda resimlerimizin sırasını değiştirebilir, altlarına yazı ve açıklama yapabilir ya da Düzenle 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 Ekle/Köprü komutunu veriyoruz. 13