TP JAVASCRIPT OMI4 TP5 SRC
|
|
- Jacqueline Brigitte Labrie
- il y a 5 ans
- Total affichages :
Transcription
1 TP JAVASCRIPT OMI4 TP5 SRC FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE Ci-dessous un exemple de formulaire de contact De part sa nature Javascript est incapable d envoyer un , seul un programme de messagerie sur la machine cliente est capable de réalisée cette opération. Dans ce cas c est le classique mailto d HTML qui appel le logiciel de messagerie implanté sur la machine. Cette solution impose la présence d un logiciel de messagerie. En cas d absence de ce logiciel l utilisateur ne pourra pas vous envoyer de mail.
2 Pour s affranchir de ce problème, la seule solution est de reporter le traitement d envoi de mail sur le serveur web. Le langage php possède la fonction () assurant l envoi d un mail. Il faut passer en paramètre une adresse destinataire, un objet, le contenu et un entête. Attention certains hébergeurs n autorisent pas le protocole smtp, dans ce cas la fonction () est inactive. 1) CREATION DU FORMULAIRE Nous souhaitons construire une page HTML contenant le formulaire de saisie de coordonnées du client et de son message. Le bouton [Envoi] (submit) appellera le fichier PHP de gestion d envoi de mail. Ce fichier est implanté sur deux serveurs autorisant le protocole smtp aux adresses suivantes : Serveur IUT : Serveur OVH : Attention : pour pouvoir utiliser un de ses serveurs votre adresse mail doit être enregistrée sur le bon serveur. Voici donc le début du code de notre formulaire : <form action=" " method="post"> Ajoutez les champs de saisie Nom, Prénom, Adress et message Nom <br/><input type="text" name="nom" size="30" id="nom"> </input><br/> Prénom <br/><input name="prenom" type="text" size="30" id="prenom"></input><br/> <br/><input name='expediteur' id='expediteur' type="text" size="30" ></input><br/> Pour le champ message nous utiliserons une zone de texte : Message<br/> <textarea name='messagetext' cols="50" rows="5" id='messagetext'></textarea> <br/> Pour envoyer un mail les informations récupérées dans les champs ci-dessus ne sont pas suffisantes. Nous avons besoin d autres informations telle que l adresse du destinataire du mail (ici votre adresse mail), le format du mail : texte ou html, l objet du mail. Nous allons donc ajouter des champs invisibles sur la page mais contenant des informations nécessaires à l envoi du mail. Nous ajouterons également deux paramètres supplémentaires concernant les pages de retour après l envoi du mail par le fichier PHP. Nous avons une page de retour correspondant à un envoi du mail correct et une autre page de retour correspondant à une erreur d envoi de mail. Si ces champs ne sont pas initialisés le script php affichera alors des messages de substitution. Pour ce TP vous pouvez tester le bon fonctionnent de ces renvoi en paramétrant par exemple l adresse de google.fr sur le retourok et un autre site sur le retourko. champ description valeur Votre adresse mail mode Mode texte ou html du mail text ou html pageretourok url de la page de retour ok mailok.html pageretourko url de la page de retour ko mailko.html objet Texte de l objet du mail Formulaire de contact portfolio messagehtml Champ urilisé si format html
3 Schéma de principe de l envoi du mail Poste client ( Navigateur ) Serveur WEB ( Hébergement ) FORMULAIRE DE CONTACT Nom Dupond Prénom Jean Message Blabla A+ RESET ENVOI Page retour Ok Mail envoyé, Remerciement. Page retour en erreur Mail pas envoyé, Fichier envoimail.php Mail envoyé Erreur pas de mail envoyé Ci-dessous le code HTML des champs à ajouter au formulaire. Concernant les champs en rouge vous devez les adapter à votre adresse mail et à votre portfolio. Pour le TP seule l adresse mail doit être modifiée. <!-- Champ destinataire --> <input type="hidden" name=' ' <!-- Mode d'envoi du mail : mode text = "text" ou mode html = "HTML" --> <input type="hidden" name='mode' value='text'> <!-- Insertion de l'adresse de la page de retour si mail envoyé --> <input type="hidden" name='pageretourok' value='retourok.html'> <!-- Insertion de l'adresse de la page de retour si mail envoyé --> <input type="hidden" name='pageretourko' value='retourko.html'> <!-- Objet du mail --> <input type="hidden" name='objet' value="demande d'informations"> <!-- Champ utiliser pour passer le message au format HTML --> <input type="hidden" name='messagehtml' id='messagehtml' value=' '> Pour finir vous devez ajouter les boutons du formulaire <input type="reset" value="reset" ></input> <input type="submit" value="envoyer" ></input> </form> Testez maintenant l envoi de mail sur votre boite mail, que constatez-vous?
4 2) FONCTION DE CONTROLE DES CHAMPS A) Contrôle des champs vides Ecrire une fonction Controle() de vérification du contenu des champs avant l envoi vers la page envoimail.php. Cette fonction sera associée à l événement onsubmit du formulaire. Elle contrôle si tous les champs sont non vides. Si une de ces conditions n est pas remplie, une boite de dialogue de type alert() indique le champ vide et la fonction retourne false. Dans ce cas l envoi est annulé. Code de la fonction ci-dessous function Controle() // Recherche des champs vide et construction de la chaine Info en prévision de l affichage d un // message d erreur var ChaineInfo = ""; if ($("NOM").value == "") ChaineInfo += " - > Nom \n"; if ($("PRENOM").value == "") ChaineInfo += " - > Prenom \n"; if ($("expediteur").value == "") ChaineInfo += " - > \n"; if ($("messagetext").value == "") ChaineInfo += " - >Message \n"; // Construction de la chaine d information sur les sur les champs vides s il y a des erreurs if (ChaineInfo.length > 0 ) ChaineInfo = "les champs suivants sont vide \n" + ChaineInfo ; // Affichage des erreurs s'il y en if (ChaineInfo.length > 0 ) ChaineInfo +="Veuillez corriger..."; alert(chaineinfo); return false else return true; Pour que cette fonction soit exécutée avant l envoi du formulaire il faut associer cette fonction à l événement onsubmit du formulaire.
5 Ci-dessous le code modifié du formulaire en rouge : < FORM METHOD=POST ACTION=" onsubmit="return Controle()" > Testez le formulaire avec des champs vides. B) Contrôle de l adresse Mail Il est important que l adresse mail de l internaute utilisant votre formulaire soit valide. Nous devons contrôler si elle respecte bien les règles de construction d une adresse mail. Ci-dessous une fonction qui assure le contrôle d une adresse mail en utilisant une expression régulière. function is (chaine) // Définition de l'expression régulière var reg = new return reg .test(chaine); Ajoutez cette fonction dans votre page et complétez la fonction controle() afin quelle vérifie si l adresse mail est correcte. Code à ajouter dans la fonction controle() : // Vérification du format de l'adresse mail if (!is ($("expediteur").value) ) ChaineInfo += "Attention erreur de format dans le champ \n"; 3) MISE EN FORME DU MAIL Lors de vos tests, vous avez constatez que le non, le prénom et l adresse mail n apparaissent pas dans le message seul le texte du champ message apparait. Nous devons modifier le contenu du champ message en lui ajoutant le contenu des champs Nom, prénom et adresse mail afin qu ils apparaissent dans le mail. Nous devons faire de même avec le champ messagehtml dans le cas d un mail en mode html. Ci-dessous le code de la fonction de mise à jour des champs messagetext et messagehtml. Cette fonction est une base de travail, il est par exemple possible de modifier la structure du code HTML afin d obtenir une mise en page du mail différente. function FormatageMessage() // on formate le message au format html var Lemessage = $('messagetext').value; // On remplace le passe à la ligne \n par des balises <BR> // utilisation d'une expression régulière pour la fonction replace
6 Lemessage = Lemessage.replace( /\n/g,"<br>") ; // on modifie le contenu du message en ajoutant le nom et le prénom avant le message var nouveaumessage = "<B>Nom: " + $('NOM').value + "<BR>Prénom: " + $('PRENOM').value +"<BR>"; nouveaumessage += "Expéditeur : " + $('expediteur').value + "<BR>"; nouveaumessage += "Message :<BR></B>"; nouveaumessage += " <BR>"; nouveaumessage += Lemessage ; nouveaumessage += "<BR> <BR>"; $('messagehtml').value = nouveaumessage; // on traite le message texte $("messagetext").value = "Nom : " + $("NOM").value + "\n" + "Prénom : " + $("PRENOM").value + "\n" + "Expéditeur : " + $("expediteur").value + "\n" + $("messagetext").value; Nous devons ensuite appeler cette fonction dans la fonction controle() si tous les champs sont corrects. Modification du code de la fonction controle() : function Controle() // Recherche des champs vide var ChaineInfo = ""; // Affichage des erreurs s'il y en if (ChaineInfo.length > 0 ) ChaineInfo +="Veuillez corriger..."; alert(chaineinfo); return false else FormatageMessage(); return true; Testez les envois de messages en mode texte et en mode HTML. Vous pouvez également modifier la fonction de formatage pour modifier la présentation des mails.
7 4) AFFICHAGE D UN MESSAGE D ATTENTE LORS DE L ENVOI Le traitement de l envoi du mail peut parfois prendre un peu de temps. Le serveur retour l affichage de la page suivante après quelques secondes. Nous souhaitons afficher un message d attente avec une image animé style chargement. Implantez une div contenant l image et le texte d attente dans votre code HTML et configurez sa propriété de style visibility à hidden afin de la rendre invisible au chargement de la page. Code html de la div : <DIV id="attente" style="visibility:hidden"> <Center> <img src="loader.gif"><br> <B>Envoi de votre mail en cours</b> </center> </DIV> Exemple d affichage de la boîte d envoi du mail
8 Exemple de CSS de la div afin de la centrée sur la page <STYLE type="text/css" > #Attente position : absolute; top : 20%; margin-top : -25; width : 300; height : 50; background : #909090; left : 50%; width : 300; margin-left : -150; border-width : 2; border-style : solid; border-color : black; </STYLE> Modification du code de la fonction controle() afin d afficher la DIV lors de l envoi : function Controle() // Recherche des champs vide var ChaineInfo = ""; // Affichage des erreurs s'il y en if (ChaineInfo.length > 0 ) ChaineInfo +="Veuillez corriger..."; alert(chaineinfo); return false else FormatageMessage(); $("Attente").style.visibility = "visible"; return true;
9 Evolution du formulaire de contact avec le plugin ckeditor Ce plugin gère la saisie du texte avec la possibilité de modifier la mise en forme du texte, polices de caractères, taille couleur et plus.. Exemple Site officiel de ce plugin : Télécharger sur le blog le fichier zip contenant une version opérationnelle. Il vous suffit d extraire les fichiers du zip dans le répertoire de votre fichier HTML.
10 Implantation de ce plugin dans notre formulaire de contacts Modifications à apporter sur le code de l exercice précédent : Conseil : implantez le plugin sur une copie du fichier de l exercice précédent. 1) renommez la zone de texte messagetext avec le nom messagehtml 2) supprimez le champ caché messagehtml 3) passez en mode html <input type="hidden" name='mode' value='html'> 4) Ajouter le plugin ckeditor Insertion du code javascript dans la section <HEAD> de votre page <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript" src="ckeditor/config.js"></script> 5) Ajoutez le script de chargement du plugin sur la zone de texte nommée messagehtml Placez le code Javascript après la zone de texte <textarea name='messagehtml' cols="50" rows="5" id='messagehtml'></textarea> <br/> <script type='text/javascript'> CKEDITOR.replace('messagehtml',toolbar:'Basic',extraPlugins:'autogrow',autogrow_maxHeight : 800,removePlugins:'resize'); </script> Avec ces modification vous pouvez alors envoyer des mails avec la possibilité de modifié la mise en forme du texte
Formulaire pour envoyer un mail
Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est
Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP
Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec
HTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Activités HTML. Code: act-html
Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:
Formulaires et Compteurs
Formulaires et Compteurs Création de formulaires et de compteurs avec extensions FrontPage ou ASP. INFORMATIONS CONNEXES Le but du présent manuel est de permettre à une personne familière d Internet de
Guide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)
Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages
Création de formulaires interactifs
SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un
NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Serveur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248
L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations
Manuel du composant CKForms Version 1.3.2
Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant
Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
Séance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
Formation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
Programmation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
Optimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Attaques applicatives
Attaques applicatives Attaques applicatives Exploitation d une mauvaise programmation des applications Ne touche pas le serveur lui-même mais son utilisation/ configuration Surtout populaire pour les sites
ENVOI EN NOMBRE DE Mails PERSONNALISES
ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel 27 L historique
Attaques de type. Brandon Petty
Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme
TD HTML AVEC CORRECTION
TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 2 І O2S Intégration O2S dans un site Internet Ce document présente une description
TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
CREATION d UN SITE WEB (INTRODUCTION)
CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour
RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Campagnes d e-mailings v.1.6
Campagnes d e-mailings v.1.6 Sommaire Objet Page I Préparation de la campagne 3 I 1 / Le compte de messagerie pour l envoi des emails 3 I 2 / Configurer le modèle de l email 4 I 3 / La préparation des
NAMEBAY PRO. votre site de revente de noms de domaine en marque blanche. Documentation technique
NAMEBAY PRO votre site de revente de noms de domaine en marque blanche Documentation technique SOMMAIRE 1. PRÉSENTATION... 3 2. FONCTIONNEMENT... 4 2.1. ETAPE 1 : Devenir revendeur de noms de domaine...
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
API SMS CONSEIL HTTP V2.01. Sommaire. Documentation V1.0 au 21/05/2011
API SMS CONSEIL HTTP V2.01 Documentation V1.0 au 21/05/2011 L'utilisation de l'api SMS CONSEIL est réservée aux clients, membres du site SMS-CONSEIL.FR et doit se faire en accord avec nos conditions générales
Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Module BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
ENVOI EN NOMBRE DE Mails PERSONNALISES
MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel
Utilisation avancée de SugarCRM Version Professional 6.5
Utilisation avancée de SugarCRM Version Professional 6.5 Document : Utilisation_avancee_SugarCRM_6-5.docx Page : 1 / 32 Sommaire Préambule... 3 I. Les rapports... 4 1. Les principes du générateur de rapports...
PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD
PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD Ref : FP. P763 V 5.0 Résumé Ce document vous indique comment paramétrer votre messagerie sous Thunderbird. Vous pourrez notamment, créer, modifier ou supprimer
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Module http MMS AllMySMS.com Manuel d intégration
Module http MMS AllMySMS.com Manuel d intégration Objectif du document... 3 1 Envoi de MMS par requête http... 4 1.1 Format de la requête utilisée... 4 1.2 Arborescence et explication des balises du flux
Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons
Mise en place d un serveur Proxy sous Ubuntu / Debian
BTS INFORMATIQUE DE GESTION Option Administrateur Réseaux Benoît VERRON Activité n 1 Mise en place d un serveur Proxy sous Ubuntu / Debian Présentation d un Proxy Un proxy (serveur mandataire) est un serveur
Initiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
PARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION
PARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION Le but de l'utilisation de la console d'administration de votre adresse de messagerie "vendome.eu", est notamment de créer
Normes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Les services usuels de l Internet
Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet Courrier électronique (mail) - protocole SMTP (Simple Mail Transfer Protocol) inclut maintenant tous types
Présentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Table des Matières. Pages 3-4. A propos d emblue. Page 5. L environnement emblue. Création d une campagne d e-mail marketing. Pages 6-15.
MODE D EMPLOI Table des Matières Pages 3-4 A propos d emblue Page 5 L environnement emblue Pages 6-15 Création d une campagne d e-mail marketing Pages 16-17 Liste de contacts Pages 18-20 Résultats des
Installation et utilisation du client FirstClass 11
Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)
Documentation Honolulu 14 (1) - 0209
Documentation Honolulu 14 (1) - 0209 Honolulu 14 3 Sommaire Honolulu 14 le portail Intranet / Internet de votre entreprise PARTIE 1 -MANUEL UTILISATEUR 1. LE PORTAIL HONOLULU : PAGE D ACCUEIL 8 1.1 Comment
Comment déposer les comptes annuels des associations, fondations et fonds de dotation.
Comment déposer les comptes annuels des associations, fondations et fonds de dotation. Quels sont les organismes qui doivent déposer? Les associations et les fondations lorsque le montant des dons et/ou
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
PHP et les Bases de données - Généralités
PHP et les Bases de données - Généralités Conception d une base de données Méthodes utilisées : MERISE, UML Modèle conceptuel des données MCD, Modèle logique MLD, Modèle Physique MPD. Ces aspects seront
1 / Introduction. 2 / Gestion des comptes cpanel. Guide débuter avec WHM. 2.1Créer un package. 2.2Créer un compte cpanel
Guide débuter avec WHM 1 / Introduction WHM signifie Web Host Manager (ou gestionnaire d'hébergement web). WHM va donc vous permettre de gérer des comptes d'hébergement pour vos clients. (création de compte,
Bernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
Manuel d'installation
CyberMUT P@iement P@iement CIC P@iement OBC SERVICE SECURISE DE PAIEMENT INTERNET PAR CARTE BANCAIRE (Sécurisé par le protocole SSL) Manuel d'installation (Document 2/2) EURO Sp.Tech. 1.2.8 Octobre 2001
L3 informatique TP n o 2 : Les applications réseau
L3 informatique TP n o 2 : Les applications réseau Sovanna Tan Septembre 2009 1/20 Sovanna Tan L3 informatique TP n o 2 : Les applications réseau Plan 1 Transfert de fichiers 2 Le Courrier électronique
Responsive Design. Technologies du web. Stéphane Bouvry, 2014
Responsive Design Technologies du web Stéphane Bouvry, 2014 1. Objectif Utilisation de CSS pour la mise en page 2. Diapos Le responsive design : http://goo.gl/dmh8is 3. Grille fluide Dans cette partie,
Lire-Écrire un courriel / Pièces jointes
Lire-Écrire un courriel / Pièces jointes 1. Lire un courrier Ma boîte à lettre m'informe du nombre de courriel que j'ai reçus : Les courriel déjà lus sont en taille normale, les courriel non lus apparaissent
Démonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
Internet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall
Internet DNS World Wide Web Mécanismes de base Exécution d'applications sur le web Divers Proxy, fire-wall 1 Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet
STID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10
Dossier Technique Page 1/10 Sommaire : 1. REPONSE TECHNIQUE A LA DEMANDE 3 1.1. Prise en compte de la dernière version de phpcas 3 1.2. Gestion de la connexion à GRR 3 1.2.1. Récupération des attributs
Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :
1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%
SYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
4D Business Kit version 2.2 ADDENDUM
4D Business Kit version 2.2 ADDENDUM Bienvenue dans 4D Business Kit version 2.2. Ce document décrit les nouveautés et modifications proposées dans cette version. Ces nouveautés concernent les thèmes suivants
Qu est ce qu un e-mail?
Qu est ce qu un e-mail? Un mail fonctionne sur le principe du courrier papier classique. On écrit un message que l on dépose dans une boîte avec une adresse de destination. E-mail, mail, courrier électronique,
Introduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML
CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte
Failles des applications Web. Ce document est extrait du travail de diplôme de M. DIZON dans l état.
Failles des applications Web Ce document est extrait du travail de diplôme de M. DIZON dans l état. 1 Introduction...1 2 Contournement de validation javascript...2 2.1 Introduction...2 2.2 Principe de
Administration du site (Back Office)
Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface
Formation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Gestion de Chambres d'hôtes Logiciel GESTCHA
Gestion de Chambres d'hôtes Logiciel GESTCHA Le logiciel GESTCHA peut gérer les réservations de Chambres d'hôtes, Hôtel, Motel, Camping. Il est totalement paramétrable et évolutif. I - Menu Administrateur
DOM - Document Object Model
DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et
Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test?
Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC Qui contacter pour commencer la mise en place d une configuration de test? CyberMUT Paiement - Paiement CIC Commerce Electronique mailto:centrecom@e-i.com
Pack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
INTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
EXTENSION E-MAILING. Nécessite extension E-mailing
EXTENSION E-MAILING Nécessite extension E-mailing Lʼextension E-mailing est destinée à lʼenvoi de messages à vos clients et prospects, tels que des annonces, des vœux, etc. Réglages internet Renseignez-vous
Editer un script de configuration automatique du proxy
Editer un script de configuration automatique du proxy INTRODUCTION... 2 AVANTAGE D UN SCRIPT DE CONFIGURATION... 2 SYNTAXE DU SCRIPT DE CONFIGURATION AUTOMATIQUE... 2 MISE A DISPOSITION DU SCRIPT... 4
Comment utiliser mon compte alumni?
Ce document dispose d une version PDF sur le site public du CI Comment utiliser mon compte alumni? Elena Fascilla, le 23/06/2010 Sommaire 1. Introduction... 2 2. Avant de commencer... 2 2.1 Connexion...
Optimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Bonnes pratiques du Emailing
Bonnes pratiques du Emailing Guide pour les campagnes de Email Marketing Publi Lettre.com Sommaire 1 Introduction Créer ou louer une base d adresse emails La constitution du message Quelques tests pour
Flex. Lire les données de manière contrôlée. Programmation Flex 4 Aurélien VANNIEUWENHUYZE
Flex Lire les données de manière contrôlée 1 Plan Lier les données Stocker les données Valider les données 2 Gérer des données Lier des données La notion de DataBinding est l une des plus importantes du
BIRT (Business Intelligence and Reporting Tools)
BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»
Luc Brun. Création de pages Web Dynamiques p.1/75
Création de pages Web Dynamiques Luc Brun Création de pages Web Dynamiques p.1/75 Place du HTML GET http://www. monssite.com HTTP 1.0 Content type: text/html ... Création de pages Web Dynamiques
TP Protocoles SMTP et POP3 avec Pratiquer l algorithmique
TP Protocoles SMTP et POP3 avec Pratiquer l algorithmique Introduction : Les protocoles SMTP et POP3 sont deux protocoles utilisés par la messagerie électronique (mail). Leur mise en œuvre étant simple,
Utilisation du client de messagerie Thunderbird
Outlook express n existant plus sur les systèmes d exploitation sortis après Windows XP, nous préconisons désormais l utilisation du client de messagerie libre distribué gratuitement par la Fondation Mozilla.
TP7 Newsletter et plateforme de gestion
MMI1 M2106 1 TP7 Newsletter et plateforme de gestion Newsletter/E-mailing : définition par Wikipédia L e-mailing, le publipostage en ligne ou le publipostage électronique est une méthode de marketing direct
Guide pour bien débuter avec m@société.com
Guide pour bien débuter avec m@société.com Découvrez dans ce guide toutes les possibilités de SFR m@société.com. Comment créer des boites aux lettres au nom de votre domaine? Comment déposer votre site
Utiliser le service de messagerie électronique de Google : gmail (1)
Utiliser le service de messagerie électronique de Google : gmail (1) 1. Créer un compte 2 2. Ouvrir sa boîte de messagerie électronique 3 3. Comprendre la boîte de réception (1) 4 3.1. Lire un message
SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4
Messagerie Zimbra version 7 Prise en main Nadège HARDY-VIDAL 2 septembre 20 SOMMAIRE. Connexion à la messagerie Zimbra 4..Pré-requis 4.2.Ecran de connexion à la messagerie 4 2. Présentation générale de
Ouvrir le compte UQÀM
Cliquez sur le titre pour visionner 1 Cliquez sur le titre pour visionner 2! Préliminaires! Ouvrir le compte UQÀM! Accéder au compte UQÀM! Paramètres de configuration! Les dossiers! Gérer les dossiers!
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Création d un site web avec Nvu
Création d un site web avec Nvu sources principales d'informations: http://www.framasoft.net/article2656.html http://info.sio2.be/nvu/index.php http://www.anseladams.com Pensez à sauvegarder fréquemment
Stockage du fichier dans une table mysql:
Stockage de fichiers dans des tables MYSQL avec PHP Rédacteur: Alain Messin CNRS UMS 2202 Admin06 30/06/2006 Le but de ce document est de donner les principes de manipulation de fichiers dans une table
Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce
Programmation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
Publier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008