TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI
|
|
- Ève Thibault
- il y a 8 ans
- Total affichages :
Transcription
1 TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI GESTION D UN FORMULAIRE DE CONTACT Objectif : 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 IUT St DIE MMI-1 IntegWEB
2 1) Ajouter un champ et son contrôle Nous souhaitons maintenant ajouter un champ . Comme pour les champs précédents nous devons vérifier que l adresse mail est saisie par l utilisateur. Nous devons également vérifier que cette adresse est valide et quelle correspond au format standard des adresses mail. Ajoutez le champ dans le formulaire et complétez les différentes fonctions afin de vérifier la présence d une saisie dans le champ . Complétez la fonction ControleFormulaire() avec la vérification de la validité de l adresse mail. Utilisez la fonction ci-dessous qui vérifie la conformité d une adresse mail : //fonction de vérification de l'adresse function ismail(chain ) { var syntax = /^[\w.-_]+@[\w.-_]+\.[a-za-z]{2,6$/; // /^ au début de chaine // [\w.-_] toutes les lettres et le. et le - // +@ l'@ obligatoire // +[\w.-_] puis toutes les lettres et le. ou le - // +\. le. obligatoire // [a-za-z]{2,6 2 à 6 caractères de a à z (majuscule ou minuscule) // $/ fin de la chaine return syntax.test(chain ); Exemple d affichage IUT St DIE MMI-1 IntegWEB
3 2) Ajouter une zone de texte Nous souhaitons ajouter une zone de texte sur plusieurs lignes afin de permettre à l utilisateur de saisir un message. Ajoutez le code html nécessaire à la création de cette zone de texte. Pour mémoire Syntaxe de la balise zone de texte <textarea> <textearea cols=30 rows=5 name= Contenu id= Contenu ></textarea> Cette zone de texte comprend 5 lignes de 30 caractères Ajoutez ensuite le code JavaScript assurant le contrôle de la saisie d un message, et comme pour les questions précédentes, la mise en évidence de l absence de saisie d un message. Testez votre formulaire avec le script php lecturepost.php, que constatez-vous Exemple d affichage : IUT St DIE MMI-1 IntegWEB
4 3) Gestion des passages à la ligne dans le message et mise en forme Vous avez probablement constaté lors des tests de votre formulaire sur le script testformulaire.php que le retour à la ligne dans la zone de texte de saisie n était pas visible dans le tableau affichant les différents champs. Les retours à la ligne dans la zone de texte sont codés avec le code \n. Si on envoi le mail en mode texte ce code de retour à la ligne sera interprété correctement et le message dans le mail respectera les passages à la ligne du message d origine. Si on envoi le mail en mode html les retours à la ligne \n ne seront pas interprétés. Nous devons donc dans ce cas convertir le \n en <br>. Modifiez la fonction ControleFormulaire() afin de modifier le contenu du champ "Contenu" de façon à interpréter correctement les passages à la ligne. Ci-dessous exemple de code assurant le remplacement des "\n" par des "<br />". // on récupère dans une chaine de caractères le contenu var ChaineMessage = _$('Contenu').value; ChaineMessage = ChaineMessage.replace( /\n/g,"<br />") ; // on remplace les \n par des <br /> // La chaine est ensuite transférer dans le champ Contenu qui sera récupérer par le script d'envoi de mail _$(Contenu).value = ChaineMessage; Testez voter formulaire de contact avec le script testformulaire.php et vérifiez que la conversion des \n en <br> fonctionne. 4) Etape finale : envoi de mails Après validation du contenu des paramètres, modifiez le code du formulaire pour appeler le script d envoi de mail proposé en annexe. Testez alors votre formulaire de contact avec l envoi de mail. Le script envoimail.php est disponible en annexe. Attention vous devez modifier l adresse de destinataire afin d envoyer les mails vers votre boite mail. Modifier également les noms des fichiers de retours du script. Deux cas possibles : le mail est bien envoyé ou il y a une erreur et le mail n'a pas été envoyé. Vous devez ensuite placer le fichier envoimail.php sur votre compte étudiant sur le serveur de l iut. Attention le script attend un Objet pour le mail. Vous devez ajouter un champ objet qui sera initialisé avec le texte de votre choix, voir exemple ci-dessous. <input type="hidden" name="objet" id="objet" value="message de mon Portfolio" /> Le script d envoi de mail réalise également une mise en forme des informations passées en mode POST. Vous pouvez évidement modifier le code php si vous souhaitez changer la mise en forme du mail. IUT St DIE MMI-1 IntegWEB
5 Format : Prénom Nom Contenu du message Exemple : Didier RAOULT Bonjour, Voici mon message. 1) Ajout d'un éditeur de texte Nous souhaitons proposer à l'utilisateur un outil de saisie du message permettant d'enrichir le texte avec des options de mise en forme, comparable à un éditeur de texte tel que Word. Ci-dessous la copie d'écran du formulaire contenant cet éditeur. IUT St DIE MMI-1 IntegWEB
6 Pour réaliser cette fonction nous allons utiliser le plugin JavaScript CKEDITOR s'appuyant sur jquery. Voici le site de référence de ce plugin : Comment implanter ce plugin? Etape 1 : Téléchargement du plugin Se rendre sur le site de ckeditor dans la rubrique Download. Sélectionner la version complète : Full Package puis Download CKEditor si vous souhaitez la version standard. Il est possible de choisir les options du plugin en cochant la case Or let me customize CKEditor Poursuivre en cliquant sur Customize & Download CKEditor IUT St DIE MMI-1 IntegWEB
7 Vous pouvez alors configurer votre Package CKEditor : Sélection de la configuration initiale : Basic / Standard / Full Vous avez ensuite la possibilité d'ajouter des plugins : Vous pouvez ensuite choisir un skin (peau) : Pour finir vous pouvez ajouter les langues : Pour finir Download CKEditor IUT St DIE MMI-1 IntegWEB
8 Etape 2 : Implanter l'éditeur dans le formulaire Le principe est simple, il faut décompresser le fichier obtenu dans votre dossier contenant votre fichier HTML contenant le formulaire. Vous devez alors obtenir un dossier ckeditor dans votre répertoire. Ce dossier contient plusieurs sous-répertoires. Ensuite vous devez compléter le code de votre fichier HTML. 1.6 Appeler le fichier ckeditor.js pour intégrer la bibliothèque JavaScript du plugin dans votre page html Exemple de code : <script src="ckeditor/ckeditor.js"> </script> 1.7 Appliquer le plugin à la zone de texte Exemple de code CKEDITOR.replace("Contenu"); Ce code est à placer soit dans une fonction d'initialisation exécutée sur l'événement onload ou entre des balises <script> implanté après les balises <body> </body>. Cette instruction ne peut pas fonctionnée si l'objet <textearea> n'est pas en mémoire. Vous pouvez alors tester votre page avec votre formulaire, la zone de texte est alors remplacée par l'éditeur de texte. Vous avez alors une version par défaut avec probablement beaucoup de boutons inutiles pour votre formulaire de contact. Voir ci-après comment configurer l'éditeur. Vous avez normalement constaté que votre formulaire de contact de peu pas être envoyé car le contenu de la zone de texte est vide lors de l'exécution de la fonction controleformulaire(). Nous devons modifier le code de la fonction controleformulaire(). Il faut remplacer le code de test sur le champ de saisie "Contenu" : ( _$("Contenu").value == "" ) par le test du contenu de l'éditeur. Code à implanter pour corriger le test sur le champ "Contenu" // test du contenu de l'éditeur var ContenuEditeur = CKEDITOR.instances.Contenu.getData(); if (ContenuEditeur == "" ) { FormOK = false; ChaineMessage += " Message vide! </br>"; IUT St DIE MMI-1 IntegWEB
9 Etape 3 Comment modifier l'éditeur : Sélection des boutons, dimensions de l'éditeur, couleur de la bordure, couleur de fond. Il est possible d'agir sur certains paramètres afin de modifier l'apparence de l'éditeur. Deux fichiers config.js et contents.css sont présent dans le dossier ckeditor. Ces deux fichiers sont utilisés par le plugin pour initialiser l'éditeur. Il est donc possible de modifier ces fichiers pour configurer l'éditeur. Ajuster les dimensions de l'éditeur, la langue et la couleur de la bordure: Fichier config.js CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: config.language = 'fr'; // choix de la langue config.uicolor = '#6EAADC'; // choix de la couleur de bordure config.width = "700px"; // choix de la largeur config.height = "300px"; // choix de la hauteur IUT St DIE MMI-1 IntegWEB
10 Ajuster les boutons On peut aussi gérer la présence des boutons dans la barre d'outils. Exemple de code donnant la barre d'outils suivante config.toolbargroups = [ { name: 'clipboard', groups: [ 'clipboard', 'undo' ], { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], { name: 'links', { name: 'insert', { name: 'forms', { name: 'tools', { name: 'document', groups: [ 'mode', 'document', 'doctools' ], { name: 'others', '/', { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], { name: 'styles', { name: 'colors', { name: 'about' ]; Autre exemple plus adapté au formulaire de contact config.toolbargroups = [ { name: 'tools', { name: 'clipboard', groups: [ 'clipboard', 'undo' ], { name: 'links', { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], '/', { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], { name: 'styles', { name: 'colors' ]; IUT St DIE MMI-1 IntegWEB
11 Changer la couleur de fond de la zone d'édition On peut changer la couleur de fond de l'éditeur en modifiant le fichier contents.css. Extrait du fichier contents.css /* Copyright (c) , CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.md or */ body { /* Font */ font-family: sans-serif, Arial, Verdana, "Trebuchet MS"; font-size: 12px; /* Text color */ color: #333; /* Remove the background color to make it transparent */ background-color: #FFF; margin: 20px; IUT St DIE MMI-1 IntegWEB
12 ANNEXES Fichier complet config.js /** Copyright (c) , CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or */ CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: config.language = 'fr-ca'; config.uicolor = '#6EAADC'; config.width = "700px"; config.height = "200px"; //config.toolbar = 'Basic'; /* config.toolbargroups = [ { name: 'clipboard', groups: [ 'clipboard', 'undo' ], { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], { name: 'links', { name: 'insert', { name: 'forms', { name: 'tools', { name: 'document', groups: [ 'mode', 'document', 'doctools' ], { name: 'others', '/', { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], { name: 'styles', { name: 'colors', { name: 'about' ]; */ // The toolbar groups arrangement, optimized for two toolbar rows. config.toolbargroups = [ { name: 'tools', { name: 'clipboard', groups: [ 'clipboard', 'undo' ], { name: 'links', { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ], '/', { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], { name: 'styles', { name: 'colors' ]; /* { name: 'insert', { name: 'forms', { name: 'about' { name: 'others', { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], IUT St DIE MMI-1 IntegWEB
13 { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], { name: 'document', groups: [ 'mode', 'document', 'doctools' ], */ // Remove some buttons provided by the standard plugins, which are // not needed in the Standard(s) toolbar. //config.removebuttons = 'Underline,Subscript,Superscript'; // Set the most common block elements. config.format_tags = 'p;h1;h2;h3;pre'; // Simplify the dialog windows. config.removedialogtabs = 'image:advanced;link:advanced'; ; config.extraplugins = 'colorbutton,panelbutton,floatpanel'; Script envoimail.php Script php d envoi d un mail Implantez ce fichier sur votre hébergement en modifiant l adresse mail du destinataire et les url des fichiers de retour après l envoi du mail. <?php // envoimail.php : // Auteur : D.Raoult // Date création :03/2010 // Maj : 03/2015 // // // Objectif : Gestion des envois de mail depuis le formulaire de contact du portfolio // // Infos récupéré dans le POST // objet : du mail // Nom : expéditeur // Prénom : expéditeur // adresse mail de l'expediteur // Contenu : le message // // Le destinataire du mail : titulaire du portfolio $destinataire = "monadress @gmail.com"; // <<<<<======= A MODIFIER // Récupération des paramètres if (isset($_post['objet'])){ $Objet = stripcslashes($_post['objet']); else{ $Objet = "Objet : vide"; IUT St DIE MMI-1 IntegWEB
14 if (isset($_post['nom'])){ $Nom = stripcslashes($_post['nom']); else{ $Nom = "pas de nom"; if (isset($_post['prenom'])){ $Prenom = stripcslashes($_post['prenom']); else{ $Prenom = "pas de Prenom"; if (isset($_post[' '])){ $expediteur = stripcslashes($_post[' ']); else{ $expediteur = "pas d'expediteur"; if (isset($_post['contenu'])){ $Contenu = stripcslashes($_post['contenu']); else{ $Contenu = "Pas de message!!!"; // Mise en forme du message on insère au début du message le nom et le prénom en gras // et on encadre le message avec deux lignes horizontales $Contenu = "<b>".$prenom." ".$Nom."</b> a écrit :<hr>".$contenu."<hr>"; // Construction de l'entête du mail au format html $headers = 'From: "'.$Prenom." ".$Nom.'"<'.$expediteur.'>'."\n"; $headers.= 'Reply-To: '.$expediteur."\n"; $headers.= 'Content-type: text/html; charset="utf-8"'."\n"; $headers.= 'Content-Transfer-Encoding: 8bit'; // envoi du mail if (mail ($destinataire, $Objet, $Contenu, $headers) ) { //header( "location:retourok.html"); // <<<<< A MODIFIER AVEC VOTRE PAGE OK // ou echo "Mail envoyé avec succès!!"; else{ //header( "location:retourko.html"); // <<<<< A MODIFIER AVEC VOTRE PAGE KO // ou echo "Erreur pas de mail envoyé!";?> IUT St DIE MMI-1 IntegWEB
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE
Plus en détail.. 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
Plus en détailModule 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
Plus en détailGuide 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
Plus en détailTutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
Plus en détailL 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
Plus en détailPHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)
PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et
Plus en détailMAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4
MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...
Plus en détailKompoZer. 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
Plus en détailStockage 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
Plus en détailNormes 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
Plus en détailEditer 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
Plus en détailVotre adresse e-mail :... Pour consulter vos e-mails, connectez-vous sur le site : www.marche.be
MODE D'EMPLOI Votre adresse e-mail :... Pour consulter vos e-mails, connectez-vous sur le site : www.marche.be I. Votre adresse sur Marche.be Chacun d'entre vous possède dès à présent sa propre adresse
Plus en détailHTML, 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
Plus en détailComment Accéder à des Bases de Données MySQL avec Windows lorqu'elles sont sur un Serveur Linux
Comment Accéder à des Bases de Données MySQL avec Windows lorqu'elles sont sur un Serveur Linux Distribué par Le Projet Documentation d'openoffice.org Table of Contents 1) Préambule...3 2) Télécharger
Plus en détailENVOI 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
Plus en détailFormulaire 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
Plus en détailServeur 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/
Plus en détailPublier 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
Plus en détailPrise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Plus en détailINTERNET 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.
Plus en détailComment insérer une image de fond?
COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document
Plus en détailComment créer un diagramme de Gantt avec OpenOffice.org
Comment créer un diagramme de Gantt avec OpenOffice.org Version 1.9 du 05.05.2005 Réalisé avec : OOo 2.0 Plate-forme / Os : Toutes Distribué par le projet Sommaire 1 Une rapide introduction : Diagramme
Plus en détailComment faire un Mailing A partir d une feuille Calc
Comment faire un Mailing A partir d une feuille Calc Diffusé par Le Projet Documentation OpenOffice.org Table des matières 1. Création de la base de données...3 2. Création de la lettre type...4 3. Fusion...5
Plus en détailComment utiliser sa messagerie laposte.net
Fiche Logiciel Internet Niveau FL02009 09/09 Comment utiliser sa rie laposte.net 1) s'identifier, ouvrir une session Avant de commencer, munissez-vous de votre identifiant (votre adresse de courrier électronique)
Plus en détailMode d'emploi de la newsletter
Mode d'emploi de la newsletter Votre module de newsletter va vous permettre d'envoyer régulièrement des courriers électroniques à une partie ou à tous vos abonnés, Votre outil se compose de deux interfaces
Plus en détailSpécificités Techniques créations publicitaires
Spécificités Techniques créations publicitaires 2012 Sommaire Presentation p3 Sky Flottant 120x600 p17 Spec : Clicktag p4 Flash Transparent 400x400 p18 Spec : Flash transparent / Interstitiel p5 Flash
Plus en détailIntroduction. 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
Plus en détailPré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...
Plus en détailProgrammation 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
Plus en détailComment consolider des données
Comment consolider des données Version 0.02 du 18.11.2004 Réalisé avec : OOo 1.1.3 Plate-forme / Os : Toutes Distribué par le projet fr.openoffice.org Sommaire 1 Introduction...3 2 Création des données...4
Plus en détailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailAttaques 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
Plus en détailDé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
Plus en détailManuel 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
Plus en détailCMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
Plus en détailJOOMLA 1.5 avancé SUPPORT DE COURS + annexe
JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page
Plus en détailFormation 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
Plus en détailPublier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Plus en détailComment faire des étiquettes
Comment faire des étiquettes Révision 0.1 31/03/2004 Réalisé avec : OOo 1.1.0 Plate-forme / Os : Toutes n révision, mode d'emploi n révision : x.yz x : n de version majeure, par exemple 0 pour une phase
Plus en détail1 / 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,
Plus en détailCré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
Plus en détailCré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
Plus en détailNFA016 : 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
Plus en détailINFORM :: DEMARRAGE RAPIDE A service by KIS
- Création d'un formulaire Ce petit mémo a pour but de donner une vue d'ensemble des étapes menant à la création d'un formulaire avec in- Form. Bien que générique ce document fournit également les informations
Plus en détailInitiation à 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
Plus en détailGUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS
GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création
Plus en détailE-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
Plus en détailCréation d un formulaire de contact Procédure
Création d un formulaire de contact Procédure Description : Cette procédure explique en détail la création d un formulaire de contact sur TYPO3. Outil Procédure CMS: TYPO3 Auteur : hemmer.ch SA Extension:
Plus en détailENDNOTE X2 SOMMAIRE. 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque
1 ENDNOTE X2 SOMMAIRE 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque 2. Manipuler une bibliothèque EndNote 2.1. La saisie
Plus en détailINTRODUCTION 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
Plus en détailChapitre 1. Prise en main
Guide de référence Guide de référence Chapitre 1. Prise en main Le processus d'enquête Le processus d'enquête comporte 5 étapes toutes prises en charge par le logiciel : Conception des formulaires Cette
Plus en détailCréation et utilisation de formulaire pdf
Création et utilisation de formulaire pdf Grâce à Adobe Acrobat, il est plus facile de créer, de remplir et d envoyer des formulaires électroniques PDF. Vous pouvez concevoir et créer un formulaire complètement
Plus en détailAGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 :
CONSIGNE N 1 : Rédiger puis envoyer un nouveau message La fenêtre de la boîte de messagerie s affiche Cliquer sur «Ecrire» ou «Nouveau message» pour ouvrir cette nouvelle fenêtre. Ensuite, suivre cette
Plus en détailCréer sa première base de données Access Partie 4/4 - Création d un état
- le 19/02/2013 Créer sa première base de données Access Partie 4/4 - Création d un état Ce tutoriel est la suite de l article sur la création d une table, l article sur la création d une requête et l
Plus en détailVotre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
Plus en détailBIRT (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»
Plus en détailInfo0101 Intro. à l'algorithmique et à la programmation. Cours 3. Le langage Java
Info0101 Intro. à l'algorithmique et à la programmation Cours 3 Le langage Java Pierre Delisle, Cyril Rabat et Christophe Jaillet Université de Reims Champagne-Ardenne Département de Mathématiques et Informatique
Plus en détailUtiliser le logiciel CALIBRE pour gérer vos documents et les convertir au format epub
Ce travail est traduit et adapté de l'aide de Emma Davies de L'University of Leicester par le CDDP de la Corrèze Utiliser le logiciel CALIBRE pour gérer vos documents et les convertir au format epub Synopsis
Plus en détailCRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Plus en détailTapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.
Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le
Plus en détailSYSTÈ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.
Plus en détailContactForm 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
Plus en détailFormulaires 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
Plus en détailSoon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions
Module Magento SOON Soon_AdvancedCache Rédacteur Hervé G. Lead développeur Magento herve@agence-soon.fr AGENCE SOON 81 avenue du Bac 94210 LA VARENNE ST HILAIRE Tel : +33 (0)1 48 83 95 96 Fax : +33 (0)1
Plus en détailHTML. 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
Plus en détailGestion de références bibliographiques
Mars 2011 Gestion de références bibliographiques Outil pour gérer ses bibliographies personnelles sur le web. Il est intégré à Web of Science (WOS). La version web est une version allégée de EndNote (ne
Plus en détailCréer un publipostage avec Word 2007.
Bureautique Créer un publipostage avec Word 2007. Dans cette Fiche, nous allons décrire la procédure de création d'un publipostage avec Word 2007. La fonction de publipostage permet de créer un document
Plus en détailSupport Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -
UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles
Plus en détailUtiliser 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
Plus en détailUtilisation de l e-mail. Sommaire
Utilisation de l e-mail Sommaire Notions de base...2 Généralités...2 Les adresses e-mail...3 Composition d une adresse e-mail...3 Interface d Outlook Express...4 Copie d écran...4 Composition de l interface...4
Plus en détailLISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS
LISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS MAI 2013 Table des matières 1. Introduction... 3 2. Interface d accueil... 4 2.1. Zone d authentification...
Plus en détailPack 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é
Plus en détailDans la série LES TUTORIELS LIBRES présentés par le site FRAMASOFT. Premiers pas avec WinPT (cryptographie sous Win) EITIC
Dans la série LES TUTORIELS LIBRES présentés par le site FRAMASOFT Premiers pas avec WinPT (cryptographie sous Win) EITIC Logiciel : WinPT site : http://www.winpt.org/ Niveau : Débutant Auteur : EITIC
Plus en détailOptimiser 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
Plus en détailMANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:
MANUEL WORDPRESS Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: A/ Traitement de la base de données: Pour cette étape, vous aurez besoin au préalable
Plus en détailComment Utiliser les Versions, les Modification, les Comparaisons, Dans les Documents
Comment Utiliser les Versions, les Modification, les Comparaisons, Dans les Documents Diffusé par Le Projet Documentation OpenOffice.org Table des Matières 1. Les Versions...3 2. Les Modifications...5
Plus en détailSOMMAIRE AIDE À LA CRÉATION D UN INDEX SOUS WORD. Service général des publications Université Lumière Lyon 2 Janvier 2007
SOMMAIRE 1) CRÉATION D UN INDEX SIMPLE 3 a) Étape 1 : Marquage des entrées d index (à l aide d un fichier de concordance) 3 Procédure d insertion du tableau 4 Saisie des entrées d index 5 Marquage automatique
Plus en détailExtended communication server 4.1 : VoIP SIP service- Administration
Extended communication server 4.1 : VoIP SIP service- Administration Mai, 2008 Alcatel-Lucent Office Offer - All Rights Reserved Alcatel-Lucent 2007 Ce document explique comment configurer le Service VOIP-SIP
Plus en détailOpenOffice.org Présentation - Débuter. Distribué par Le projet OpenOffice.org
OpenOffice.org Présentation - Débuter Distribué par Le projet OpenOffice.org Table des Matières 1 Introduction 5 2 Créer une nouvelle présentation 5 2.1 L'utilisation d'un AutoPilote 5 2.2 La création
Plus en détailLe Registre sous Windows 8 architecture, administration, script, réparation...
234 Le Registre sous Windows 8 architecture, administration, script, réparation... dcliquez sur Affichage - Personnaliser afin d activer ou de désactiver certains éléments de votre Console. Voyons maintenant
Plus en détailFormation > Développement > Internet > Réseaux > Matériel > Maintenance
Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE
Plus en détailINFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE
INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5
Plus en détailCREER 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
Plus en détail[OUTLOOK EXPRESS WINDOWS MAIL]
Configuration de votre client de messagerie Microsoft Outlook Express Microsoft Windows Mail [OUTLOOK EXPRESS WINDOWS MAIL] Ce guide décrit la configuration d Outlook Express et de Windows Mail afin de
Plus en détaillundi 3 août 2009 Choose your language What is Document Connection for Mac? Communautés Numériques L informatique à la portée du Grand Public
Communautés Numériques L informatique à la portée du Grand Public Initiation et perfectionnement à l utilisation de la micro-informatique Microsoft Document Connection pour Mac. Microsoft Document Connection
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailSPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés
Plus en détailPARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE
PARAMETRAGE D INTERNET EXPLORER POUR L UTILISATION DE GRIOTTE ETAPE 1 : configurer votre site Griotte comme site de confiance. Ouvrir votre navigateur sur une page Griotte, n importe laquelle, par exemple
Plus en détailBusiness Sharepoint Contenu
Business Sharepoint Contenu Comment ajouter un utilisateur BlackBerry? (Business Sharepoint)... 2 Comment démarrer avec Business Sharepoint?... 10 Comment se connecter à son site personnel Business SharePoint?...
Plus en détailTutorial pour l installation et l utilisation de CREO et de Windchill https://www.windchilleducation.eu/windchill/
Tutorial pour l installation et l utilisation de CREO et de Windchill https://www.windchilleducation.eu/windchill/ Conseil: Pour accéder rapidement au paragraphe souhaité ci-dessous, faites CRTL+Clic sur
Plus en détailComment 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
Plus en détailPrésentation du langage et premières fonctions
1 Présentation de l interface logicielle Si les langages de haut niveau sont nombreux, nous allons travaillé cette année avec le langage Python, un langage de programmation très en vue sur internet en
Plus en détailSupport pour les langues s écrivant de droite à gauche
Documentation EMu Support pour les langues s écrivant de droite à gauche Version 1.0 Version EMu 4.0 www.kesoftware.com 2010 KE Software. All rights reserved. Contents SECTION 1 Résumé 1 SECTION 2 Changer
Plus en détailPublipostage : Envoi des vœux par email
Publipostage : Envoi des vœux par email Introduction Cette documentation a pour objet d expliquer comment envoyer simplement ses vœux par email à une liste de dossiers ou correspondants avec GedExpert
Plus en détailEdition de sites Jahia 6.6
Sommaire Edition de sites Jahia 6.6 documentation temporaire en attendant la finalisation de la documentation en ligne Ligne graphique Débuter l'édition Interface utilisateur Astuces de publication Boîte
Plus en détailFormation 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
Plus en détailHTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles
46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes
Plus en détail