Frontpage ile Çerçeve Sayfası Yaratmak

Frontpage ile Çerçeve Sayfası Yaratmak Frontpage ile alttaki adımları izleyerek bir çerçeve sayfasının nasıl yaratalabileceğini görelim: Önce Menü Bar dan Araç Çubukları Görev Bölmesi seçeneğinin aktif olup olmadığını kontrol edelim ve aktif değilse aktif duruma getirelim. Şimdi Menü Bar ından Dosya Yeni Yeni Sayfa seçeneğini kullanarak Görev Bölmesi üzerinde Ek sayfa şablonları na ve oradan açılan pencereden Çerçeve Sayfaları sekmesine tıklayalım.

Fare ile Çerçeve Sayfaları ikonları üzerine tek tek tıklayarak Preview penceresinden çerçeve çıktısını kontrol edelim. Seçeneklerden Başlık ve İçindekiler ikonunu seçerek OK tuşuna tıklayalım. Sayfa modunda izlendiğinde, web sayfası, üzerinde Başlangıç Sayfası Ayarla ve Yeni Sayfa butonları bulunan çerçevelere ayrılmış olacaktır. Eğer ilgili çerçeve için henüz hazırlanmış bir kaynak sayfanız yoksa Yeni Sayfa seçeneği seçilmelidir. Bu seçim yapıldığı anda, ilgili çerçeve hemen beyaz arka plan rengine geçecek ve normal web sayfalarında olduğu gibi buraya text ve grafik ekleyebilcek durumda olacağız. Eğer ilgili çerçeve içerisinde kullanmak üzere önceden hazırladığımız bir sayfa varsa, o zaman Başlangıç Sayfası Ayarla butonuna tıklayarak açılacak diyalog kutusundan kullanacağımız kaynak sayfa seçilmelidir.

Çerçeveleri ayrı Sayfalar şeklinde saklamak için, biri seçili iken menü çubuğundan Dosya Farklı Kaydet seçilmelidir. En büyük pencere seçili iken program öncelikle ana çerçevenin, ardından diğer çerçevelerin saklanması için bilgi sorar. Saklama esnasında diyagram saklanmakta olan hangi çerçeve ise onun etrafını parlatır. Alttaki diyagram, tüm çerçeveyi mavi renkle parlatılmış olarak göstermektedir ki bu durum tüm çerçevenin (yani index.htm sayfasının bütününün) kaydedilmekte olduğunu gösterir: Alttaki resimde ise, sadece üst çerçevenin saklanması durumu gösterilmiştir:

Çerçeve Özellikleri İstenen çerçeve üzerinde sağ-tıklama ile çerçeve özellikleri menüsüne ulaşılabilir. Özellikler penceresinde çerçeve ile ilgili bazı özellikler değiştirilebilmektedir. Adı Bağlantı amaçları için her çerçeveye bir isim verilmelidir. Başlangıç sayfası Bir ön HTML kaynak sayfası başlangıç olarak verilebilir. Çerçeve boyutu Kullanılacak çerçevenin en ve boypiksel veye yüzdelik olarak verilebilir. Çerçevelerde köprü kurmak Bir çerçeve sayfasından dışarıya bir köprü oluşturmak istendiğinde, köprü haline getirilecek nesne (text yada resim, fotoğraf vb olabilir) seçildikten sonra sağ-tıklama ile Köprü Ekle menüsü açılır. Buradan hedef çerçeve seçimi de yapılabilir.

Hedef çerçeve penceresinde de bazı özellikler değiştirilebilir. Sayfa Varsayılanı (içindekiler) Parantez içindeki varsayılan çerçeve içinde sayfayı açar. Aynı Çerçeve Yeni sayfayı ayni çerçeve içinde açar. Yeni Pencere Yeni bir Windows penceresi içinde sayfayı açar. Çerçeve Örneği (Jessett.com) Ana Sayfa nın çerçeve yapısı

Ana Sayfa nın bitmiş hali Kaynaklar Sayfası nın çerçeve yapısı

Kaynaklar Sayfası nın bitmiş hali Web Bileşenleri Eklemek Menü çubuğundan Ekle Web Bileşeni seçeneği ile istenen web bileşeni istenen çerçeve içine eklenebilir. Listelenmiş tüm bileşenleri kullanabilmek için web sayfasının save edilmiş olması gerekir.

WEB BİLEŞENLERİ EKLEMEK Sayaç (Flash Video örnek dosyası-1) Excel Tablosu ekeleme (Flash Video Örnek dosyası-2) Arama (Flash Video Örnek dosyası-3) Arama Formu Menüden Ekle Web Bileşeni Web Araması ve Geçerli Web formu seçilerek arama formu otomatik olarak yaratılabilir. Tam metin araması yapılabilmesi için ilgili sayfanın yer aldığı serverin Microsoft Share Point i destekliyor olması gerekir. Formun üzerine sağ tıklanarak açılacak olan Arama Formu Özellikleri penceresinden form ile ilgili bazı özellikler değiştirilebilir. Giriş etiketi: text arama kutusu önünde yazıyı belirler Genişlik (karakter): arama text karakter sayısı "Aramaya Başla" ve "Sıfırla" özellikleri için etiketler Arama Sonuçları Sayfasını formatlamak için Arama Sonuçları sekmesine tıklanabilir.

Görüntülenecek olan sonuçlarda kullanılacak tarih ve zaman formatı seçilir. Sonucu görüntüle: sayfaya girilen ve anahtar sözcüğe en yakın bulunan arama sayısını gösterir. Daha yüksek bir skor daha iyi bir eşleşme demektir. Dosya tarihini ve büyüklüğünü görüntüle Sayfanın değiştiği son tarihi ve dosya büyüklüğünü görüntüler Etkileşimli Buton (Flash Video örnek dosyası-4) Kayan yazı (Flash Video örnek dosyası-5) Tarih ve zaman eklemek Sayfa üzerinde (genellikle sayfa alt kısmında) son güncelleme tarihinin görüntülenmesi, sayfa ziyaretçileri açısından avantaj sağlar. Çünkü böylece sitenin ne kadar sık güncellendiği konusunda fikir sahibi olurlar. Sayfa üzerinde her değişiklik save edildiği anda Frontpage bu tarihi otomatik olarak güncelleyebilir. Sayfa üzerinde tarih ve zaman bilgisinin görüntülenmesi istenen notaya gidilerek imleç o pozisyona getirildikten sonra Ekle Tarih ve Saat seçeneği seçilmelidir. Açılan Tarih ve Saat menüsünden biçim ve görüntülenme şekli seçilmelidir. Dışardan Sayfa Ekleme Menü çubuğundan Ekle > Web Bileşeni > Gelişmiş Denetim >HTML Yolu ile aktif hücre yada sayfa içine HTML içeriği Fronpage tarafından değiştirilmeyecek bir sayfa eklenebilir.

FORM EKLEME Bir Form Sayfası Yaratmak Formlar siteyi ziyaret edenler hakkında bilgi toplamanıza yardımcı olur. Formlar manuel olarak yaratılabileceği gibi Frontpage Form Sayfa Sihirbazı tarafından otomatik bir şekilde de yaratılabilir. Kılavuzu kullanmak için menü çubuğundan Dosya Yeni Sayfa yolu izlenir. Daha sonra Genel sekmesi içerisinde yer alan Form Sayfa Sihirbazı seçilir ve OK tuşlanır. Sihirbaz bizi adım adım yönledirerek yaratmak istediğimiz sorular ve formatı şekillendirmemizi sağlar. Daha sonra bu sayfa çerçeveli ana sayfamız içerisinde istediğimiz bir çerçevenin içinde görüntülebilir. ⓿

❶ ❷ ❸ ❹

❺ ❻ ❼ ❽

❾ Form Araçları Form araçlarını, Ekle Form ve aşağıya doğru açılan drop-down menüden görebiliriz. Kullanılabilir araç seçenekleri arasında: Form, Metin Kutusu, Metin Alanı, Dosya Yükleme, Onay Kutusu, Seçenek Düğmesi, Grup Kutusu, Açılan Kutu, Basma Düğmesi, Gelişmiş Düğmesi, Resim ve Etiket

Form: Önce Form butonuna basalım. Üzerinde Gönder ve Sıfırla düğmeleri bulunan kesikli çizgilerle ayrılmış bir alan görünecektir. Şimdi Form Özellikleri butonuna tıklayalım. Form içerikleri için depolama yerini seçtikten sonra Form ismi yazısının önüne forma bir isim verebiliriz. Text sonuçları sayfası, e-posta seçenekleri ve onay sayfası özellikleri için de Seçenekler butonu kullanılmalıdır. Daha sonra form üzerine imleci yerleştirdikten sonra, Gönder ve Sıfırla butonlarının üzerinde birkaç kez enter tuşuna basmak suretiyle hazırlanacak form materyalleri için yer ayrılır.

Metin Kutusu : Metin kutuları, kullanıcıya tek satırlık bilgi girme olanağı verir. Form üzerindeyken bu butona tıklayarak bir metin kutusu yaratılabilir. Metin kutusu üzerinde çift tıklama ile metin kutusu özelliklerine ulaşılabilir. Ad - Hiç boşluk karakteri kullanmadan metin kutusuna bir isim verilir. Başlangıç değeri Bu metin, metin kutusu içerisinde önceden görünür Genişlik (karakter) - Metin kutusunun genişliğini belirler. Sekme sırası Tüm form elemanları da ayni sayfa içerisinde olmak kaydı ile tab tuşuna her basışta hangi metin kutusuna atlanacağını belirler. Sıra numarası olarak 1,2,3... rakamları verilmelidir. Parola alanı Eğer metin kutusu bir şifre girme kutusu olarak kullanılaksa o zaman Evet opsiyonu seçilmelidir. Geçerli yap... Eğer metin kutusunun geçerliliği ile ilgili ek seçenekler isteniyorsa bu butona tıklanarak istenen kriterler seçilmelidir.

Bu durumda metin kutusunun sadece belli bir tip veri alması sağlanabilir, minimum veya meksimum karakter kullanılması ve diğer kriterler kullanılabilir. Metin Alanı : Metin Alanı text kutuları, kullanıcının birkaç satır bilgi girmesini mümkün kılar. İmlecin istenilen yerde olması kaydı ile bu butona tıklanarak form üzerinde o noktaya bir metin alanı konulabilir. Metin alanı üzerinde çift tıklama yapılarak Metin Alanı Özellikleri penceresine ulaşılabilir. Burada da aynen bir metin kutusunda olduğu gibi genişlik ve satır sayısı ayarlanabilir. Alana bir bir başlangıç değeri verilebilir.

Onay Kutusu : Onay kutuları, kullanıcının bir liste içerisinden çoklu seçim yapmasını sağlayabilir. Seçim için tıklama, ENTER veya SHIFT+ENTER kullanılabilir. Onay Kutusu üzerinde çift tıklama yapılarak Onay Kutusu Özellikleri açılabilir. Ad Listede yer alan onay kutularının hepsine de ayni isim verilmelidir. Örneğin yukardaki örnekte her üç onay kutusu için de ayni ad (ör: fakülteler ) verilebilir. Değer Burada ise her bir onay kutusuna farklı değerler verilmelidir (Ör: yukardaki örnek için AEF, FEF ve SBF değerleri kullanılabilir). Başlangıç durumu Eğer kullanıcının belli bir onay kutusunu mutlaka işaretlemesi isteniyorsa o zaman o kutunun ille onaylanmış olması istenebilir ve özellikleri o şekilde değiştirilir. Seçenek Düğmesi : Seçenek Düğmesi butonları, bir listeden sadece tek bir seçenek yapılması için daha uygundur. Hazırlanan listedeki kaydın sol tarafına gösterilen düğme ikonu üzerine tıklanarak eklenir. Seçenek düğmesi üzerine çift tıklama yapılarak Seçenek Düğmesi Özellikleri penceresine ulaşılabilir. Bu özellikler, Onay Kutusu özelliklerine benzer.

Açılan Kutu : Eğer Onay Kutusu veya Seçenek Düğmesi ile seçilmek istenen eleman sayısı fazla ise o zaman bunun yeribe Açılan Kutu (drop-down) kullanılması daha uygundur. Böylece listenin sayfa üzerinde daha az yer kaplaması sağlanmış olur. Ekle>Form>Açılan Kutu seçimi ile form sayfası üzerinde istenen yere Açılan Kutu yerleştirilir. Daha sonra bu elemanın üzerinde çift tıklama ile Açılan Kutu Özellikleri penceresi açılır. Bu pencere üzerinde Ekle butonu mevcuttur. Bu buton kullanılarak Açılan Kutuya eklenmek istenen liste elemanları tek tek eklenir. Seçenek - Menüde görüntülenecek olan text budur. Değer belirt Başka bir değer belirtilmemişse, Seçenek satırında belirtilen text görüntülenir. Ancak farklı bir değerin görüntülenmesi isteniyorsa bu kutu işaretlenerek yeni bir değer girilmelidir. Başlangış durumu Açılan kutu seçeneklerinden birinin baştan seçilmiş olarak görüntülenmesi sağlanabilir.

Menü seçeneklerini değiştirmek için, Açılan Kutu Özellikleri penceresinde Değiştir, Kaldır, Yukarı Taşı, Aşağı Taşı seçeneklerinden istenen kullanılabilir. Yükseklik seçeneği ile de listede görüntülenecek eleman sayısı artırılabilir/azaltılabilir. Basma Düğmesi: Form alanı içerisine bir basma butonu yerleştirebilmek için kullanılır. İstenen buton eklendikten sonra buton üzerinde çift tıklama ile Basma Düğmesi Özellikleri ne ulaşılarak buradan butonun ismi, değeri, türü, stili değiştirilebilir. Düğme üzerinde sağ tıklama ile düğmeye köprü özelliği verilebilir. Gelişmiş Düğmesi: Form alanı içerisine gelişmiş butonu yerleştirebilmek için kullanılır. İstenen buton eklendikten sonra buton üzerinde sağ tıklama ile Gelişmiş Düğmesi Özellikleri ne ulaşılarak buradan butonun ismi, düğme türü, boyut ve stili değiştirilebilir. Resim: Form alanı içerisine resim eklemek için kullanılır. Hazırlayan: Eser Çeker (Uz. YDÜ, BÖTE Öğr.Gör.) 03.05.2012