SƲMARAßƲSFrance

Accueil | Boutique COOL | Prénoms arabes | Alphabet arabe | Langue arabe | Grammaire arabe | Clavier arabe | Tutoriels arabes | Téléchargements | Liens |

Tutoriels arabes

Travailler avec le logiciel Dreamweaver 8® et la langue arabe.

image_logo_Macromedia_Dreamweaver_8
Réf.
Écriture
Difficulté
DW1
image_icon_yellow_map_image_icône_dossier_jauneCréer un formulaire de contact en arabe pour sous Dreamweaver 8®
★★★★

image_icon_cog_wheel_image_icône_roue_dentée OBJECTIFS DU COURS :

image_icon_tick_box_image_icône_case_à_cocher obtenir l'affichage des caractères arabes dans le bon sens.

image_icon_cog_wheel_image_icône_roue_dentée MODE OPÉRATOIRE :

Notes :

- Le formulaire se compose de 2 pages : l'une au format HTML (qui contient des champs de formulaire à remplir par le visiteur du site), et l'autre au format PHP (qui a un double rôle : servir de page "d'Accusé de Réception" et recevoir les informations pour les envoyer par email à la messagerie électronique d'un ou plusieurs destinataires). Ces 2 pages sont liées entre elles.

Astuces :

- 2 comptes de messagerie seront necessaires pour recevoir les emails : dont un compte de messagerie sur HOTMAIL® qui permettra de lire les messages en arabe. Sans ce compte, les emails reçus afficheront pour les caracères arabes des points d'interrogations comme cela : ?????????.

- Un compte de messagerie HOTMAIL® rattaché à Outlook n'affichera pas les caractères arabes correctement. Il faudra se rendre directement sur HOTMAIL.FR® pour lire l'email en arabe. Cependant, après avoir utiliser la fonction "Répondre", les caractères arabes seront affichés correctement. Appuyer sur le bouton "Envoyer/Recevoir" de Outlook® permettra de mettre à jour les emails reçus en affichant correctement les caractères arabes. Pour les sites professionnels, l'adresse de messagerie chez HOTMAIL® permettra de récupérer le texte arabe en le copiant, puis en le collant par exemple dans Outlook® pour pouvoir répondre à l'internaute. Les emails échangés ultérieurement avec l'internaute s'afficheront correctement en arabe. En résumé, seul le premier email de contact de l'internaute via le formulaire devra faire l'objet de cette petite manoeuvre de contournement.

 

1. Lancer Dreamweacer 8® et faire "Fichier/Nouveau.../Page de base/HTML/Créer". Dans la partie "Code", saisir comme police de caractère "utf-8" cela doit ressembler à :
charset=utf-8" />

2. Faire "Enregistrer sous..." cette page html sous "Contact.html".

3. Rendez-vous dans la page d'accueil du site pour créer le lien hypertexte qui lancera la page "Contact.html" puis "Enregistrer".

4. Faire "Fichier/Nouveau.../Page dynamique/PHP/Créer". Dans la partie "Code", choisir comme police de caractère "utf-8" cela doit ressembler à :
charset=utf-8" />
5 Faire "Enregistrer sous..." cette page php sous "Contact.php".
6. Rendez-vous dans la page "Contact.hmtl" et mettre en forme la page de contact avec du texte, un logo d'entreprise etc...
7. Placer le curseur à l'endroit voulu et faire "Insertion/Formulaire/Formulaire". Sélectionner le formulaire, et dans "Propriétés" le nommer "Form".

8. Sélectionner le formulaire et dans "Propriétés" choisir le fichier "Contact.php" pour la rubrique "Action".

9. Sélectionner à nouveau le formulaire et dans le menu contextuel de droite, choisir "rtl" pour "dir" et "ar" pour "lang" dans le sous-menu "Language" du menu "Attributs".

►Cette manoeuvre permet de continuer à travailler avec les éléments à gauche et c'edt Dreamweaver 8® qui se chargera automatiquement d'inverser l'ensemble des champs pour que la lecture se fasse de droite à gauche.

9. À l'intérieur du formulaire, choisir "Intertion/Formulaire/Champ de texte".

10. Dans "Étiquette" donner un titre en arabe par exemple "الاسـم" pour le champ "Nom" puis terminer par "OK".

11. Sélectionner ce champ de texte, et dans le menu "Propriétés" saisir "Name" à la place de "texfield".

12. Insérer d'autres champs de formulaire en répétant l'action N°11 et compléter grâce aux informations indiquées ci-dessous :

Nom du champ
Type de champ à insérer :
Étiquette
Texfield à renommer par :
Nom
Champ de texte
: الاسـم
Name
E-mail
Champ de texte
: الـعـنـوان الـبـريـد
Email
Téléphone
Champ de texte
: الـهـاتـف
Phone
Pays
Champ de texte ou Liste/Menu
: الـبـلـد
Country
Message
Champ de texte (option "Multi lignes")
: الـرسـالـة
Message
Envoyer
Bouton
! ارسـل
Submit

13. Enregistrer.

14. Rendez-vous dans la page "Contact.php" et la mettre en forme : titre, par exemple "Accusé de réception", image, texte etc...


15. Dans le partie "Code" faire un "Copier/coller" du code ci-dessous à l'intérieur de la balise "body".

Cliquer ici pour ouvrir le code.

16. Éléments à remplacer dans cette portion de code :

- Dans la partie "Code", remplacer "mon_email@monsite.fr,mon_email@hotmail.fr" par les comptes de messagerie qui recevront les emails.

- Dans "$Subject" indiquer l'objet de l'email qui sera envoyé, par exemple : "Mon entreprise : Formulaire de contact en ligne.".

- Dans la balise "echo" remplacer le texte "Message envoyé !" par un message personalisé indiquant que l'email a bien été envoyé (ATTENTION ! Pour le caractères spéciaux, insérer dans la partie "Code" la valeur codée de ces caractères en faisant "Intertion/HTML/Caractères speciaux/ Autre.../OK".

17. Enregistrer.

18. Charger les pages nouvellement créées sur le serveur distant et tester le formulaire.

Conseils supplémentaires :

- Champ de texte : le nombre de caractère maximum est libre, l'option multi lignes est possible. Cependant, le nom du champ doit rester le même.

- Champ Liste/Menu : pour le champ "Pays" faire un clic droit dessus et sélectionner "Valeurs de la liste..." puis remplir "Étiquette de l'élément" et "Valeur". Une seule possibilité pour le choix du pays. Il faudra indiquer par exemple "Palestine" dans "Étiquette de l'élément" et "Palestine" dans "Valeur" pour le pays Palestine.

Résultats finaux à télécharger (puis à personnaliser ultérieurement) :

Nom des pages :
c
c
Contact.html
Contact.php

image_icon_lighted_light_bulb_image_icône_ampoule_allumée NOTA BENE :


Accueil | Boutique COOL | Prénoms arabes | Alphabet arabe | Langue arabe | Grammaire arabe | Clavier arabe | Tutoriels arabes | Téléchargements | Liens |

 
.
فِـي تَـوْقِـيـتِ بَـارِيـسِ ⌚