10 derste frontpage sitesi

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 sonra klavyede 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.