4 Front Page Sayfası Özellikleri İsterseniz Frontpage penceresinin sağ tarafından, isterseniz araç çubuklarından faydalanarak yeni bir sayfa açın. Frontpage te çeşitli sayfa şablonları bulunmaktadır. Ancak biz boş bir sayfayı kendi amacımız doğrultusunda düzenleyeceğiz. Açılan sayfa üzerinde sağ düğmeye basılarak Şekil 4-1 Sayfa özellikleri iletişim kutusu penceresi açılır. 16 Şekil 4-1 Sayfa özellikleri iletişim kutusu 4.1 Sayfa Özellikleri Genel Sekmesi Web tarayıcısının Başlık Çubuğunda gözüken Web Sayfası başlığı bu kutuya yazılır. Site içeriğinin tanımı için kullanılıyor. ne sitenizin tanımını yerleştiriyorsunuz. Bir cümle ile siteden bahsedebilirsiniz Şekil 4-2 Sayfa Özellikleri iletişim kutusu Genel Sekmesi Sitenizin içeriği hakkında ipucu veren kelimeleri belirleyip yazın. "Başlık" kutusu bölümüne sayfa başlığını yazdığımızda html kodu şu şekilde olacaktır: <title>ilk Web Sayfam</title> Benzer şekilde; "Sayfa Açıklaması" : <meta name="description" content="web tasarımı ders notları sayfası"> "Anahtar Sözcükler" :
17 MS Frontpage 2003 <meta name="keywords" content="web, html, web tasarımı, frontpage"> 4.2 Sayfa Özellikleri Biçimlendirme Sekmesi Bu pencerenin Biçimlendirme sekmesinden sayfanın rengi ve arka plan resmi belirlenebilir. Renkler bölümünde Arka plan rengi olarak istenilen renk seçilir ve sayfanın rengi belirlenebilir. 4.2.1 1. 2. 3. Sayfa Arka Plan Resmi: Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. Sayfayı sağ tıklatın ve kısayol menüsünde Sayfa Özellikleri'ni tıklatın. Biçimlendirme sekmesini tıklatın. 4. Arka plan resmi onay kutusunu seçin ve sonra Gözat'ı tıklatın. 5. İstediğiniz arka plan resmini web klasörü içerisinden bulup tıklattıktan sonra Aç'ı tıklatın. 6. Resmi filigran (filigran: Mektuplar ve kartvizitlerde sıklıkla kullanılan yarı saydam resim. Banknotlarda, filigran kâğıt parayı ışığa tuttuğunuzda görünür.) olarak eklemek isterseniz Filigran yap onay kutusunu seçin 4.2.2 1. 2. 3. 4. Web sayfasının arka plan rengini değiştirme Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. Sayfayı sağ tıklatın ve kısayol menüsünde Sayfa Özellikleri'ni tıklatın. Biçimlendirme sekmesini tıklatın. Renkler altındaki Arka plan listesinden istediğiniz rengi tıklatın.
4.2.3 Ses ekleme 1. Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. 2. Sayfayı sağ tıklatın, sonra da kısayol menüsünde Sayfa Özellikleri'ni tıklatın. 3. Genel sekmesinde, Arka plan sesi altında, çalmak istediğiniz ses dosyasını bulup tıklatın ve sonra Aç'ı tıklatın. Önemli: Bazı ses dosyası biçimleri (.mp3 dosyaları gibi) iletişim kutusunda görüntülenmez. Bu dosyalar için ses dosyasının yolunu iletişim kutusuna el ile yazmanız gerekir. Örneğin, Müzik klasöründe Şarkı.mp3 adındaki bir dosya depolanıyorsa, yolun görünümü şu şekilde olur: Müzik/Şarkı.mp3. Dosya kök dizindeyse, yolun görünümü şu şekilde olur: Şarkı.mp3 4. Aşağıdakilerden birini yapın: a. Sesi devamlı çalmak için, Devamlı onay kutusunu seçin. b. Sesi sabit bir sayıda yeniden çalmak için Devamlı onay kutusunu temizleyin ve sonra Döngü kutusunda sesi kaç kez çalmak istediğinizi belirten sayıyı seçin veya yazın. 5. Sayfayı kaydetmek ve önizlemek için Dosya menüsünde Kaydet'i tıklatın. Hoparlörlerinizin çalıştığından emin olun ve Dosya menüsünde Tarayıcı İçinde Önizle'yi tıklatın. 4.2.4 Sayfa Kenar Boşluğu Ayarlama 1. Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. 2. Sayfayı sağ tıklatın, sonra da kısayol menüsünde Sayfa Özellikleri'ni tıklatın. 3. Gelişmiş sekmesini tıklatın. 4. Aşağıdakilerden birini veya tümünü yapın: a. Üst kenar boşluğu ayarlama i. Üst Kenar Boşluğu kutusuna üst kenar boşluğu için piksel (piksel: birimler, ekranınızın gösterdiği resimleri oluşturur.) ii. Kenar Boşluğu Yüksekliği kutusuna kenar boşluğunun yüksekliği için piksel b. Sol kenar boşluğu ayarlama i. Sol Kenar Boşluğu kutusuna sol kenar boşluğu için piksel (piksel: birimler, ekranınızın gösterdiği resimleri oluşturur.) ii. Kenar Boşluğu Genişliği kutusuna kenar boşluğunun genişliği için piksel c. Alt kenar boşluğunu ayarlama i..alt Kenar Boşluğu kutusuna alt kenar boşluğu için piksel (piksel: birimler, ekranınızın gösterdiği resimleri oluşturur.) ii. Kenar Boşluğu Yüksekliği kutusuna kenar boşluğunun yüksekliği için piksel d. Sağ kenar boşluğunu ayarlama 18
i. Sağ Kenar Boşluğu kutusuna sağ kenar boşluğu için piksel (piksel: birimler, ekranınızın gösterdiği resimleri oluşturur.) ii. Kenar Boşluğu Genişliği kutusuna kenar boşluğunun genişliği için piksel 19 4.3 Sayfa Özellikleri Özel ve Dil Sekmeleri Sayfa Özellikleri ndeki "Özel" sekmesi <meta> etiketlerini eklemek için kullanılır. Şekil 4-3 de görüldüğü gibi Kullanıcı değişkenleri ndeki "Ekle " düğmesine tıklayıp Kullanıcı Meta Değişkeni eklemek mümkündür. Örneğin, Ad bölümüne "author", Değer bölümüne de kendi adımızı yazarak web tasarımını yapan kişinin adı <meta> etiketi içinde sayfaya eklenir ve html kodu <head> etiketlerinin arasında şu şekilde görülür: <meta name="author" content="erinç erçağ"> Şekil 4-3 Sayfa Özellikleri Özel sekmesi meta etiketleri eklemek için kullanılabilir. 4.3.1 Sayfanın dilini ayarlama 1. Sayfa görünümünde, belge penceresinin alt kısmındaki Tasarla'yı tıklatın. 2. Sayfayı sağ tıklatın, sonra kısayol menüsünde Sayfa Özellikleri'ni ve ardından Dil sekmesini tıklatın. Geçerli belgeyi farklı işaretle listesinde, sayfanın dilini (Türkçe) seçin. Bu,sayfanızın dilinin Türkçe olduğunu gösterir. Eklenen kod şu şekildedir: <meta http-equiv="content-language" content="tr">
20 Sayfanızın dilinin Türkçe (istenirse değiştirilebilir.) olduğunu gösterir. Not Sayfanın dilini ayarlamak, Microsoft FrontPage'in doğru yazım denetimi sözlüğünü otomatik olarak yüklemesini de sağlar. 1. Sayfa görünümünde, belge penceresinin alt kısmındaki Tasarla'yı tıklatın. 2. Sayfayı sağ tıklatın, sonra kısayol menüsünde Sayfa Özellikleri'ni ve ardından Dil sekmesini tıklatın. 3. Belgeyi Farklı Kaydet listesinde, Türkçe seçilir bu sayede web sayfasındaki Türkçe karakterler düzgün olarak görüntülenir. Burada sayfaya eklenen kod şu şekildedir: <meta http-equiv="content-type" content="text/html; charset=windows-1254"> Bu etikete alternatif olarak aşağıdaki etiket de kullanılabilir: <meta http-equiv="content-type" content="text/html; charset=iso-8859-9"> 5 RESİM EKLEME Microsoft PowerPoint, Word ve Excel de eklenen her türlü resim sayfanın içerisinde yer alır. Yani resimler için ayrı bir klasöre ihtiyaç duyulmaz. Ancak web sayfası, resimleri kendi içerisinde barındırmaz. Sayfaya eklenen resimler ayrı bir yerde (web klasörü içinde) depolanır. Bu özellik internet sayfalarının hızını arttırır. Sayfaya resim yerleştirebilmek için önce bu resmin web klasöründe ya da bilgisayarda bulunması gereklidir. Not: Sayfaya eklenen resimler web klasörü içerisinden silinirse, resimleri web sayfasında da göremezsiniz. Not: Resim dosyasının web sayfası ile aynı klasör içinde bulunmasına dikkat ediniz. Şekil 5-1 Ekle Menüsü Resim Ekle Komutu