Les tutoriaux

Débutant

Intermédiaire

Avancé

Niveau débutant : Faire un formulaire.

Commençons , pour cela cliquez sur l'onglet ' formulaire '.
La chose à retenir, c'est qu'un formulaire pour etre valide doit se tenir entre des balises <form>.
Cliquez donc sur le premier icone.
Pour créér cette balise.
une fois créér, vous pouvez placer les champs de votre formulaire.

formulaire

mais avant, petit principe de mise en page.
Nous allons créér un tableau.

desinner un tableau

dans les outils reprendre ' commun ' et cliquez sur insérer un tableau.
Pourquoi placer un tableau, me direz-vous ? simplement pour la beauté de votre page.
Vous définissez le nombre de lignes et de colonnes utiles pour votre formulaire.
Pour notre exemple :

Lignes :

4

Colonnes :

4

largeur :

700

Bordure :

0

Marge intérieure :

3

espacement des cellules

3

Cliquez sur ok
Vous devez obtenir ce tableau, si vous voulez le modifier, vous pouvez le faire aisément, sélectionner le tableau et modifier les caractéristiques dans la palette 'propriétés'.

votre tableau doit ressembler à ceci palette des propriétés formulaire mis en page ajout d'un champs ajout du bouton envoyer

Placez à présent les éléments
placez le curseur sur la 1 ère cellule et indiquez 'nom' appuyez sur la touche tabulation pour changer de cellule (elle se trouve à gauche de votre touche A).
Placez un champs texte ( 2ème icone de la barre 'formulaire'.) de nouveau tabulation tapez ' prénom'.
Ainsi de suite pour le formulaire.
Placez le bouton envoyer avant avant dernier icone.

Vous avez remarqué que le bouton envoyer se trouvait au milieu du tableau.
Pour cela fusionner les colonnes de la dernière ligne. sélectionner les et cliquez sur le bouton certi de rouge sur l'image de gauche.

fusionner les cellules sélectionner les cellules donner un nom à vos champs

Votre formulaire est pret, enfin pas tout à fait.
Il nous faut à présent définir les champs.
sélectionner le champ à droite du nom et dans la palette des propriétés nommez le ' nom '
Ainsi de suite pour les autres champs de formulaire.
Votre formulaire est enfin pret.
Définnissez la destination dans ce cas ci : votre email.

sélectionnez le formulaire :
cliquez sur les lignes rouges pointillées ou dans le bas de la page (sur la balise <form>)
Dans la palette des propriétés du formulaire, completez :

Action :

mailto:email@email.be (ajoutez votre email)

Formulaire :

Le nom du formulaire.

Enctype :

text/plain (pour qu'il soit lisible dans l'email).

Retour aux tutoriaux débutant.