Sayfaya form öğeleri ekleyerek Dreamweaver'da görsel olarak bir web formu oluşturmayı öğrenmek için bu yordamı izleyin.

Sayfaya form öğeleri ekleyerek Dreamweaver'da görsel olarak bir web formu oluşturabilirsiniz ancak bu işin yalnızca bir bölümüdür. Daha karmaşık olan diğer bölümü ise ziyaretçilerinizin bu form ile gönderecekleri verileri işlemek için bir mekanizma geliştirmektir. Veriler bazen, örneğin bir müşteri veritabanına kaydedilir. Bu form verilerini genellikle PHP veya Adobe ColdFusion gibi web uygulaması teknolojileri işler.

Bu makale, basit bir web formu oluşturmayı açıklar. Gönderilen form verilerini işlemek için bir mekanizma geliştirmek bu makalenin kapsamı dışındadır. Gönderilen verileri PHP ile işlemeye yönelik formlar ve bir mekanizma oluşturma hakkında ayrıntılı talimatlar için Adobe Geliştirici Merkezi'ndeki bu eğitim dizisine bakın.

Web formu oluşturma

  1. Dreamweaver'da Tasarım görünümünde bir sayfa açın ve ekleme noktasını formun görünmesini istediğiniz yere yerleştirin.
  2. Ekle > Form > Form'u seçin. Alternatif olarak, Ekle panelindeki Formlar kategorisini seçin (panel sekmesinin altındaki küçük üçgen) ve Form simgesini tıklatın. Dreamweaver boş bir form ekler. Tasarım görünümünde, formlar noktalı bir kırmızı anahat ile belirtilir. Bu anahattı görmüyorsanız Görünüm > Görsel Yardımcılar > Görünmez Öğeler'i seçin.
  3. Form verilerini işleyen sayfayı veya komut dosyasını belirtin. Belge penceresinde, formu seçmek için form anahattını tıklatın. Özellik denetçisinde (Pencere > Özellikler), Özellik denetçisinin Eylem metin kutusunda işleme sayfasının dosya adını (ve gerekirse, yolunu) girin. Alternatif olarak, uygun sayfaya veya komut dosyasına gitmek için klasör simgesini tıklatın. Örnek: process_order.php.
  4. Form verilerini sunucuya göndermek için kullanılacak yöntemi belirtin. Özellik denetçisinde, Yöntem açılır menüsünde şu seçeneklerden birini belirleyin:
    • POST, form verilerini HTTP isteğine gömer. Daha fazla bilgi için Dreamweaver Yardımı'nda bkz. HTML form parametreleri.
    • GET, değeri sayfayı isteyen URL'ye ekler. Daha fazla bilgi için Dreamweaver Yardımı'nda bkz. URL parametreleri.
    • Varsayılan, form verilerini sunucuya göndermek için tarayıcının varsayılan ayarını kullanır. Varsayılan genellikle GET yöntemidir.
  5. Form nesneleri ekleyin. Ekleme noktasını form nesnesinin formda görünmesini istediğiniz yere yerleştirin. Ardından, Ekle > Form menüsünde veya Ekle çubuğunun Formlar kategorisinde nesneyi seçin. Sayfada, formun noktalı kırmızı anahattının içine form nesneleri yerleştirin. Form nesneleri hakkında daha fazla bilgi için Dreamweaver Yardımı'nda bkz. Form nesneleri.

  6. Formun mizanpajını ayarlayın. Formlarınızı formatlamak için satır kesmeleri, paragraf kesmeleri, önceden formatlanmış metin veya tablolar kullanın. Başka bir forma form ekleyemezsiniz ancak sayfaya birden çok form ekleyebilirsiniz. Formları tasarlarken kullanıcıların neyi yanıtladıklarını anlamalarına yardımcı olmak için form nesnelerine açıklayıcı metinler etiketlemeyi unutmayın. Örneğin, kullanıcının adını girmesini istemek için “Adınızı buraya yazın” ifadesini koyun. Form nesneleri ve etiketler için yapı sağlamak üzere tablolar kullanın. Tüm tablo etiketlerinin form etiketleri arasına alındığından emin olun.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi