Dreamweaver ile Basit İletişim Formu Oluşturma

Ağu 24

Dreamweaver ile Basit İletişim Formu Oluşturma

Basit iletişim formu oluşturmayı daha önce frontpage ile anlatmıştım yoğun istek üzerine şimdi de Dreamweaver ile anlatıcam.

dreamweaver basit iletişim formu

Resimdeki gibi insert-form bağlantılarını izleyip tekrardan forma basıyoruz. Daha sonra sayfamıza şöyle bişiy ekleniyor.

dreamweaver basit iletişim formu Bunu daha rahat çalışabilmek için kırmızı çizgilerin arasına gelip entera basarak genişletebilirsiniz. O gördüğünüz kırmızı çizgiler bizim form alanımız oluyor.

Burdan sonra kırmızı çizgilerle çevrili alanımızın içine isteğimize göre form elemanlarını yerleştiriyoruz. Form elemanlarına insert-form bağlantılarından ulaşabilirsiniz. Aynı aşağıdaki gibi...

dreamweaver basit iletişim formu

Yukarıda belirtmediklerim daha aşşağıda anlatıcağım işlemciye pek uygun değildir. Mesela File Field dosya server'a dosya gönderilmesini sağlayan bi form aracıdır ve bunun için iletişim formunu oluşturacan işlemci'den(php dosyasından) biraz farklı bi işlemci gereklidir.

Herneyse konumuza dönelim yukarıda da gösterdiğim form elemanlarıyla ihtiyaçlarınıza uygun formu oluşturuyorsunuz. Ama bu formu oluştururken dikkat etmeniz gereken bi kaç husus var.

Öncelikle diyelimki bi textfield oluşturuyorsunuz. Bu textfieldi oluşturduktan sonra üzerine tıkladığınızda Dreamweaver'ın Properties kısmında yani resimdeki kısmında

dreamweaver basit iletişim formu içine ad yazdığım kırmızı bi daire içine aldığım kısımda o form elemanın ismini yazmanı gerekir. Bunu kendiniz belirleyebilirsiniz, ama forma uygun kelimeler belirlerseniz ,türkçe karakter ve boşluk kullanmassanız iyi olur. Çünkü burda belirlediğiniz ismi işlemciyi oluştururken kullanacaksınız.Çünkü bi form oluşturulup gönder butonuna basıldığında form bu bilgileri "isimleriyle beraber" server'da bulunan POST dizinine ekler ve bizde bunu işlemcide aşağıdaki gibi çağırırız.

PLAIN TEXT

PHP:

$_POST["ad"];

O yüzden yaptığınız formdaki form elemanlarının isimlerine dikkat ediniz.

Bi başka nokta checkbox veya option(vs) oluştururken dikkat edilecek birşey var oda checkbox veya option işaretlendiğinde size gelecek değer(yani mailinize gelecek değer) onun yanına yazdığınız atıyorum bilgisayar kısmı değil checbox a veya option'a iki defa tıkladığınızda çıkan value kısmına yazdığınız bilgisayar yazısıdır.Yine aynı textboxlardaki gibi name kısmı bunlar içinde önemlidir.

Bu frontpage gibi butonları kendisi koymuyor forma o yüzden insert-form bağlantılarını izleyip "Button"a tıklayıp buton eklemek zorundasınız.Eklenen buton submit butonudur. Eğer bunu Reset yani formu temizleme butonu yapmak istiyorsanız Properties kısmında Action'daki Reset form şıkkını seçmelisiniz. Butonun ismini değiştirmek istiyorsanız yine properties kısmındaki value değerini değiştirmelisiniz.

Ayrıca

PLAIN TEXT

HTML:

<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">

kodundaki action="" bölümüne index.php yada oluşturduğunuz işlemciye verdiğiniz ismi yazmalısınız.

Yukarıda belirttiğim noktalar form oluştururken dikkat edilmesi gereken noktalar.
Kendimce bi form oluşturdum ve anlatıma devam ediyorum.

dreamweaver basit iletişim formu

Biraz basit oldu ama olsun siz daha iyisini yaparsınız ;) . Resimde de belirttim oluşturduğum formdaki form elemanlarının isimlerini şimdi işleme devam edelim.

Şimdi Dreamweaver aynı zamanda php editörü olduğu için Dreamweaver'da File-New Diyorsunuz yada Ctrl+N ye basıyorsunuz ordan Dynamic Page - Php diyip Create tuşuna basıyorsunuz. Tabi burda kaçırmamanız gereken önemli bi nokta az sonra yazacağımız kodları Design bölümüne değil Code bölümüne yazıyorsunuz.

Ne demiştik forma yazılıp gönder butonuna basıldığında veriler $_POST değişkenine yazılıyor şimdi bunları alıp değişkenlere atayalımki işimiz kolay olsun.(bu yazdığımız kodlar <?php ?> tagları arasındadır dikkat edin dışarı çıkmasın :) )

PLAIN TEXT

PHP:

$adi=$_POST["adi"];
$soyadi=$_POST["soyadi"];
$mail=$_POST["mail"];
$C1=$_POST["C1"];
$C2=$_POST["C2"];
$C3=$_POST["C3"];
$mesaj=$_POST["mesaj"];
$gitmail="gidecek @ mail.com"; /////tabi boşluklar yok
$mailkonu="İletişim Formu"; /////bu da mailinize formun maili geldiğinde gözükecek konu

Ben gördüğünüz gibi formumda kullandığım tüm elemanların bana göndereceği değerleri buraya yazdım ve sizde aynısını yapmalısınız mesela sizde mesaj yerine adres varsa değişkenin ismini değiştirebilirsiniz ki değişken dediğim $mesaj oluyor. Tabi eğer sizde form elemanlarına verdiğiniz isimlerde farklı ise onları da değiştirebilirsiniz. Mesela

PLAIN TEXT

PHP:

$adres=$_POST["adres"];

gibi yapabilirsiniz ve yukarıda kullandığım değişken sayısı sınırlayıcı değildir onuda belirtiyim istediğiniz kadar ekleyebilirsiniz.

Atıyorum ben ad soyad mail kısmının boş bırakılmasını istemiyorum. Bunun içinde aşşağıdaki kodu uygulayacağız.

PLAIN TEXT

PHP:

if (empty($adi) or empty($soyadi) or empty($mail)){ /*burdaki değişkenleri kendinize göre ekleyip değiştirebilirsiniz mesela or empty($adres) diyebilirsiniz*/
print ('Lütfen Adı Soyadı Maili Kısmını Boş Bırakmayınız<br><br>'); /////bu kısma sizin mesajınız gelecek
print('<a href="index.html" mce_href="index.html">Geri Dön</a>'); /////////burayada gideceği adres
}
else { ///////////////////burdan sonra mailini şablonunu oluşturuyoruz
$mailicerik="Ad: $adi
Soyad: $soyadi
Maili: $mail
Almak İstediği: $C1 $C2 $C3
Mesajı: $mesaj "; /*bu değişken mailin içeriği istediğiniz gibi değiştirebilirsiniz eklediğiniz form elemanlarının değişkenlerini buraya yazmayı unutmayın*/
if(mail($gitmail,$mailkonu,$mailicerik)){
print ('Mailiniz Başarıyla Gönderildi'); ////////buraya da mail gönderildiğinde çıkıcak mesaj yazılacak
}
}

Form oluşturma bu kadar daha sonra bu iki dosyayı ftp ye atıp kullanıyorsunuz

Kolay gelsin

index.php dosyasının tam içeriği de aşağıda...

PLAIN TEXT

PHP:

$adi=$_POST["adi"];
$soyadi=$_POST["soyadi"];
$mail=$_POST["mail"];
$C1=$_POST["C1"];
$C2=$_POST["C2"];
$C3=$_POST["C3"];
$mesaj=$_POST["mesaj"];
$gitmail="gitmail @ mail . com"; /////tabi boşluklar yok
$mailkonu="İletişim Formu"; /////bu da mailinize formun maili geldiğinde gözükecek konu
if (empty($adi) or empty($soyadi) or empty($mail)){ /*burdaki değişkenleri kendinize göre ekleyip değiştirebilirsiniz mesela or empty($adres) diyebilirsiniz*/
print ('Lütfen Adı Soyadı Maili Kısmını Boş Bırakmayınız<br><br>'); /////bu kısma sizin mesajınız gelecek
print('<a href="index.html">Geri Dön</a>'); /////////burayada gideceği adres
}
else {
$mailicerik="Ad: $adi
Soyad: $soyadi
Maili: $mail
Almak İstediği: $C1 , $C2 , $C3
Mesajı: $mesaj";
if(mail($gitmail,$mailkonu,$mailicerik)){
print ('Mailiniz Başarıyla Gönderildi'); ////////buraya da mail gönderildiğinde çıkıcak mesaj yazılacak
}
}

Bi sorununuz yada sorunuz filan olursa yorum yazarak belirtebilirsiniz....

Basit iletişim formunu frontpage ile oluşturma Tıklayın

Yazı Sayacı