Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Ms Frontpage© ile bir Web Sitesi Hazırlamak

fpexplorer.gif (12484 bytes)    Frontpage üç temel unsurdan oluşmaktadır. Explorer , editör ve server . Microsoft'un office paketi eklentisi görünümünde inşa ettiği frontpage bu sayede diğer office programları(word,excel vb.) gibi kullanılmaktadır. Word kullanabilen birisi frontpage kullanırken kesinlikle zorlanmayacağından emin olabilir. Unutulmaması gereken bir nokta programcıların program yazarken yeni başlayan kullanıcılara göre dizayn yapmaları. Yani programlar en düşük seviyeye bile hitab edecek şekilde tasarlanır. Sonuç olarak hiçbir program zor değildir.
Şekil 1 - Frontpage Explorer
Şimdi frontpage'i iyi bir web sitesi yapabilecek şekilde anlatmaya çalışacağım. Frontpage Explorer (Şekil1) Web sitenizin sistemiyle ilgili ana program kısmıdır.Bu kısımda Sitenizin içeriğini görebilirsiniz. Tasarımda kullandığınız tüm dosyalar , dizinler burdadır ve bunlara ilişkin tüm ayarları ve değişiklikleri bu kısımdan yapıyoruz. Ayrıca Site diagramı oluşturma , sayfa themeleri ayarları , bağlantılara ilişkin ayarlamalar bu gövdeden yapılabilmekte. Frontpage Web Server (Şekil2) Explorer kullanabilmeniz için devamlı açık olması gerekir. Web Server , bilgisayarınızı o an internet sunucusu olarak kullanabilmenizi bu şekilde sitenizi serverde tasarlıyormuş gibi hatasız ve daha kolayca inşa etmenizi sağlar.Web Server  penceresinde yapılabilen bir optimizasyon yoktur. Program   webserver.gif (7393 bytes)

Şekil2 - Web Server

fpexplorer.gif (12484 bytes)    açıldığında minimize ederek çalışmanıza devam edebilirsiniz. Son ve asıl kısım olan Frontpage editör daha öncede söylemiş olduğum gibi word 'e benzer bir program olduğundan tasarımlarınızda html formatının tüm esnekliklerinde rahatça faydalanabilirsiniz. Gerek frame kullanımı olsun , gerek ziyaretçi sayaçı ; html editörleriyle kıyaslandığında rakipsiz özelliklere sahip olduğunu düşünüyorum. Tabii ki daha kısıtlı fakat gelişmiş özellikte editörler var , ama profesyonellik aşamasından önce frontpage editör gerçekten
Şekil 3 - Frontpage Editör
tatmin edici bir yapıya sahip. Frontpage'in oluştuğu materyalleri anlattıktan sonra sıra
web sitemizi inşa etmeye geldi. Öncelikle internet bağlantınız 'ı keserek frontpage explorer 'ı çalıştırın. İnternet bağlantısı aktif olduğunda FpExplorer hata verebilir. Windows 95 ve 98 'de sık rastlanan bir durumdur. Eğer Windows98 Second Edition kullanıyorsanız bağlantınızı kesmenize gerek yok. Frontpage explorer açıldığında
karşınıza "Getting Started" başlıklı pencere çıkacaktır. Burda iki seçenekten bahsedilebilir. İlki (yukardaki) daha önceden var olan bir sitenizi açıp çalışmaya devam etmek için seçilecek öğedir. İkincisi ise yeni bir site yapmaya başlamak için seçilecek olan seçenek. Daha önceden bir site oluşturmadıysanız "Create a new frontpage web" seçeneğini seçerek Tamam butonuna tıklayın. Karşınıza gelen sihirbaz 2 adım göreceksiniz. İlk adımda sitenizin içeriğini belirliyorsunuz. Bu adımda bulunan üç seçenek sırasıyla Tek sayfalı bir başlangıç , Var olan bir siteyi çalışma ortamınıza aktarmak , sihirbazı kullanarak başlangıç sayfalarını oluşturmak opsiyonlarından ibarettir. Bunlardan "From Wizard or Template" Seçeneğini seçin ve hemen altındaki listeden "empty web" e tıklayarak aktif hale getirin. İkinci seçenekte ise sitenizin ismini yazıyorsunuz. Site ismini yazarken türkçe karakter (ç,ş,i,ü,ğ,ö) kullanmamanızı tavsiye ederim. Tamam butonuna tıkladığınızda karşınıza bi şifre diyalogu gelecektir. burda unutmayacağınız bir kullanıcı adı ve şifre girin. Bu şifrenin pek fazla bir önemi yok (şifreli sayfalar hariç) sadece sizden başka birinin oturup sitenizi karıştırmaması için. Nihayetinde karşınıza hiç sayfası olmayan siteniz gelecektir. Şimdi kendinize bir kahve alın ve dinlenin. Dinlendikten sonra , sayfa dizaynlarına başlayabiliriz. 2 dizin göreceksiniz. "_private" ve "images" ."_private" dizini sitenizin bir tür sistem dizini.Bu dizinde şimdilik yapabileceğimiz bir şey yok. "Images" ise web sayfalarınızda kullandığınız resimleri buraya kaydetmeniz için yaratılmış bir dizin. Fakat siz bu dizini kullanmayabilirsiniz. Frontpage Explorerda sol üst köşedeki newpage.gif (1673 bytes) butonuna basın. Bu buton sitenize yeni ve boş bir sayfa eklemenizi sağlayacaktır. Frontpage bu sayfaya otomatik olarak "index.htm" olarak yaratıcaktır. Bu sayfanın ismini değiştirmeyin çünkü index.htm daima sitenize giren kullanıcıların göreceği ilk sayfadır. newpage.gif (1673 bytes) butonuna basarak istediğiniz kadar yeni sayfa oluşturabilirsiniz. Her yeni sayfa newpageX.htm olarak yaratılacaktır. (X=numara) Bu oluşturulan sayfaları çift tıklayarak düzenleyebiliriz. Öncelikle index.htm isimli başlandıç sayfanıza çift tıklayın. Bu sayfa frontpage editörde açılacaktır. Dilediğiniz metinleri yazabilir , istediğiniz fontu kullanabilirsiniz. Fakat font seçiminde dikkat etmeniz gereken bir husus var. Seçilen font tüm kullanıcılarda yüklü olması gerekir. Aksi taktirde ziyaretçiler varsayılan (Times new roman) yazıtipiyle görürler. Herkeste yüklü olan fontlardan bazıları : verdana , tahoma , arial , times new roman , comic sans ... Fontunuzuda seçtikten sonra sıra sayfamıza resim eklemye geldi. Html dosyalarına eklediğin resimler dosyanın içine kaydedilmezler. Dosyanın içine sadece resminizin boyutları ve resminiz bulunduğu yer bilgileri eklenir.Yani sayfanız açılırken kullanılan resimler bulundukları yoldan çağrılarak gösteririlirler. Frontpage explorer eklenen resimleri frontpage explorerda görülen sanal web server'ınıza kopyalar.Böylece kullanılan resimler açılırken serverınızdan okunur.  Sayfanıza resim eklemek için frontpage editörde üst tarafta bulunan imageadd.gif (1001 bytes) butonuna veya Insert/ image sekmesine tıklayın. Karşınıza gelecek diyalog penceresinde sanal server ınızda bulunan bir resmi ekleyebilirsiniz. Bu diyalog penceresinde sağ alt tarafta bulunan imageweb.gif (1015 bytes) butonuyla internette bulunan bir resmi ekleyebilirsiniz. örneğin " http://www.webokulu.tsx.org/banner.gif " Yanındaki imagehdd.gif (1024 bytes) butonu ise bilgisayarınızda bulunan bir resmi eklemeniz için kullanacağınız buton. Web sayfanızda jpg ve gif uzantılı resim formatlarını kullanabilirsiniz. Bmp uzantılı dosyaları ise frontpage otomatik olarak jpg formatına dönüştürür. Resminizi ekledikten sonra tamam butonuna basarak sayfanıza resmin eklenmiş durumuyla dönebilirsiniz. Sayfanızı kaydettiğinizde frontpage kullanılan resimleri serverınıza kopyalacaktır ve bu işleme ilişkin bir diyalog penceresi çıkacaktır. Ok tuşuna basarak kaydedilmesini sağlayın. Genel olarak Frontpage editörün ilgi çekici yönlerini sıralayacak olursak İnsert / Active Elements / Hover Buton   ile üstüne gelince efekt alan butonlar yapabilir , insert / active elements / hit counter   ile ziyaretçi sayaçı ekleyebilir ,   insert / active elements /search form ile site içi arama yapabilen bir arama motoru ekleyebilir , insert / active elements /Marquee ile hareketli yazılar oluşturabilir , Format / Animation menüsü ile resimlerinize veya yazılarınıa sağdan soldan uçma yukardan düşme gibi efektler verebilirsiniz. En son öğrenmeniz gereken temel unsur ise Link . Bir sayfadan diğer bir sayfaya geçiş. Diğer adıyla köprü. Köprü eklemek için link1 yazın ve bu yazınızı mouse yardımıyla seçin , yukarıdaki link.gif (1003 bytes) butonuna tıklayın. Karşınıza gelen diyalog kutusundan seçtiğiniz yazıya tıklandığında açılacak olan sayfayı seçebilirsiniz. Başka bir web sitesine link vermek istiyorsanız "Link to :" kutusuna web adresini yazın. Sağ alt tarafta bulunan mail.gif (601 bytes) butonuyla bir e-mail linki verebilirsiniz. Yani seçilen yazıya tıklandığında link verdiğiniz e-mail adresine posta gönderecek şekilde varsayılan posta programının açılmasını sağlar.
   Bu bilgileri kullanarak ve birazda kendinizi geliştirerek çok iyi siteler yapabilirsiniz. Sitenizi bitirdikten sonra web'e upload etmeniz gerekiyor. Yani internette yayımlama.. Frontpage Explorer da üst taraftaki publiish.gif (211 bytes) butonuyla bunu gerçekleştirebilirsiniz. Upload edeceğiniz server'ın FrontPage Extension yani Frontpage desteği olmasına dikkat edin aksi taktirde Aktif elemanlar çalışmaz.