Misafir

Ders 6: Formlar
Internet’te herşey, siteden ziyaretçinin bilgisayarına doğrudur. Ya da öyle görünür. Gerçekte bir Browser, bir site ile bağlantı kurduğu anda, siteden aldığı kadar olmasa bile belirli bir miktarda, o da siteye, ya da sitenin bulunduğu Web Server’a bilgi verir. Form, Browser’dan Server’a, daha doğru ifadesiyle ziyaretçiden site sahibine bilgi akışını bir şekle bağlar; bu bilgileri kullanılır hale getirir.
Site sahibi olarak ziyaretçilerinizden bazen bir konuk defterini doldurmasını, sitenizle ilgili görüşlerini ve düşüncelerini size bildirmesini istersiniz; bazen sitenize girebilmek için ziyaretçi adını ve şifresi yazmak zorundadır. Bütün bu ziyaretçiden site sahibi olarak size doğru akacak bilgiler, form arıcılığıyla siteye ulaşır.
Form ile siteye (siteye evsahipliği yapan Web Server’a) gelen bilgilerin bir program tarafından karşılanıp, işlenmesi gerekir. FrontPage piyasaya sürülünceye kadar Web Server programları CGI işlemleri için Perl ve benzeri dillerle yazılmış, ek programları yardıma çağırırlardı. CGI ve işlevlerine daha önce değinmiştik. Şimdi bir form yapacağız ve bu formla ilgili bilgileri nasıl işlemesini istediğimizi FP’e bildireceğiz. FrontPage, sitemizi daha sonra kendisiyle uyumlu bir Server’a ev sahipliği yapması için verirken, bu talimatlarımızı Server’a aynen aktaracaktır.
Örnek sitemizde FP bizim için bir değil, bir kaç form oluşturdu. Fakat bu önemli konuyu daha iyi kavrayabilmek için, biz kendi formumuzu tamamen sıfırdan inşa edelim. Önce FP Explorer’da Navigation görünümünde, “Öneriler Tartisma Sorular ve Cevaplar” sayfasının adını kısaltıp Öneriler yapın; bu sayfanın dosya adını da Oneriler.htm olarak düzeltin. Bu sayfaya bağlı üç sayfadan Öneriler sayfasının adını Görüşleriniz; HTML dosyasının adını Gorusform.htm olarak değiştirin. Yeni Görüşler sayfasını iki kere tıklayın ve Editör’de açıldığında sayfanın içinde göreceğiniz “Use the form..” diye başlayan metni ve altındaki form unsurlarının tümünü tarayıp, klavyede Delete tuşuna basarak silin. Silemediğiniz unsur kalırsa, sayfanın altındaki HTML sekmesini tıklayarak, açılacak sayfada <FORM>...</FORM> etiketlerinin arasında kalan herşeyi, etiketler dahil, silin. Normal sekmesini tıklayarak sayfaya geri döndüğünüzde eski formdan hiç bir iz kalmayacaktır. Şimdi, sıfırdan bir form inşa edebiliriz.
Formun Unsurları

Internet’te bir çok sitede gördüğünüz gibi, formlarda genellikle metin girmeye mahsus kutular, seçme yapmaya yarayan, adına radyo düğmesi denen ve içine bir nokta konan seçenek maddeleri, yine tercih belirtmekte kullandığınız fakat içine çarpı işareti konan kutular, yanındaki seçme okunu tıkladığınızda açılan ve içinde tercih etmeniz için çeşitli seçenekler bulunan listeler, ve nihayet bu formu göndermeye veya içindeki silmeye yarayan düğmeler bulunur. Şimdi örnek formumuzda “Form Field” (Form alanı) denen bu unsurların hepsini kullanalım.
Metin imlecinin durduğu yere şu kısa sunuş paragrafını yazabilirsiniz:
“Görüşleriniz benim için çok önemli
Sitemi ziyaret ettiğiniz ve görüşlerinizi benimle paylaşmak istediğiniz için teşekkür ederim. Bu formu doldurarak eleştirilerinizi veya arzularınızı bana iletebilirsiniz. Sitemde yayınlanmasını arzu ettikleriniz dışında, vereceğiniz bilgileri hiç bir kişi veya kuruluşla paylaşmayacağımı bildirir, saygılar sunarım.”
“..sunarım.” kelimesinden sonraklavyede Enter’a basın ve imleç yeni paragrafın başında iken Insert/Ekle menüsünden Form Field’i, onun açacağı menüden de “One-line Text Box” (Tak satırlık metin kutusu) maddesini seçin. Bu maddeyi tıkladığınız anda, boş paragrafın altında, kesik çizgili bir kutu içinde boş bir metin kutusu ile iki düğme belirecektir. Kesik çizlgili kutu, sayfanızdaki formun tümünü kapsayan alandır; bunun içinde de şimdilik üç form alanı bulunuyor. Her form, en az bir (Gönder), genellikle iki (Gönder ve Sil) komutu içermelidir. Formun içine komut düğmesi koymayabilirsiniz; ama o zaman ziyaretçi bu forma yazacağı şeyleri veya yapacağı tercihleri size (sitenize, sitenizin ev sahibi Web Server’a) ulaştıramaz. Gönder düğmesi (üzerinde ne yazarsa yazsın) formdaki bilgileri göndermeye yarar; yine üzerinde ne yazarsa yazsın Sil düğmesi ise ziyaretçinize formu yeniden doldurması için bir kolaylık sağlar. Formunuza Sil düğmesi koymazsanız, ziyaretçi yanlış yazdığı şeyler tek tek düzeltmek zorunda kalacaktır. FP, bir form alanı açtığınız ve içine bir metin kutusu koyduğunuz anda, bu formun size ulaştırılması için bir Gönder (Submit) ve bir de Sil (Reset) düğmesi koyarak, formunuza işlevsellik kazandırmış oldu.
Form alanının içini tıklar ve klavyede sağ-sol, aşağı-yukarı tuşlarına basarsanız, imlecin form alanı içinde hareket ettiğini göreceksiniz. Bu suretle imleci, metin kutusunun soluna getirin ve (tırnak işaretlerini yazmadan) “Adınız:” yazın ve bir boşluk verin. Sonra, sağ ok tuşuna basarak, imleci metin kutusunun sağına geçirin ve klavyede Shift tuşunu tutarak Enter’a basın. Böylece imleci tam bir paragraf boşluğu vermeden aşağı satıra değil, sadece bir satır aşağı geçirmiş olursunuz. Şimdi “Soyadınız:” yazın ve bir boşluk verdikten sonra, Insert menüsü yoluyla bir tek satırlık metin kutusu daha girin. Bu kutunun da sağında Shift+Enter’a basın. Fakat iki metin kutusu tam alt alta gelmedi! “Adınız:” kelimesinden sonra bir kaç boşluk vermeyi deneyin. Form tasarımının en güç tarafı kutuların etiketlerini (Adınız, Soyadınız gibi kelimeleri) ve bunların metin kutularını hizalamaktır. Siz kendi ekranınızda bu hizalamayı başarsanız bile, ziyaretçinizin Browser programının kullandığı varsayılan harflere göre, form unsurlarınızın hizası yine bozulabilir. Yol yakınken, böyle boşluklarla hiza tutturma yerine, tablodan iskelet unsuru olarak yararlanma yoluna gidelim.
Metin imlecini, “Adınız:” kelimesinin tam soluna getirin ve Table (Tablo) menüsünden Insert Table (Tablo ekle) maddesini seçin ve açılan kutuda Rows (Sıralar) hanesine 15, Columns (Sütunlar) hanesine de 2 yazın. Layout (Konum) ayarlarını değiştirmeden, Width (Genişlik) hanesindeki 100 rakamını 95 olarak değiştirin. OK’i tıkladığınızda Form’un içinde bir tablo belirecektir. Tablonun altındaki metin kutuları ile “Adınız:” ve “Soyadınız:” kelimelerini silin. Düğmeler kalsın. Şimdi sırasıyla şu işleri yapabilirsiniz (tırnak içinde gösterilen yazıları yazarken tırnak işaretini yazmayacaksınız):
1. Birinci sıra-birinci sütuna “Adınız:” yazın;
2. İkinci sıra-birinci sütuna “Soyadınız:” yazın;
3. Üçüncü sıra-birinci sütuna “E-Adresiniz:” yazın;
4. Dördüncü sıradaki iki kutuyu birleştirin (iki kutuyu birden tarayın; herhangi birini sağ-tıklayın, açılacak menüden Merge Cells (Hücreleri birleştir) maddesini seçin. Sonra bu ku ktunun içine “Amatör fotoğrafçı mısınız?” yazın;
5. Altıncı sıradaki iki kutuyu birleştirin ve bu kutuya “Sitemden yararlandınız mı?” yazın;
6. Sekizinci sıradaki iki kutuyu birleştirin ve bu kutuya “Beğendiğiniz fotoğraflar:” yazın;
7. 10’ncu sıradaki iki kutuyu birleştirin ve kutuya “Duyurmak istediğiniz bir sergi ve gösteri varsa, aşağıdaki kutuya yazabilirsiniz:” yazın;
8. 12’nci sıradaki iki kutuyu birleştirin ve bu kutuya “Fotoğraflarımla ilgili eleştirilerinizi belirtmek isterseniz, aşağadaki kutuya yazabilirsiniz:” yazın;
9. Üzerinde “Submit” yazılı düğmeyi tıklayın ve Mouse işaretçisiyle tutarak, 15’nci sırada birinci sütundaki kutunun içine bırakın. Aynı şekilde üzerinde “Reset” yazılı düğmeyi, aynı sırada ikinci sütuna taşıyın;
10. Birinci sırada ikinci sütunu tıklayın; Insert/Form Field/One-line Text Field’i seçin; aynı şekilde ikinci sırada, ikinci sütuna ve üçüncü sırada ikinci sütuna tek satırlık metin kutusu koyun;
11. Beşinci sırada ikinci sütunu tıklayın; Insert/Form Field/Check Box (İşaret kutusu) maddesini seçin. Hücrede kare şeklinde kutu belirince, bir aralık verin ve “Evet” yazın; aynı yolla ikinci bir İşaret Kutusu ekleyin ve onun yanına “Hayır” yazın.
12. Yedinci sırada ikinci sütunu tıklayın; Insert/Form Field/Radio Button (Radyo düğmesi) maddesini seçin. Hücrede içi boş küçük daire belirince, bir aralık verin ve “Evet” yazın; aynı yolla ikinci bir Radyo Düğmesi ekleyin, yanına “Hayır”; üçüncü bir radyo düğmesi ekleyin ve yarına “Kısmen” yazın;
13. Dokuzuncu sırada ikinci sütunu tıklayın; Insert/Form Field/DropDown Menu (Açılan menü) maddesini seçin. Hücrede solunda seçme oku olan bir kutu belirince, bu kutuyu sağ-tıklayın ve açılacak menüden Form Field Properties (Form Alanı Özellikleri) maddesini seçin. DropDown Menu Properties kutusunda, sağdaki Add (ekle) düğmesini tıklayın; açılacak kutuda Choice (Tercih) hanesine “Bir tercih yapın” yazın; Specify Value: (Bir değer belirt) kutusuna işaret koyun ve bu satırın altındaki haneye “Tercih yok” yazın; OK’i tıklayın. Tekrar Add’i tıklayın, Choice olarak “Hiçbirini,” yazın; Value kutusuna işaret koyduğunuzda Value hanesinde “Hiçbirini” kelimesi belirecektir. OK’i tıklayın. Aynı yöntemle Doğa, Gezi, Portre ve Diğer seçeneklerini ve değerlerini girin. Properties kutusunun Height (Yükseklik) hanesine 1 yazın. “Allow multiple selections” (Çok tercihe izin ver) sorunun karşısında No (Hayır) seçeneğinin işaretli olmasına dikkat edin; ve kutunun OK düğmesini tıklayın.
14. Önce 11’nci, sonra 13’ncü sıradaki iki hücreyi birleştirin ve bu hücrelere Insert/Form Field/Scrolling Text Box (Kaydırılan metin kutusu) ekleyin. Kutu belirince, sağ ve altındaki tutamakları kaydırarak, ebadını genişletin.
Formunuzun oluşturulması bitti; fakat görünümle ilgili bir kaç iş daha yapılabilir. Örneğin, önce tablonuzun çerçevelerini kaldırın (Herhangi bir hücreyi sağ tıklayın ve açılacak menüden Table Properties’i seçin; Border Size’ı sıfır yapın), sonra tablonun hücreleri sağ tıklayarak ve açılacak menüden Cell Properties (Hücre Özellikleri) maddesini seçerek hücrenin içindeki unsurun zevkinize göre ortada, solda veya sağda olmasını sağlayın.
<FP00050.tif>
Alanlar ve Değerler

Sıra geldi, ziyaretçilerin bu formla sitenize (sitenize ev sahipliği yapan Server’a) göndereceği bilgilerin kullanışlı hale getirilmesine. Forma koyduğunuz bütün alanların (işaret kutuları, radyo düğmeleri, seçmeli liste unsurları ve metin kutuları) bir değeri vardır, ve bu değer Server’a bir ad altında gönderilecektir. Bu ad ve değer çifti size ya bir metin dosyasına eklenerek ya da bir elektronik mektup ulaştırılacaktır; bu bilgiler elinize geldiği zaman anlamlı olması gerekir. T1=Ali veya T2=Veli pek anlamlı sayılmaz; Adı=Ali, Soyadı=Veli ise çok daha kullanışlı bilgidir. Aynı şekilde R1=V2 yerine “Yararlı=Hayır” çok daha anlamlı olur. Bunu, beğenilen fotoğraf türleri sorusunun cevabı olan seçenek listesinde kısmen yaptık; seçeneklere uygun değerler verdik, Şimdi Insert yoluyla formunuza eklediğiniz alanları sırasında sağ tıklayarak ve Form Field Properties maddesini seçerek yapalım.
1. Adınız’ın karşısındaki metin kutusunun Name/Adı hanesine “Ad” yazın. Bu kutudaki Tab Order hanesine 1 yazın. (Tab Order/Sekme sırası, ziyaretçinin formun haneleri arasında klavyesindeki sekme tuşuna basarak ilerlemesi halinde hangi kutudan hangi kutuya gideceğini belirler.) Sonra OK’i tıklayın.
2. Soyadınız’ın karşısındaki metin kutusunun Name/Adı hanesine “Soyad” yazın. Tab Order, 2 olacak.
3. E-adresiniz’in karşısındaki metin kutusunun Name/Adı hanesine “Eadres” yazın. Tab Order, 3 olacak.
4. “Amatör Fotoğrafçı mısınız?” “Sitemden yararlandınız mı?” ve “Beğendiğiniz fotoğraflar?” sorularına istediğimiz cevaplarda olduğu gibi, ziyaretçinin tercih yapacağı durumlarda bize ulaşacak bilginin adı ile tercih edilen seçeneğin değeri birleştirilecektir. Bu sebeple, bu soruların cevapları olacak seçeneklerin hepsini adı aynı olmalıdır. Buna göre, Amatör fotoğrafçı mısınız?” sorusunun cevap şıklarından olan Evet’in önündeki kutuyu sağ tıklayın; açılacak menüden Form Field Properties’i seçin ve Name/Adı hanesine “Amator” yazın. (Bu kelimeyi ne tür bir Browser’ın Server’a yollayacağını ve Server’ın ne tür bir sistemde çalışacağını bilmiyoruz. Browser ve Server’ın Türkçe’yi desteklemeyeceği ihtimalini dikkate alarak, sistem değişkeni olacak bu kelimeyi Türkçe yazmaktan kaçındık!)Value/Değer hanesine “evet” yazın. Tab Order, 4 olacak. Hayır kutusu sağ-tıklayın; açılacak menüden Form Field Properties’i seçin ve Name/Adı hanesine yine “Amator”; Value/Değer hanesine “hayir” yazın (yine Türkçe harften kaçındık); Tab Order’ı 5 yapın. Şimdi, ziyaretçi Evet’i de işaretlese, Hayır’ı da işaretlese, Browser, Server’a aynı bu kutuların değerlerini aynı ad’la gönderecektir. (Dikkat: “Amator” kelimesini her iki kutuda da aynı şekilde yazın!)
5. Bu işlemin benzerini, “Sitemden yararlandınız mı?” sorusunun karşılıklarına da yapacağız. Burada Name/Adı hanesine “Yarar” ve Value/Değer hanesine her üçü için sırasıyla “evet,” “hayir” ve “kismen” yazacağız. (Dikkat: “Yarar” kelimesini bazı kutularda büyük harfle, bazılarında küçük harfle yazmayın!) Evet’in sekme sırası 6, Hayır’ın 7 ve Kısmen’in 8 olacak.
6. “Beğendiğiniz fotoğraflar” sorusunun cevap seçenekleri kutusunu sağ tıklayın; açılacak menüden Form Field Properties’i seçin ve Name/Adı hanesine “Begeni” yazın. Bu kutunun Valu/Değer bölümünü daha önce doldurmuştuk. Tab Order, 9 olacak.
7. Duyurulmak istenen olaylarla ilgili metin kutusunun adını “Duyuru,” sekme sırasını 10 yapın.
8. Eleştiri metin kutusunun adını “Elestiri,” sekme sırasını 11 yapın,
9. Submit düğmesinin adını “Gonder,” Value/Label (Değer/Etiket) hanesini “Gönder” ve sekme sırasını 12 yapın.
10. Reset düğmesinin adını “Sil,” Value/Label hanesini “Sil” (kelimenin önüne ve arkasına üç boşluk koyun!) ve sekme sırasını 13 yapın.
Form Bilgilerini İşleme

Formun bilgi alıp-verme işinin teknik bölümünü artık sonuçlandırabiliriz. Bunun için formun bir yerini sağ tıklayın; açılacak menüden Form Properties (Form Özellikleri) maddesini seçin:
<FP00051.tif>
FrontPage, sitenizi FrontPage Extensions yüklenmiş bir Server’daziyaretçilerinize açacağınızı varsayarak, formla elde edeceğiniz bilgilerin tabi tutulacağı işlemleri FP Extensions’a göre belirliyor. Ancak arzu ederseniz, FP, formunuzun sağlayacağı bilgileri, özel bir programa, CGI progr****** Active Server Pages teknolojisi ile çalışan bir programa veya Netscape Server API denen bilgi işlem araçlarına da gönderebilir. Burada FP Extensions üzerinde duralım.
FrontPage Extensions (FPE) adı verilen ve Server’da çalışan programcıklar, bir ziyaretçinin Browser’ın Server’a bilgi akışı olduğu zaman (ziyaretçi formdaki Gönder düğmesini tıkladığı zaman) bir kaç iş yapabilirler. Kısaca bu işlemlere değinelim:
1. FPE, önce, ziyaretçinin formu doğru doldurup doldurmadığını denetler. Form Field Properties kutularında gördüğümüz Validation düğmesi ile açabileceğini denetleme ve doğrulama kutularında bu alana örneğin sadece harf veya sadece rakam yazılmasını, yazılacak metnin belirli bir harf topl****** yazılacak rakamın belirli bir büyüklüğügeçmemesini sağlayabilirsiniz. Formda boş bırakılmasını arzu etmediğiniz alan varsa, bunu belirtebilirsiniz. FPE, formun Validation/Doğrulama şartlarını uygun olup olmadığını denetledikten sonra, uygunsuzluk bulursa, ziyaretçiyi sizin vereceğiniz bir metni Browser’ına göndererek uyarır. (Bu metnin HTML koduyla yazılmış olması gerekir.) Bu denetleme işlemini sitenizin güvenliğini arttırmak için kullanabilirsiniz. Örneğin bazı kötü niyetli kişilerin elektronik posta adresi olarak bazı işletme sistemlerinde çalışan Web Serverların anlayacağı dilden komut kelimeleri gönderdikleri bilinir. Mesela içinde boşluk olan elektronik adresi reddetmek adresin doğruluğunu sağlamak için de iyi olur.
2. FPE, form doğru doldurulmuşsa, ziyaretçinize sizin belirleyeceğiniz bir teşekkür mesajı gönderebilir. (Bu metnin de HTML koduyla yazılmış olması gerekir.)
3. FPE, doğru bir form bilgisinin kendisine ulaştığını farkedince formla Server’a gelen bilgileri, ya kendisi basit kayıt işlemine tabi tutar, ya yine kendisine ait Tartışma Grubu İşlemcisine aktarır, ya da bir başka programa devreder. Bu bilgilerin FPE tarafından basit kayıt işlemine tabi tutulacaksa, başlıca iki işlem yapılır: bu bilgiler bir veya iki metin dosyasına eklenir; ve/veyabir elektronik posta adresine gönderilir. Bu işlemlerden hangisinin yapılmasını istiyorsanız, bunu Form Properties kutusundaki ayarlarla belirtirsiniz. Bu işlemlerden hangisini seçeceğinizi bilmiyorsanız, kutudaki ayarlara dokunmayın.
Form bilgisi işlemleri göründüğü kadar karışık değildir. Bir kere FP, bu bilgileri ziyaretçilerin giremeyeceği, sadece Server’ı işletenlerle Site sahibi olarak sizin ulaşabileceğiniz “_private” adlı bir klasör oluşturacaktır. Bu klasöre, FP Editör’ü kullanarak, “Teşekkür ederim.. Formunuzu aldım.. Gerekeni yapacağız..” anlamında bir içeriği bulunan ve adı tesekkur.htm olan; “Formun doldurulmasında hata var. Lütfen tekrar doldurun” gibi bir cümle içeren, ziyaretçiye forma geri dönmesini sağlayan bir bağlantı veren ve adı hata.htm olan iki dosya kaydedin. Form Properties kutusunda Options/Seçenekler düğmesini tıklayarak açacağınız kutuda bu dosyalara bağlantı sağlayın:
<FP00052.tif>
Options kutusunda dört sekme göreceksiniz. Birinci sekmede formdan gelen bilgilerin kaydedileceği dosya ile ilgili ayrıntılar bulunur. Bu dosyanın düz yazı, Web sayfası veya herhangi bir veritabanı biçiminde olmasını buradan sağlayabilirsiniz. Ayrıca formdaki alan adlarının alan değerleri ile birlikte kaydedilip edilmeyeceği sonuçların dosyanın baş tarafına mı, sonuna mı ekleneceği gibi ayrıntıları da burada göreceksiniz. Form bilgilerini iki ayrı dosyaya kaydettirmek istiyorsanız, bunu da burada belirteceksiniz. Form sonuçlarının bir elektronik adrese elektronik posta olarak gönderilmesini de istiyorsanız, bunun ayrıntılarını ikinci sekmede belirtebilirsiniz. Alıcı elektronik posta adresi, formun oluşturacağı mesajlara verilecek ortak konu adı, mesaja nelerin dahil edileceği gibi unsurlar bu sekmededir. Üçüncü sekme olan Confirmation/Onaylama bölümünde ise hatalı ve doğru formlara gönderilecek karşılık sayfaların adlarını belirtebilirsiniz. Formunuzun herhangi bir alanında Validation kuralı yoksa, bu sekmedeki ikinci bölüm etkin olmaz. Ve nihayet dördüncü sekme olan “Saved Fields” (Kaydedilecek alanlar) bölümünde formun hangi alanlarının kayıtlara geçirilmesini istediğinizi belirtmeniz mümkündür. Bu son sekmede ikinci bölümde, formda olmayan ama her Browser’ın formla birlikte Server’a otomatik olarak gönderdiği saat, tarih, ziyaretçinin bilgisayarının adı, ziyaretçinin adı ve kullandığı Browser’ın türü gibi bilgileri de kaydettirme imkanınız vardır.
Arama Formu

FP, sadece ziyaretçilerinizin dolduracağı formlar oluşturmakla kalmaz, fakat bir de Arama Formu (Search Form) oluşturmanız için araç sağlar. Arama formu ile ziyaretçi formu arasındaki başlıca fark, arama formunun FrontPage Extensions’ın bir parçası, yani bir program arayüzü olmasıdır. Bu form ve ona bağlı program, elde edeceği sonuçları site sahibi olarak size ulaştırmaz, ziyaretçiye gönderir.
Sayfanıza koyacağınız Arama Formu’nun işleyebilmesi için sitenize evsahipliği yapan Server’da mutlaka FP Extensions’ın kurulu ve çalışır olması gerekir. FPE, arama formu ile ziyaretçinin sitenize göndereceği arama emrini icra eder ve sonuçları (hazır verilen fakat sizin istediğiniz gibi değiştirip yeniden biçimlendirebileceğiniz) bir şablona yazarak, ziyaretçiye gönderir.
Bu kitapçıktaki örnekleri birlikte yaptı isek, oluşturduğunuz sitede, Ara adlı bir sayfa ve içinde (henüz değiştirmediğimiz için) İngilizce bir metin ve arama formu var.
Sitenize, bugüne kadar çok yüksek ek ücretlerle kazanılabilen Arama Motoru imkanını iki tıklamayla kazandırmak istiyorsanız, ya bu sayfayı düzeltin, ya da yeni bir sayfa açıp, arama formu girin. Arama Formu, sayfanıza Insert menüsünde Active Elements maddesinden Search Form (Arama Fodrmu) maddesi seçilerek konulur. İster boş bir sayfaya yeni bir Arama Formu girin ve oluşacak kutuyu sağ tıklayın; isterseniz, mevcut Ara sayfasındaki arama formunu sağ tıklayın; açılacak menüden FrontPage Componet Properties (FrontPage Unsuru Özellikleri) maddesini seçin ve arama moturu bağlantınızın başlıklarını verin:
<FP00053.tif>
Bu kutunun ikinci sekmesinde değişiklik yapmak gerekmez. Tamam’ı tıkladığınızda verdiğiniz başlıkların yer aldığı Arama Moturu bağlantısını göreceksiniz. Arama moturunun üstüne, ziyaretçilerinize bu bağlantının nasıl kullanıldığını anlatan bir kaç cümlelik bir açıklama notu da yazabilirsiniz. Bu metinde anlatmak istediğiniz bilgiler, Microsoft Query Language ile aramanın nasıl yapıldığına ilişkin olmalıdır. Query Language denen arama dilinde, AND, girilen bütün kelimelerin birden bulunduğu metinlerin bulunmasını; OR, girilen kelimelerin herhangi birinin bulunmasını; NOT, kendisinden sonra gelen kelimenin bulunmamasını sağlar. “*” harfi ile baştarafı verilen karakterleri içeren bütün kelimelerin bulunmasına imkan verir:
<FP00054.tif>
Sayfanıza koyacağınız arama formunun sonuç elde edebilmesi ve bu sonuçları ziyaretçiye bildirebilmesi için sitenize ev sahipliği yapan Server’da FrontPage Extensions’ın yüklü ve çalışır durumda olması gerekir. Server’ı işleten firma veya kişi size FP Extensions’ın arama sonuçlarını yazacağı şablonu oluşturma veya düzeltme imkanı verecektir. Fakat genel olarak bu sayfada, sitenizde bulunan ve arama yapılan kelime veya kelimelerin içinde geçtiği ve ziyaretçilerden gizlenmemiş olan bütün belgelerin bir listesi bulunacak ve ziyaretçi bu listedeki bir belge adını tıkladığında belgenin içeriği ziyaretçinin bilgisayarında görüntülenecektir.

Misafir

Ders 7: Sitenizi Sınayın ve Yayınlayın
İşte bu kadar.. Sitemizi, büyük ölçüde FrontPage’in yardımıyla ve oldukça kolay inşa ediverdik. Fakat Internet’te herşey her zaman planlandığı gibi yürümez. Bunun için sitemizi Internet’e koyarak, kamuoyuna açmadan önce kendi sabit diskimizde sınamamız gerekir. Sitemizin gerçek bir Server’da olması halinde işleyecek FrontPage Extensions programıyla yapılacak form bilgilerini işleme ve arama işi dışında, diğer unsurlarının işlediğini, bağlantıların gerçek hedeflerini bulduğu, ses ve video dosyalarının yerli yerinde olduğunu sınamak zorundayız.
Bu kitapçıktaki örnekleri birlikte yaptıysak, sizin siteniz de şu görünümü almış olmalı:
<FP00055.tif>
Navigation görünümünde sitenizin planını bu şekilde görebilmek için boş bir yeri sağ-tıklayın ve açılacak menüden Rotate/Döndür maddesini seçin. Sağdaki menülerle alttaki klasör ve dosya listesni çerçevelerini sağa ve alta iterek kapatabilirsiniz.
Sitenin sınanması ve yayınlanması, bir kaç aşamadan oluşur. Şimdi sırasıyla bu işleri yapabiliriz.
Bağlantıları Doğrulatma

Sitemizi oluşturan sayfaların kendi aralarında ve sayfaların içinde başka sitelere çeşitli bağlantılar bulunur. Önce bu bağlantıların geçerli ve şler vaziyette olduğunu denetmemiz gerekir. FP’in Hyperlinks görünümünü seçerseniz, sayfalarınızın kendi aralarında ve başka yerlerle bağlantılarını şema halinde görebilirsiniz:
<FP00056.tif>
Bu görünümde her sayfanın ana sayfaya göre konumu gösterilir. Sayfaların üzerindeki artı işaretini tıklarsanız, o sayfadan aşağı doğru veya başka yerlere bağlantıları da görebilirsiniz. Örneğin burada, Yeni Filmler sayfasının Yenilikler sayfasına iki bağlantısı, Yeni Teçhizat sayfasına ise bir bağlantısı bulunuyor.
Bağlantıları şema olarak görmek hangi sayfanın hangi sayfaya bağlantısı olduğunu gösterir; ama bu bağlantınınkopuk olup olmadığını göstermez. Bunu sağlamak için, FP’in Tolls/Araçlan menüsünden Verify Hyperlinsk/Bağlantıları Doğrula maddesini seçmemiz gerekir. FP, site içi bağlantıları kolayca denetleyecektir; fakat site dışı bağlantıları, başkalarının sitelerine verdiğiniz linkleri sınayabilmesi için, bulunduğu bilgisayarın Internet bağlantısı olması gerekir. Bilgisayar Internet ile bağlantı kurabiliyorsa, FP, tıpkı bir Browser gibi telefonu çevirerek, link sağladığınız bir bütün URL adreslerini kontrol edecektir. FP içinde kopuk bağlantıları nasıl onardığımızı daha önce ele almıştık.
Siteyi Internet’e Yerleştirme

Ve beklediğiniz az geldi; bütün emeklerinizin karşılığını şimdi alacaksınız. Tabiî herşeyden önce, FP’in sizin kişisel Web Server’ınızı kurduğu bilgisayarın Internet bağlantısı olması ve ISS aracılığıyla Internet ile bağlantınız olması gerektiğini belirtmemiz gerekiyor. Bu bağlantı ile sitenize Internet’te ev sahipliği yapmak üzere bulduğunuz firma ile bağlantınızı karıştırmayın.
İlk derste ele aldığımız gibi, sitenin planlama aşamasında, bulduğunuz Web Server Evsahibi firma, FrontPage uyumlu bir Server işletiyorsa, bütün yapacağınız şey, yeni sitenizin HTTP adresini Frontpage’e vermekten ibarettir. Sitenizin büyüklüğüne ve bağlantınızın hızına göre, siteniz evsahibi Server’a bir kaç dakika içinde aktarılmış olacak,
Bu ana kadar bir evsahibi firma bulmadıysanız, FP’i kapatıp; ya bilgisayar dergilerindeki ilanları karıştırmaya başlamalısınız, ya da Internet Browser programınızı açıp, kendisine bir Web Server Hosting (Evsahibi) firma bulmalısınız.
Bu konuda çeşitli seçenekleriniz var: evsahibi firma ücretsiz Web sitesi alanı veren bir kurum olabilir; sitelere belirli bir ücret karşılığı evsahipliği yapıyor olabilir. Ücretsiz site alanı verenler, sizin sitenize koymanızı zorunlu tutacakları reklamlarla para kazanırlar. Hatta evsahibi firmasının Server’ı, kendi reklamlarını sizin sayfalarınıza otomatik olarak koyar; sayfanızın bütün tasarım incelikleri, bu otomasyona bir anda kurban gider. Eğer ücretsiz site edinmekten başka çareniz yoksa, sayfalarınızı bu reklamları dikkate alarak tasarlayabilirsiniz. Bu tür evsahibi firmalar, ne kadar çok kişiye ücretsiz alan sağlarlarsa, kendi sitelerinin de o kadar çok kişi tarafından ziyaret edileceğini düşünerek kendi sitelerini iyi bir reklam aracı olarak pazarlayabilirler. Yani bu işten herkes kazançlı çıkar!
Ne var ki, bedava site alanı veren evsahipleri, sayfalarınıza zorla reklam sokmanın yanı sıra, çoğu zaman sınırlı CGI programı imkanı tanırlar, ve genellikle FP Extensions, Index Server ve hele elektronik ticaret gibi gelişmiş türde hizmetleri sunmazlar. Bu tür hizmetlerden yararlanabilmek için, ayda 30 Dolar’dan başlayan bir kira ödemek gerekebilir.
FrontPage ile site oluşturduktan sonra, ev sahibi Web Server’da bazı imkanlar yok ve özellikle evsahibi firma sayfalarınıza koyduğunu otomatik form işleme ve arama motorunu çalıştıracak FrontPage Extensions imkanı sağlamıyor diye üzülmenize gerek yok. FP, yeni sitenizin adresini arayarak Server ile ilk teması kurduğunda, Server’ın uyumlu olmadığını anlayacak ve sitenizi otomatik yüklemekten vazgeçerek, klasik FTP (File Transfer Protocol) yöntemine başvuracaktır.
Siteniz Internet’e açılmaya hazır durumda ise şimdi, daha önce sitemizden sınama maksadıyla kopya aldığımız gibi File/Dosya menüsünden Publish FrontPage Web/FrontPage Web’i Yayınla maddesini seçelim ve açılacak kutuda More Webs (Başka Web’ler) düğmesini tıklayalım. Açılacak kutuda sitenize ev sahipliği yapacak firmanın size verdiği HTTP adresini yazalım:
<FP00057.tif>
Bu adres “benim_sitem.ev_sahibi.com” şeklinde bir URL olmalı; fakat bu adres firmadan firmaya değişebilir. OK’i tıkladığınızda, FP, evsahibi Server’da FP Extensions bulunup bulunmadığını sınayacak ve varsa sitenizi kendiliğinden Server’a kopyalayacaktır. FP, FP Extensions’ı bulamazsa, kendiliğinden Microsoft Web Yayınlama Sihirbazı’nı çalıştırarak, sizden ek bilgiler isteyecektir. Bu bilgiler arasında evsahibi Server firmasının size vermiş olması gereken FTP adresi, FTP için kullanıcı adı ve şifresi ve sitenizi oluşturacak dosyaları çıkartacağınız (upload) klasörün adı bulunur.
Bundan sonrası, sitenizi “hedef kitleye” duyurmaya kalıyor!

Misafir

Web Sitemi Nasıl Yayınlayacağım ve Güncelleyeceğim

Size iletişim adresleri yoluyla iletilen kullanıcı adı ve şifresi ile web sitenizde değişiklik yapabilir ve yayınlayabilirsiniz. Bilgi İşlem Daire Başkanlığı olarak bu aşamada size iki şeçenek sunulmuştur.

1. Şeçenek: FTP Desteği

İnternet Explorer adres çubuğuna ftp://www.newtech.somee.com yazın. Karşınıza kullanıcı adı ve şifre soran bir pencere gelecektir. kullanıcı adı ve şifrenizi girin. otomatik olarak kendi klasörünüze yönlendirileceksiniz. Bu kısımda istediğiniz dosyaları güncelleyebilir ve yayınlayabilirsiniz.

2. Şeçenek: Microsoft Front Page Desteği

Microsoft Front Page ile site yayınlamak için, Front Page programını açın. Dosya menüsünden web aç seçeneğini seçin. Hazırladığınız web sitesinizin bulunduğu klasörünün içine girin ve aç butonuna tıklayın. Front Page Bilgilerini Klasöre Ekle şeklinde bir pencere gelecek (daha önce bu işlem yapıldıysa gelmeyecektir) Burada sorulan soruya evet diyerek geçin. Tekrar Dosya menüsüne gelin ve web’ i yayımla butonuna basın. Bu kısımda Front Page Web sitenizin adresini soran bir pencere getirecektir. Bu kısıma adresinizi yazın. (Örn: http://idak.gop.edu.tr/cihancelik, http://idak.gop.edu.tr/alperendun) Eğer adres doğruysa kullanıcı adı ve şifresi isteyen bir pencere gelecektir. Kullanıcı adı ve şifrenizi yazın. Bilgileriniz doğru ise bir sonraki ekranda yayınla butonuna basarak sitenizi yayınlayabilir veya güncelleyebilirsiniz.
* Giriş dizini yani ana sayfanızın dosya adı index.htm değilse internette bu alanı görme yetkiniz yok uyarısı alırsınız.

Misafir

Frontpage download linki böle konuluyo;
İlkten nasıl bi site hazırladığını bilmiyorum ama ben en güzel yönünü bide diğer yönüyle anlatacağım.
www.cooltext.com a girip kendine tüm programlar için özel buton yapıyosun’’Download’’yazıcak şekilde senin zevkine kalmış bir şey.
Sonra program ile gerekli bilgiyi verdikten sonra istediğin tarafa bu resmi koyuyorsun,ayarlıcaksın yerini yine sana kalmış bir şey.Sonra hazırladığımız butona sağ tıklayıp en altta olması lazım köprü diyoruz.Ve resimde gördüğün gibi;

Bi bahsettiğim diğer ise bu aynı işlemi yazı üzerinde de uyarlayabiliyoruz.

Misafir

Yatay Çizgi (Horizontal Line) Ekleme
.:: HTML’deki hr komutu ::.
Sayfanıza yatay çizgi eklemek için Insert > Horizontal Line’ı seçin.
Eklenen çizgiye çift tıklarayak Pixel ya da Percent (Yüzde) bazında Width (Genişliği) ve Heigth (Kalınlığı) üzerinde oynayabilirsiniz.
Alignment çizilen çizginin nereye hizalanacağını;
Color çizginin ne renkte olması gerektiğini belirtir.


Kullanılmayan Temaların Silinmesi
.:: Gereksiz dosyalarıyla beraber silinmesi ::.
Bir Web’e uyguladığınız her tema, Web’e bir düzinenin üzerinde grafik dosyası ekler. Bu dosyalar, FrontPage tarafından kullanılan dosyalardır; bunların arasında hover düğmeleri, arka plan resmi ve her sayfa banner’ının arkasındaki grafik bulunur.
Bir temayı belirli bir sayfaya uygularsanız, bu tema tarafından kullanılan dosyalar, daha sonra sayfa silinse bile durmaya devam eder.Bu dosyaları, Reports görünümünden Unused Themes raporunu kullanarak silebilirsiniz. Bu rapor, geçerli Web’in herhangi bir kısmıyla artık ilişkili olmayan temaları listeler.Bu dosyaları silmek için, Unused Themes isimli Reports görünümü satırına çift tıklayın. FrontPage’in görevi tamamlamak için hiperlink’leri yeniden hesaplaması gerekir, bu yüzden Internet’e bağlanmanız gerekebilir.
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.
Bir Web Şablonunun Seçimi
.:: Bir projeyi başlatmak için bir şablon seçmelisiniz ::.
FrontPage’de bir sayfa yaratmak için, önce o sayfayı içerecek bir Web’i yaratmanız gerekir. Tüm Web’ler bir şablondan itibaren başladığından, bir projeyi başlatmak için bir şablon seçmelisiniz.
Bir Web’e başlamak için şu şablonlar kullanılabilir:
Empty Web: Sayfa içermeyen bir Web.
One Page Web: Bir tek boş sayfa içeren bir Web.
Personal Web: Kişisel bilgiler için bir Web.
Customer Support Web: Bir firmanın bir veya daha fazla ürünü için müşteri desteği sunmasını sağlayan 19 sayfalık bir Web.
Project Web: Katılımlı projeler için 23 sayfalık bir Web. Üye bilgileri, projenin durumu, plan, grup tartışmaları ve arşiv için sayfalar içerir.
Bir şablon seçerken, ayrıca Web’in kaydedileceği konumu da seçmelisiniz. Web’ler bir diske veya bir World Wide Web sunucusuna kaydedilebilir.
Bir Web’i diske kaydederseniz, genel erişime açılması için ayrıca bir World Wide Web sunucusuna kaydetmeniz gerekir. Buna Web’in yayınlanması (publish) da denir, çünkü bu işlem kitap gibi şeylerin yayınlanmasına benzer. Dış dünyanın erişebilmesi için, bir Web’in bir Web sunucusu üzerinden erişilebilir hale getirilmesi gerekir.
Bir Web’i bir Web sunucusuna kaydedebilmek için, önce o sunucu için bir kullanıcı adına ve şifreye sahip olmalısınız.
Bir Web’i diske kaydetmek için, Web’in depolanacağı bir klasör belirtin. Bu klasörü sadece Web’inizle ilgili dosyaların depolanmasında kullanmalısınız. Zaten yoksa, FrontPage istediğiniz klasörü yaratır.
Yeni Web için bir şablon ve konum seçildikten sonra, FrontPage Web’deki tüm sayfaları ve bunların ihtiyaç duyduğu alt klasörleri oluşturur. Mevcut şablonların her biri, özel ve resim alt klasörlerine sahiptir. Images isimli alt klasör, Web’in bir parçası olan grafik dosyalarını içerir. Private (özel) isimli alt klasör ise, ilk başta herhangi bir dosya içermez ve Web’inizin ziyaretçilerinden gizlenmesi gereken dosyalar için bir yer olarak kullanılabilir. Ziyaretçinin ismi ve e-posta adresi gibi bilgileri toparlayan bir Web yaratırsanız, bu bilgileri meraklı gözlerden uzakta tutmak için bu klasörde tutabilirsiniz.
İsmine karşın __private klasörü aslında Web’iniz oluşturulduğunda diğer her şey kadar erişime açıktır. FrontPage’in güvenlik özelliklerini kullanarak bu klasörün içeriğini gizlemelisiniz, bu da sadece FrontPage Server Extensions kurulu olan Web host’larında mümkün olur.
Şablonunuzda sayfalar varsa, Web’in ana sayfasının (home page) ismi index.htm olur.
Şablonlar (Templates)
.:: FrontPage’in oluşturabildiği standart web sayfalarıdır ::.
Şablonlar (template), FrontPage’in talep edildiğinde yaratabildiği standart Web’ler veya Web sayfalarıdır.
Mevcut şablonlar arasında, kişisel Web, kurumsal Web, müşteri geribildirimi Web sayfaları ve site arama sayfaları gibi hazır Web sayfaları var.
Bir şablonla yeni bir Web yaratmak için, File / New / Web menü komutlarını kullanın. Yeni bir sayfa yaratmak için File / New / Page’i kullanın. Her iki durumda da kullanabileceğiniz şablonların ve sihirbazların listesini gösteren bir iletişim kutusu açılır.
Web Hakkındaki Raporların Görülmesi
.:: Her rapor, ne amaçla kullanıldığını açıklayan bir tanıma sahiptir ::.
Reports görünümü, Web’iniz hakkında daha fazla bilgi veren bir raporlar listesini açar. Bu görünümdeki her rapor, ne amaçla kullanıldığını açıklayan bir tanıma sahiptir. Raporların sekizi, Web’de yer alan dosyaları belirli bir kritere göre listeler.


Bağlı olmayan dosyaları gösteren rapor, bir ya da daha fazla Web sayfası Web’inizin geri kalanına bağlı olmadığında faydalı olacaktır. Bu sayfalara Web’inizin ana sayfasına ulaşarak sitenizdeki her sayfayı ziyaret etmekte hiperlink’leri kullanan bir kişi tarafından ulaşılamaz. Bu sayfaları Web’in bir parçası haline getirmemek için bir neden olmadığı sürece, bu raporu alandan tasarruf için dosyaları silerken ya da bu sayfalara ilave bağlar eklerken kullanabilirsiniz.
Bir diğer faydalı rapor, bir Web’de 28.800 baud’luk bir Internet bağlantısı kullanarak çekilmesi 30 saniyeden daha fazla süren sayfaların listesini gösterir.
Bir Web tasarımcısı olarak aklınızda tutmanız gereken şeylerden biri, ziyaretçilerinizin lnternet’e bağlanma şeklidir. İnsanların çoğu bir Internet servis sağlayıcısına bağlanmak için 28.8’lik bir modem kullanır, Web tarayıcısını çalıştırır ve sayfaları izlemeye başlar; ancak bu durum ISDN ve kablolu modemlerin daha da yaygınlaşmasıyla değişebilir.
30-saniye raporu, bir Web sayfasının tüm kısımlarını dikkate alır: Yazı, resimler, Java applet’leri gibi etkileşimli programlar ve sayfa bir tarayıcıda görülürken çekilen her şey.
Web’de sörf yaparken, bir sayfanın yüklenmesi için 30 saniye beklemek uzun bir süre midir? Yarım dakikalık bekleme süresi, bir sayfanın çok fazla yazı, grafik ve diğer öğeleri içermesi hakkında kaygılanmaya başlamanız için iyi bir ölçüttür.
28.8 Kbps’lik bağlantı ve 30 saniyenin her ikisi de özelleştirilebilir. Tools / Options menü öğesini seçip Options iletişim kutusunun Reports View sekmesini açarak farklı hızlar ve farklı bir süre için ayarlama yapabilirsiniz.
Options iletişim kutusunun Reports View sekmesi, bir Web’e yeni eklenmiş veya eski bir dosyanın değiştirilmesi için gün sayısının ayarlanmasında da kullanılabilir.
Reports görünümünde gördüğünüz beş rapor, bir Web’de kullanılan hiperlink’lerle ilgilidir. Bu raporlar, kullanıldıklarında bir file not found (dosya bulunamadı) hatasına neden olan bağları bulmanızı sağlar. Web’inizde bulunan hatalı bağları raporlayabilir ve bunları World Wide Web’deki diğer adreslere bağlayabilirsiniz.
Tümüyle güncel bir hiperlink raporu görmek için, raporu seçmeden önce Tools / Recalculate Links’e tıklamalısınız. FrontPage, o anda Internet’e bağlıysanız, diğer Web adreslerine bağlı dış bağlar da dahil olmak üzere tüm bağları kontrol eder. Bu, Web’inizde kaç tane Web adresinin bulunduğuna bağlı olarak beş dakika ya da daha uzun sürebilir. Hatalı bir bağ bulduğunuzda, raporda o bağı gösteren satıra tıklayarak doğrudan Reports görünümünde güncelleyebilirsiniz. Web’inizde çok sayıda hiperlink varsa bu sayede büyük miktarda zaman kazanabilirsiniz, çünkü her sayfanın düzenleme penceresine yüklenerek hatalı bağın bulunmasından daha hızlıdır.
Oval Table Oluşturmak
.:: Tablo kenarlarını ovallaştırma ::.
Table > Layout Table and Cells’e tıklayarak çerçevelerin (table) ve hücrelerin (cell) değerleriyle oynayabileceğiniz pencereyi açın ve Insert Layout Cell seçeneğine tıklayın. Inline, Height=75, Weight=75 değerlerini girin, After Selection seçili iken Ok’e tıklayın. Görünüm aşağıda birinci resimdeki gibi olacaktır.
Daha sonra aynı pencerede Cell Formatting’e tıklayın. Cell Properties and Borders seçeneği altındaki Borders kısmında Weight değerini 1 yapın, Color Siyah kalsın ve bunu tüm çerçeveye uygulayın. (Apply bölümünde ilk sıradaki, dört yanı çizgi ile kaplanmış buton) Sonra sayfanızda herhangi boş kısma bir kere tıklayın. Bu durumda çerçeveniz aşağıdaki ikinci resim gibi olmalıdır.
Cell Corners and Shadows kısmındaki Width, Height kısımları 20, color = beyaz, border color = siyah olsun. Bunu tüm köşelere uygulayın. (Apply bölümünde ilk sıradaki, dört yanı oval çerçeve resmi içeren buton) İşleminizin gerçekleşmesi durumunda üçüncü resme benzemelidir.

DHTML Efektleri
.:: En basit şekilde dhtml efektleri ::.
Frontpage öğrenmeye çalışanların çoğu mutlaka linklerin üzerlerine gelindiğinde değişen yazı renklerini ya da boyutlarını görmüştür. "Neden sizlerde böyle birşey yapmayasınız?" diyerek konuya geçelim.

View > Toolbars > DHTML Effects ’e tıklayarak DHTML Effects penceresini açalım.
Şimdi bir yazı yazalım ve ne yapacağımıza karar verelim.

Click: Tıklandığında,
Double Click: Çift tıklandığında,
Mouse Over Üzerine gelindiğinde,
Page Load: Sayfa yüklendiğinde
Bunlardan birini seçerek sağındaki kutuyu aktifleştiriyoruz.
Click ve Double Click seçildiğinde karşımıza iki seçenek çıkıyor.
FlyOut: Yazınızı, tıklandığında sağında aktif olan seçenek kutusunda seçtiğiniz yöne doğru uçurur.
Formatting: Yazınızın renk, boyut, şekil biçiminden değişmesini sağlar.
Mouse Over’ı seçtğinizde karşınıza formatting gelir. Yazınızın renk, boyut, şekil biçiminden değişmesini sağlar.
Page Load’u seçtiğinizde yazınızın değişik efektler ile sayfaya yüklenmesini sağlar.
DHTML Effects penceresinin sağ tarafında bulunan Remove Effect ise bulunan dhtml efektini kaldırmanıza yarayan komuttur.
Not: Design penceresinde bir yazının çerçesinin mavili gibi olması orada dhtml efektinin bulunduğunun göstergesidir.
Sabit Arkaplan
.:: Scroolbar oynadığında arkaplan resmi oynamayacak ::.
Arkaplana koyduğunuz bir resmi scroolbar’ı oynattığınızda hareket etmesini istemiyor, sabit kalmasını istiyorsanız
Sayfada Sağ Tuş > Page Properties
Background kısmından Background Image’i seçerek aktif olacak Watermark’ı işaretleyin ve bir resim seçin.

Seçilen resim arkaplanda sabit kalacaktır.