Web forms remplissent de nombreuses fonctions . Vous pouvez les utiliser pour recueillir des données , vendre des choses , prendre des enquêtes , effectuer des tests et des quiz - et cela ne fait qu'effleurer la surface. Dreamweaver, une application de premier plan de développement Web , possède plusieurs caractéristiques de construction et de mise en forme formes. Vous pouvez utiliser 12 éléments de formulaire du programme , tels que les champs de texte , les zones de texte, des listes déroulantes et des groupes de boutons, de construire la forme , puis utilisez Cascading Style Sheets HTML et , ou CSS, pour changer l'apparence de la forme . Ces caractéristiques apparaissent dans Dreamweaver CS2 et versions ultérieures. Instructions
1
ouvrir une page HTML Dreamweaver dans lequel vous souhaitez inclure un formulaire, ou commencer une nouvelle page HTML. Pour une nouvelle page , cliquez sur le menu "Fichier " et choisissez "Nouveau". La boîte de dialogue Nouveau document s'ouvre. Choisissez " HTML " dans la liste Type de page , sélectionnez la mise en page souhaitée dans la liste Mise en page, puis cliquez sur "OK".
2
Cliquez dans la zone de la page où vous voulez commencer votre formulaire pour insérer le curseur.
3
Cliquez sur le menu «Insertion» , choisissez «Formulaire », puis sélectionnez « champ de texte. " La plupart des formes commencent avec un champ de texte pour le nom de l'utilisateur. De nombreuses formes ont deux champs de noms , un pour le prénom et l'autre pour le nom de famille. Si vous ne voulez pas commencer votre formulaire avec un champ de texte , choisir une autre forme type de champ dans le sous-menu Forme . Cela ouvre la saisie d'accessibilité des balises boîte de dialogue Attributs .
4 Type de
un nom d'identification dans le champ " ID". Chaque ID de champ de formulaire doit être unique. Le navigateur de l' utilisateur et les scripts soumettre et gérer les données de formulaire utilisent l'ID du champ de formulaire pour associer les données de formulaire avec des champs spécifiques.
Vous pouvez également créer une étiquette de champ de l' accessibilité des balises d'entrée boîte de dialogue Attributs . Tapez le nom dans le champ "Nom " et utilisez les options sous " Position" pour configurer le placement de l'étiquette - . Soit avant ou après le champ
5
Cliquez sur "OK" pour insérer l' domaine dans votre page . Dreamweaver vous demande si vous souhaitez ajouter une balise form . Cela crée une règle CSS pour l'élément de formulaire . Cliquez sur "Oui ". Dreamweaver insère le terrain et crée une boîte rouge en pointillés autour d'elle . Cette boîte identifie la zone de formulaire sur la page . Vous devez placer tous les autres éléments de formulaire pour cette forme à l'intérieur de la boîte.
6
Sélectionnez l'élément de formulaire et allez dans le panneau Propriétés. Selon le type d'élément de formulaire , vous pouvez faire de nombreuses modifications de mise en forme dans le panneau Propriétés. Pour les champs de texte , par exemple , vous pouvez définir la largeur du champ , modifiez le champ d' une seule ligne de multi- ligne et définir le nombre maximum de caractères . Vous pouvez également remplir les éléments de formulaire qui fournissent à l'utilisateur des options, telles que Listes de sélection et le choix des menus , des groupes de boutons radio et des groupes de cases à cocher.
7
Double -cliquez sur l' étiquette pour la sélectionner. Allez dans le panneau Propriétés et cliquez sur le bouton " Modifier la règle " . Cela ouvre la boîte de dialogue Nouvelle règle CSS. Cliquez sur "OK pour ouvrir la boîte de dialogue Définition des règles CSS . De là, vous pouvez modifier les propriétés du texte de l'étiquette . Pour modifier l'apparence du texte , cliquez sur" Type "dans la colonne" Catégorie " .
8
Faire de la police, le style de police, couleur de police souhaitée et les changements de taille de police et cliquez sur " OK". cela change le format de cette étiquette et d'autres que vous créez pour cette forme
9
Répétez ce processus pour créer le reste des éléments de formulaire . vous pouvez inclure tout ( et autant que vous le souhaitez ) des éléments de formulaire du sous-menu forme . sur la plupart des formes , le dernier élément du formulaire est le bouton Soumettre.