www.egitimnet.com

WEB SAYFALARINDA FORM KULLANIMI

Web sayfalarinda formlar kullanarak web sitenizi daha etkilesimli bir hale getirebilirsiniz.Temel olarak formlar,sayfaniza baglanan internet kullanicilarinin metin tabanli bilgi almak ve bu bilgileri islemek için kullanilan bir arabirim olarak düsünülebilir.Kullanicinin formu doldurup gönderdigi bilgiler,web sitenizdeki bir program tarafindan islenir ve sonuçlari ilgili yerlere gönderilir.

Form konusu özellikle Web teknolojine,Internet programciligina uzak olan sayfa tasarimcisi adaylari için oldukça zor bir özelliktir.Formlari tam layikiyle kullanabilmek için sunucu tabanli programcilik yazilimlarindan birini tam anlamiyla ögrenmeniz gerekecektir.C++,Perl,Visual Basic ve Visual Basic tgrevi olan Asp bu dillerin en önemlileridir.

Peki bu dilleri bilmeden de form hazirlamamizin bir imkani yok mu diye soracak olusaniz ;elbette ki var.Frontpage 2000'in sundugu etkilesimli form özellikleri sayesinde temel form islemlerini gerçeklestirip,basit etkilesimli ögeleri formumuza ekleyebiliriz.

FORM ÖGELERI

Web sayfalarinda kullanilan formlari aynen gazete veya dergi anketlerinde doldurdugunuz basvuru formlarina benzetebiliriz.Aynen o basvuru formlarinda oldugu gibi,kisisel bilgilerinizi ve tercihlerinizi yazabileceginiz alanlar,çoktan seçmeli soru ve cevaplar,birden fazla seçenegi isaretleyebileceginiz bilgi kutulari Internet üzerinden hazirlanmis formlarda da kullaniliyor.

Formlarin çalisma mantigi son derece basittir.Her form ögesinin bir adi ve degeri vardir.Bir Internet kullanicisi bir form doldururken her form ögesinin degerini kendi seçimine göre belirler.Formu gönderme dügmesine bastigimizda,kullanicinin ayarlamis oldugu degerler toplu halde web sunucusu araciligi ile o formun bagli oldugu programa gönderilir.Örnegin bu degerleri bir veritabani dosyasina yazdirabilir veya elektronik posta vasitasi ile bir e-mail adresine gönderilir. Formlari isleyen ögelere geçmeden önce,web sayfalarimizda hangi tip form ögeleri kullanacagimiza bakalim.

1) Metin kutusu : Bir formda en fazla rastlana alanlardan biri olan metin kutularina Internet kullanicilari istedikleri bilgileri girebilir.Özellikle isim,soyisim,e-mail adresi gibi kullaniciya göre degisen bilgilerin kullanilmasinda metin kutulari kullanilir.
2)Seçim kutusu:
Kullanicinin çoktan seçmeli bir soruya cevap vermesini istiyorsaniz formunuzda bu tür bir alan kullanabilirsiniz.Her seçim kutusundaki ögelerden ancak bir tanesi seçilebilir.Sorulariniza net ve kesin bir cevap istiyorsaniz bu tür bir alan kullanabilirsiniz.
3) Check kutusu: Bu tür bir alan kullandiginizda,kullanicilarinizin sordugunuz soruya birden fazla cevap verebilmesine imkan vermis olursunuz.
4) Liste kutusu: Eger bir sorunun birden fazla seçenegi varsa ve bu seçeneklerin hepsini web sayfanizda göstermek istemiyorsaniz bu tür bir alan kullanirsiniz.Mesela;kullanicinin dogum yerini ögrenmek istiyorsaniz;Bütün sehirleri liste kutusunun içerisine koyarak kullanicinin buradan seçim yapmasini saglayabilirsiniz.

5) Metin alani:Formunuzu dolduracak olan kullanicilar tek satirdan daha fazla yer kaplamasi muhtemel bir bilgi girisi yapacaklarsa o zaman metin alani kullanilir.Örnek olarak kullanici adresini koyacagimiz metin alanina girebilir. 6) Dügmeler : Formu göndermek için kullanicilar bu ögelere basmak zorundadir.Buna ek olarak formu silip en bastan doldurmak isteyen bir kullanici için bir sifirlama dügmesi konulabilir.

Genel olarak kullanilan form ögelerini tanidik.Simdi sira bu form ögelerini kullanarak basit bir form yapmaya geldi.

Örnek Bir Form Hazirlama

Yaratacak oldugumuz form ile sitemize gelen ziyaretçilerin adini,soyadini ve mail adresi alarak kayit.htm adindaki dosyaya kaydedecegiz. Bu is için ilk önce yeni bir sayfa açalim daha sonra bu sayfaya iki adet metin kutusu ile bir adet komut butonu yerlestirelim.Bunu yapmak için Insert/Form menüsünden "One Line Text Box" komutunu çalistiyoruz.Daha sonra iki adet metin kutusuna ihtiyacimiz oldugundan dolayi ayni islemi bir kere daha yaparak iki adet metin kutusu elde etmis oluyoruz.

Sonuç olarak yukaridakine benzer bir sekil elde etmis olmaliyiz.Daha sonra üsteki metin kutusunun ismini üzerine çift tiklayip name yazan kisma "adi" seklinde degistirelim.Yine ayni sekilde altaki metin kutusunun ismini de email olarak degistirelim.Butonun isminini de,degerini de "Gönder" olarak degistirelim.Simdi ise girilen bilgilerin dosyaya kayit edilmesi islemine sira geldi.Bu amaçla formun herhangi bir yerindeyken mouse'un sag tusuna basalim ve gelen pencereden "Form Properties " butonuna basalim.Burada "Send to" seçenegini default olarak seçilmis olmalidir.Biz burada sadece "File Name" yazan kisma bilgilerin kaydedilecegi dosyanin ismini girecegiz.Buraya kayit.htm yazalim.Frontpage 2000 eger böyle bir dosya yoksa bile yaratacaktir ve bilgileri buraya kaydedecektir ama hangi veri türü olarak kaydedecegini henüz belirtmedik.Bu amaçla Form properties penceresindeyken "Options " butonuna basarak "File Format" yazan kisma dosyanin formatini yazacagiz.Biz burada "html" seçtik. Eger bu bölümün altindaki seçeneklerden "Include Field Names" adli bölümü aktif hale getirirseniz dosyanin içerisine bilgilerle beraber bu bilgilerin hangi form ögesinden geldigine de kaydeder."Latest results to end" seçenegini aktif hale getirirseniz son eklenen bilgiyi dosyanin en sonuna kaydeder.