Arkadaşlar öncelikle herkesin KURBAN Bayramını kutlarım. Umarım bayramızın bol etli, işkembeli, kelleli paçalı geçiyordur

Evet daha önceki yazımda form etiketleriyle ilgili bilgi vermiştim. Şimdide form oluşturabileceğimiz siteler hakkında bilgi vermek istiyorum. Formlarımızı çevirim içi oluşturup yapacağımız sitelerde kolaylıkla kullanabiliriz. Bu hizmeti veren bir kaç site biliyorum. Benim hoşuma giden 2 tanesini burda tanıtacağım. Ama onun öncesinde size , rehper niteliğinde olan form bulabileceğiniz siteleri vermek istiyorum.

Form Bulabileceğiniz Siteler

1. 40 tane js ve css le hazırlanmış form bulabileceğiniz bir liste , tıklayın.
2. 16 tane ajax kodlamayla süslenmiş iletişim formu, tıklayın.
3. Burada bakıp ilham alabileceğiniz form örneleri verilmiş, tıklayın.
   
4. Burada da bildirgeçte hazırlanmış, form örnekleri veren siteler var, tıklayın.

Evet şimdi çevirimiçi form oluşturabileceğiniz sitelere değinelim.

İlk sitemiz  jotform.  Sitenin arayüzü ve form oluşturma paneli çok hoşuma gitti. Tavsiyem siteye girdikten sonra siteye üye olmanız. Çünkü üye olduğunuz zaman , hazırladığınız formları sonradan dönüp bulabilme şansınız olur. Şimdi sitenin özelliklerine ve nasıl form oluşturacağımıza değinelim.

Siteye girdiğinizde ilk olarak böyle bir panel karşınıza çıkacaktır. Buradan new diyerek , yeni bir form oluşturmak için bir sihirbaz açabilirsiniz. Bu sihirbazda ilk olarak karşımıza gelen , ne çeşit bir form oluşturacağımız ile ilgili şablonlardır. Bu şablondan ihtiyacımıza göre bir form seçebiliriz. Sağdaki resme tıklayıp büyük halini görebilirsiniz. Burada seçebileceğiniz bir çok seçenek mevcut. Bir iş başvuru formu , iletişim formu yada boş bir form seçip daha sonra panelden gerekli eklemeleri yapabiliriz.  Formu seçip next dediğimizde, karşımıza formumuzla ilgili tema ayarları çıkacaktır. Bu ayarlarda benim en çok hoşuma giden babyblue teması oldu. Temayıda seçtikten sonra finish diyoruz ve karşımıza güzel bir form açılıyor.

Yukarıda verdiğim ilk resimdeki panelden Properties butonuna tıkladığınızda sağ altta formun genelini ilgilendiren ayarlar çıkacaktır. Buradan formla ilgili ayalları yapabiliriz.

Örneğin tema ayarları, formumuzun başlığı, renk ayarları, spam kontrolu,teşekkür için gelecek olan resim url si…

-

-

-

-

Şimdi artık formumuza yeni elemanlar ekleyebiliriz.  Sitenin panelinde sağda göreceğiniz gibi tollbox denen eleman araçları vardır. Buradan istediğimiz bir form etiketini yerleştirebiliriz.

Örneğin text linki size yani bir input type=”text” ekleyecektir. Yani ismimizi yazdığımız küçük text kutucuğu. Önceki yazıma bakarsanız etiketlerin ne işe yaradığını daha iyi anlayabilirsiniz.

Herbir etiket ekledikten sonra oradaki ayarları düzenlemeniz gerekiyor. Bunun için eklediğimiz etiketin bölgesine 1 kez tıklarsak yanda properties bölümünde , etiketimizin ayarları çıkacaktır. Bu ayarlardan etiketimize isim verebiliriz yada etiketimizle ilgili genel ayarları yapabiliriz.

Bu ayarlarda dikakt etmeniz gereken bir şey, Required seçeneğidir. Bu seçenek size yerleştirdiğiniz etiketin girilmesinin zorunlu olup olmadığını ayarlar. Örneğin bir text kutucuğu eklediniz. İsminede “İsminiz” dediniz. Eğer Required seçeneğini yes yaparsanız , o zaman oluşturduğunuz formda isim girilmesi mecburi hale gelir. Yine bu ayarlardan eklediğiniz etiketin, boyutunu , açıklamalarını ve Validation özelliğini ayarlayabilirsiniz. Validation onaylamak demek. Bu seçenekte size, numeril, email ve alphabe gibi seçenekler sunacaktır. Eğer siz oluşturduğunuz etikete bir email girilmesini istiyorsanız, buradaki ayarı email yapmalısınız. Çünkü formu dolduran kullanıcı email dışında birşey girdiğinde form hata vermelidir.

Bu site gerçekten herşeyi düşünmüş ve mükemmel bir form oluşturmamız için her türlü aracı bize sunmuş. Yine yandaki panelde görebileceğiniz bu araç paneli bize birçok seçenek sunuyor. Bunlardan 1. si spam maillere karışı yapılan güvenlik amaçlı, onay kodları. Bu kodları birçok formda görebiliriz, resimli bir şekilde bize sunulan karakterleri girmemiz istenir. İşte bizde bunu formumuza captcha seçeneğini seçerek bu özelliği ekleyebiliriz. Diğer seçenekler adlarındanda anlaşılacağı gibi, resim ekleme, tarih kutucuğu yerleştirme, açılır menü koyma, html kodları yerleştirebilme, şifre istediğimiz bir kutucuk açabilme seçeneklerini içeriyor.

Son olarak bu hazırladığımız formu nasıl kaydedeceğimize bir bakalım. Öncelikle ilk resimdeki panelde save diyoruz ve formumuzu hafızaya aldırıyoruz.
Daha sonra source butonuna basarsanız , karşınıza yandaki gibi bir menü gelecektir. Burdan insan iconlarına basarsanız, kaydettiğiniz formu arkadaşlarınıza gönderme şansınız olur. Zip şeklindeki sıkıştırma iconuna tıklarsanız, hazırladığınız formu zip dosyası şeklinde indirme şansınız olarcaktır. Yine bu sayfadan kaynak kodları görebilirsiniz ve sitenize direk bu kodları uyarlayabilirsiniz.

2. olarak göstereceğin site , phpform. Bu sitede de kafanıza göre form oluşturabilir bu oluşturduğunuz formu indirip sitenize uyarlayabilirsiniz.

Siteye ilk girdiğinizde sizi temalarla süslü bir sayfa karşılıyor. Bu sayfadan gözünüze hoş gelen bir tema seçip formunuzu oluşturmaya başlamak için next diyoruz. Yine karşımıza bir panel ve oluşturduğumuz formu gösten bir sayfa açılacaktır. Fazla detaya inmek istemiyorum. Çünkü hem yazı çok uzadı hemde panel işleyişi jotform la aynı gibi. Tek yapmanız gerek yine panelden etiketleri atmak , onları editlemek daha sonra sayfanın altındaki save butonuna basıp hazırladığınız formu indirmek….

Evet bu yazıyıda burada sonlandıralım. Umarım azda olsa birşeyler anlatabilmişimdir..