Web Teması Seçimi
.:: Diğer bir ismiyle CSS ::.
FrontPage’de bir düzinenin üzerinde tema vardır. Temalar, Format / Theme menü komutuyla seçilir. Themes iletişim kutusu, bir temayı Web’inizin herhangi bir kısmına uygulamadan önce izleyebilmenizi sağlar. FrontPage’deki temalar, görünümlerini açıklayan kısa isimlere sahiptir. Blueprint (plan), teknik ressamın işaretlerine benzeyen teknik görünümlü bir temadır.Citrus Punch (limon pançı), çiçekler ve canlı renkler içerir. Blank (boş), aslında boş olmamasına karşın, nispeten boştur.
Her temayı tek tek seçerek, iletişim kutusunun Sample of Theme kısmında bir önizlemesini görebilirsiniz.
Yapmanız gereken ilk seçim, seçtiğiniz temayı bir sayfaya veya tüm Web’e uygulamaktır. Tek sayfalık bir tema seçerseniz, bu Page görünümünde o anda açık olan sayfaya uygulanır.
Almanız gereken bir sonraki karar, şu seçeneklerden birini seçip seçmeyeceğiniz:
- Vivid colors (Canlı renkler)
- Active graphics (Etkin grafikler)
- Background picture (Arka plan resmi)
- Apply using CSS (CSS kullanarak uygula)
Vivid colors seçeneği, temanın çeşitli parlak renkleri veya beyaz arka plan ile daha koyu renkleri kullanacağını belirler.
- Bir temada Vivid colors kullanılırsa, açık yeşil veya sarı gibi parlak bir arka plan rengi alır ve tüm diğer renkler de bu arka plana uygun olur.
- Bir temada Vivid colors seçeneği kullanılmadığında, arka plan beyaz olur ve tüm diğer renkler daha koyu olur ve okunmayı kolaylaştırır.
Bu renk seçimi, temanın arka plan resmini kullandığınızda o kadar anlamlı olmaz. Bu, sayfanın içeriğinin altında bir grafiğin döşenmesine neden olur (mutfak zeminindeki karolar gibi yan yana tekrarlanır). Bir arka plan resmi kullanıldığında, canlı ve koyu renkler arasındaki fark daha az belirgin olur.
Active graphics’i seçmeniz, temaya bazı animasyon efektleri ekler. Hareketli temaların ortak özelliklerinden biri, düğmeleri fare hareketine bağlı olarak şekil değiştiren bir gezinti çubuğudur. FrontPage’de bunlara hover düğmeleri adı verilir; fare üzerlerine geldiğinde bu düğmeler şekil değiştirir.
FrontPage, bu efekti desteklediği script dillerinden birini kullanarak gerçekleştirir: JavaScript veya VBScript. Tüm script’ler FrontPage tarafından idare edilir, bu sayede Web’lerinizde kullanmak için bu dilleri öğrenmeniz gerekmez.
Script’ler tarafından sağlanan tüm özelliklerde olduğu gibi, hover düğmeleri de tüm tarayıcılar tarafından desteklenmez. Microsoft Internet Explorer’ın ve Netscape Navigator’ın 3.0 sürümleri ve sonrası sürümler bu düğmeleri destekler. Bunları desteklemeyen tarayıcılarda, grafiklerin hareketli olmayan bir versiyonu görülür.
Bir temada kullanabileceğiniz son seçenek, CSS (Cascading Style Sheets) kullanarak uygulamaktır. CSS, Navigator ve Internet Explorer’a geçenlerde eklenen bir Web tarayıcısı standardıdır. Bunlar, bir sayfanın temel görsel öğelerinin (metin, renk, yazı tipi ve format), sayfanın içerdiği bilgiden bağımsız olarak tanımlanmasını sağlar.
Bir tema bir Web sayfasının görsel durumunun bir temsili olduğundan, onu Cascading Style Sheets kullanarak tanımlamak faydalıdır. Ancak, Cascading Style Sheets hakkında dikkat edilmesi gereken en önemli şey yakın zamanda eklendiğidir. Aralık 1996’dan beri Cascading Style Sheets için bir standardın olmasına karşın, Microsoft ve Netscape CSS için farklı ve bazen birbiriyle uyumsuz olan uygulamalara sahip.
Cascading Style Sheets kullanarak bir FrontPage temasını uygularsanız, Internet Explorer’ın geçerli sürümü tarafından tümüyle desteklenmesi gerekir. Bu, CSS desteği sağlayan ilk FrontPage sürümü ve Microsoft’un Web tarayıcılarının çoğuyla uyumlu. Diğer kullanıcıların sitenizi başarıyla göreceğinden emin olmak için Web’inizi diğer tarayıcıları kullanarak da test etmelisiniz.
Bir Şablonun Özelleştirilmesi
.:: Özelleştirmek için değişiklik yapmaya başlayabilirsiniz ::.
Bir şablondan yeni bir Web oluşturduktan sonra, bu Web’i özelleştirmek için değişiklik yapmaya başlayabilirsiniz.
Kendiniz veya son derece samimi olduğunuz biri için bir ana sayfa yaratıyorsanız, Personal Web şablonu iyi bir başlangıç noktası olacaktır.Bu beş sayfalık şablonda şu öğeler yer alır:
- Giriş için bir boşluk içeren bir ana sayfa
- Fotoğrafları göstermek için bir sayfa
- Çeşitli hobileri ve ilgi alanlarını anlatmak için bir sayfa
- Favori Web siteleri için bir liste.
Bu sayfaların her birini Page görünümüne yükleyerek, pek çok çeşitli şeyi düzenleyebilirsiniz: Yazılar, hiperlink’ler, gezinti çubukları, zaman damgaları (timestamp) ve sayfa bannerları
İmlecinizi metin içinde herhangi bir yere koyarak ve klavyenizi kullanarak metni düzenleyin. Ayrıca çoğu metin editörlerinde bulunan özellikleri kullanabilirsiniz: Metin seçme, kesme ve yapıştırma, Formatting araç çubuğu.
Bir sayfadaki bazı şeyler metin gibi görünürken, aslında hiperlink’ler ve zaman damgaları gibi farklı şeyler olabilir.
İmlecinizi sayfanın farklı kısımlarına götürdüğünüzde, imleç neyin üzerinde olduğuna bağlı olarak şekil değiştirir. FrontPage, sayfanın o kısmını nasıl değiştirebileceğinizi açıklayan bir ToolTip de (Araç ipucu: Bilgi veren kısa bir metin içeren bir kutu) gösterebilir.
Gezinti çubukları, zaman damgaları ve sayfa banner’larının tümü bileşenlerdir, yani bir FrontPage Web’ine işlevsellik katan özel sayfa öğeleridir.
Bu Web’in ana sayfası index.htm, “This page last updated on” (bu sayfa en son şu tarihte güncellendi) ifadesinden hemen sonra ve cümlenin sonundaki noktadan hemen önce bir zaman damgası (timestamp) içerir. Bu zaman damgası, sayfanın son düzenlendiği tarihi gösterir ve sayfa üzerinde her değişiklik yapıldığında otomatik olarak güncellenir.
Zaman damgası bileşeni, ziyaretçilerin sayfa üzerindeki bilginin ne kadar güncel olduğunu öğrenmesini sağlar. Her sayfa güncellemesi sırasında tarihi ve metni tekrar girmek veya her sayfa güncellemesinde elle tarihi güncellemek zorunda değilsiniz.
İmleci bir zaman damgası üzerine getirmeniz, imlecin bir el-ve-sayfa simgesi haline gelmesine neden olur. Zaman damgasına çift tıklayın, bir iletişim kutusu açılarak nasıl gösterileceğini değiştirmenizi sağlar.
Zaman damgası bileşeni, bir tarihi, bir zamanı veya her ikisini birden göstermek üzere düzenlenebilir. Ayrıca, gösterilen tarih ve zamanın formatını da değiştirebilirsiniz. Değişikliği yaptıktan sonra, F5 fonksiyon tuşuna basın; bu tuş Refresh (tazele) düğmesi olarak bilinir.
Refresh düğmesi, bir Web tarayıcısındaki aynı isimdeki düğme gibi çalışır ve bir Web sayfasının tümüyle yeniden çizilmesine neden olur. FrontPage’de bir sayfadaki bileşenler değiştirildikten sonra, Refresh düğmesine basılması gerekir.
Değiştirebileceğiniz bir diğer bileşen, sayfanın banner’ıdır; bu sayfanın üst kısmında bulunan bir başlıktır.
Personal Web şablonundaki her sayfa, üst tarafinda bir banner’a sahiptir. Varsayılan halde, banner grafikseldir: Metin, basit bir grafik dosyasının üzerinde görünür. Bir banner’ı değiştirmek için, üstüne çift tıklayarak aşağıda görülen Page Banner Properties iletişim kutusunu açın.
Bir banner’ın yazısını değiştirebilir ve yazı ya da resim olarak görünmesine karar verebilirsiniz.
Bir sayfanın banner’ındaki değişiklikler, bu sayfanın Navigation görünümündeki simgesinden yapılır; bu sayfaya bağlanan gezinti çubuklarının yazısı değişir. Bir sayfa banner’ı, o sayfa için bir başlık vazifesi görür.
Personal Web, ayrıca çok sayıda farklı hiperlink içerir Bunların bazıları, Navigation görünümünü kullanarak hangi bağların gösterileceğine karar veren bir FrontPage bileşeni olan gezinti çubuğunun bir parçasıdır.
Diğer hiperlink’ler doğrudan düzenlenebilir. Personal Web şablonunun favorite.htm sayfası, bu hiperlink’lerden üçünü içerir. Bunlardan biri Yahoo!’ya, bir diğeri Microsoft Network’e ve bir üçüncüsü de My Favorite Site (favori sitem) isimli bir sayfaya işaret eder.
Hiperlink’ler bir Web sayfasındaki herhangi bir öğe ile ilişkilendirilebilir; bunlar yazı, grafik veya bunların ikisinin kombinasyonu olabilir. Web adresine, URL adı da verilir;bu Uniform Resource Locator kelimelerinin kısaltmasıdır.
URL, World Wide Web üzerindeki sayfalar, grafikler ve diğer dosyalar gibi herhangi bir şeye bağlantı sağlayabilir. Ayrıca, geçerli Web içindeki bir şeye de bağlantı kurabilir.
Bir hiperlink olarak kullanılan metin, sayfadaki diğer tüm metinler gibi klavyeden değiştirilebilir.
Bir hiperlink’in URL’inin değiştirilmesi bir bileşenin düzenlenmesinden farklıdır. Hiperlink’e sağ tıklayın ve açılan menüden Hyperlink Properties’i seçin. Edit Hyperlink iletişim kutusu açılır.
Edit Hyperlink iletişim kutusu, Windows’da bir dosyayı açarken görülen iletişim kutusuna benzer. Başka bir sayfaya veya geçerli Web’deki bir sayfaya bağlantı kuracaksanız, bu iletişim kutusunu kullanarak seçim yapabilirsiniz. Bağlantı http://www.yyyy.com/24 gibi World Wide Web üzerindeki bir adres olacaksa, bu adresi iletişim kutusunun URL alanına girin.
[b]URL’i değiştirdikten sonra, Standard araç çubuğundan Preview in Browser düğmesine tıklayarak bir Web tarayıcısında önizlemesini görebilirsiniz. URL, World Wide Web’deki bir adrese bağlanıyorsa, bunu denemeden önce Internet’e bağlanmanız gerekir.
|
