Prog. Web TP2 Année universitaire Formulaires - suite

Dimension: px
Commencer à balayer dès la page:

Download "Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite"

Transcription

1 Prog. Web TP2 Année universitaire Formulaires - suite 1 INSCRIPTION À UN SITE On suppose que l'inscription à un site offre de nombreux avantages. Pour s'inscrire à ce site il faut saisir : deux fois la même adresse mail (qui fait fonction d'identifiant) deux fois le même mot de passe (entre 6 et 8 lettres minuscules ou majuscules) APERÇU AVANT SAISIE 1.1 LA PAGE INSCRIPTION.HTM LE CODE DE LA PAGE (À COMPLÉTER) <body> <h1>inscription au site </h1> <form action = "inscription_trait.php" method ='post' > <label>tapez votre adresse mail : </label> <input type = " " name ='mail1 id = 'mail1'> <label>confirmez votre adresse mail : </label> <input type = " " name ='mail2' id = 'mail2'> <label>saisissez mot de passe :</label> <input type = "password" name ='passe1' id = 'passe1'> <label>confirmer le mot de passe : </label> <input type = "password" name ='passe2' id = 'passe2'> <label></label><button type = 'submit'> inscription</button> COMMENTAIRE N'oubliez pas les attributs pattern, required et placeholder On utilise le type pour les deux premiers input. Pour être valide la saisie dans un champ de type doit contenir le Les quatre champs sont obligatoires Chaque champ est identifié par l'attribut name (pour le traitement PHP ultérieur) et par l'attribut id (pour le traitement JAVASCRIPT futur) Après soumission le tableau associatif $_POST comprendra les clés suivantes : mail1 mail2 passe1 passe APERÇU APRÈS SAISIE 1

2 On va pourvoir soumissionner (toutes les saisies sont valides par rapport à leur pattern respectif ) et pourtant il y divergence entre les deux adresses mail saisies ainsi qu'entre les deux mot de passe saisis! 1.2 INSCRIPTION_PLUS.HTM Le contrôle de saisie côté client n'est pas suffisant parce qu'il est incomplet. En effet si on saisit deux adresses mail correctes mais différentes et/ou deux mots de passe corrects mais différents on peut soumissionner les données! Or il faut aussi que les deux adresses mails soient identiques et que les deux mots de passe soient aussi identiques. Pour pouvoir faire des comparaisons entre les "values" de deux champs il faut utiliser JAVASCRIPT Créez le code à partir de la page précédente LE CODE DE LA PAGE <label></label><button type = 'button'> inscription</button> </form> <script> document.queryselector('button').onclick = function() { // création des variables objet var mail1 = document.queryselector('#mail1'); var mail2 = document.queryselector('#mail2'); var passe1 = document.queryselector('#passe1'); var passe2 = document.queryselector('#passe2'); var form =document.queryselector('form'); // élément HTML identifié via son id // élément HTML identifié via sa balise // test if(mail1.value == mail2.value && passe1.value == passe2.value && mail1.value.length > 4 && passe1.value.length >5) { // alors alert ('ok') ; form.submit() ; } else alert('erreur de saisie') ; } // fin fonction </script> </body></html> LE CSS Aucun changement par rapport au code précédent COMMENTAIRE DU HTML Peu de changement par rapport au code de la page précédente. Le bouton est maintenant de type button! Ainsi on peut associer à cet objet une fonction JS COMMENTAIRE DU JAVASCRIPT Dans le code JAVASCRIPT on doit manipuler des objets HTML. Si on clique sur l'objet de type button on appelle une fonction Dans cette fonction on crée 5 variables objet ; chaque variable objet référençant un élément du formulaire. Pour référencer chaque objet du formulaire on utilise la méthode queryselector de l'objet document Il est rappelé que le paramètre de cette méthode est un sélecteur CSS! Donc entre parenthèses vous écrivez : 'nombalise' ou '#nomid' ou '.nomclasse' Ensuite on fait un test que l'on peut traduire de la façon suivante : Si contenu du premier champ est égal au contenu du deuxième et si contenu du troisième est égal au contenu du quatrième et si le contenu du premier supérieur à 4 et le contenu du troisième > à 5 Alors message OK + soumission des données Sinon message d'alerte 2

3 2 LE LANGAGE JAVASCRIPT 2.1 PROPRIÉTÉS ET MÉTHODES LES PROPRIÉTÉS value et length sont des propriétés Soit un champ identifié par la variable objet passe1 alors passe1.value veut dire contenu de ce champ et passe1.value.length veut dire longueur de la chaîne contenue dans ce champ LES MÉTHODES submit() queryselector() sont des méthodes Une méthode est une fonction qui s'applique à un type d'objet. Exemples : La méthode submit() s'applique à un formulaire la méthode queryselector s'applique au document Comme dans notre fonction le formulaire est identifié via la variable objet form alors l'instruction est : form.submit(). Si le formulaire était identifié par la variable objet formulaire alors l'instruction serait : formulaire.submit() 2.2 RÉFÉRENCER UN OBJET HTML EN JAVASCRIPT Faisons le point sur cette problématique! MÉTHODE QUERYSELECTOR() Si un élément HTML est identifié par un id ou une classe ou par une balise alors on peut utiliser la méthode queryselector() En effet dans cette méthode le paramètre est un sélecteur CSS : un id syntaxe : queryselector('#nom_id') ou une balise syntaxe : queryselector('nom_balise') ou une classe syntaxe : queryselector('.nom_classe') Attention : si plusieurs éléments HTLM de la page sont délimités par la même balise ou affectés de la même classe alors la méthode queryselector() retourne le premier élément MÉTHODE QUERYSELECTORALL() Alors que la méthode queryselector retourne un seul élément HTML la méthode queryselectorall retourne une collection d'objets Donc si vous avez l'instruction suivante : var champs = document.queryselectorall('input') champs est une variable indicée (ou tableau de variables) qui comprend autant d'éléments que de input dans le formulaire. La première valeur du tableau a l'indice 0! Vous pouvez donc écrire : var mail1 = champs[0] POURQUOI CRÉER DES VARIABLES OBJET? Car c'est plus simple d'écrire : mail1.value que document.queryselectorall('input')[0].value C'est beaucoup plus simple d'écrire : form.submit() que document.queryselector('form').submit() Voilà pourquoi il est conseillé fortement de créer (et d'utiliser) des variables objets dans tous les langages orientés objet tel JAVASCRIPT RESPECTEZ LA CASSE En JAVASCRIPT les mots réservés qui sont des mots composés prennent une majuscule pour la première de chaque mot mais à partir du deuxième mot 2.3 LA PAGE 'INSCRIPTION_PLUS_BIS.HTM' Nous allons réécrire le code de la fonction JS avec la méthode queryselectorall pour référencer les différentes input EXTRAIT DU SCRIPT JAVASCRIPT var champs = document.queryselectorall('input'); // champs référence la collection des input ; champs : variable indicée! var mail1 = champs[0] ; var mail2 = champs[1] ; 3

4 var passe1 = champs[2] ; var passe2 = champs[3] ; var form =document.queryselector('form'); // test : pas de changement dans le code ALLÉGEMENT DU CODE HTML On ne référence plus les éléments HTML au travers de leur id. Donc dans le code HTML l'attribut ID devient inutile! Supprimez les attributs ID de chaque input et testez! 3 LIVRE D'OR Le pseudo : entre 6 et 8 lettres non accentuées minuscules ou majuscules 3.1 APERÇU AVANT SAISIE 3.2 LE CODE DE LA PAGE <style> *{font-size : 14pt } form { margin : auto ; width : 600px ; border : 1px solid black; } label, input, button, textarea{display : inline-block ; width : 45% ; margin : 10px ;height : 30px ;} label {vertical-align : top } h2 {height : 50px ; text-align : center ; } input:valid {color : green} input:invalid {color : red} </style></head> <body> <form action = "livredor_trait.php" method = "post"> <h2>donnez votre avis dans le livre d'or</h2> <input type ="hidden" name ="provenance" value = "message pour livre d'or" > <label>votre pseudonyme:</label> <input type ="text" name ="pseudo" ="8" required = '[A-z]{6,8}' = 'entre 6 et 8 lettres'> <label>votre message : </label> <textarea name ="message" required = 'Tapez votre message ici'></textarea> <label></label><button type ="submit" >Validez</button> </form> 3.3 NOUVEAUTÉS CHAMP MASQUÉ Nous avons un input de type hidden (masqué). Donc c'est champ qui n'apparait pas mais qui est bien réel et qui a une value. Après soumission il y aura dans la page livredor_trait.php une variable nommée $_POST['provenance'] qui aura pour valeur : message pour livre d'or Attention la value de ce champ contient le caractère ' donc la chaîne doit être délimitée par les caractères " et non pas '. Ou alors il faut échapper le caractère ' Essayer avec échappement du caractère ' : value = 'message pour livre d\'or'> ZONE DE TEXTE MULTI-LIGNES Nous avons le conteneur TEXTAREA. Il s'agit d'une zone de saisie resize (l'internaute peut modifier sa taille). On peut saisir du texte sur plusieurs lignes ; il suffit d'appuyer sur ENTER pour passer à la ligne! 4

5 4 LA PAGE RENSEIGNEMENTS.HTM Dans le formulaire de cette page on a de nouveaux types de zones de saisie : une liste, un groupe de boutons radio, deux groupes de cases à cocher 4.1 APERÇU Suite aperçu : 4.2 LE CODE (À COMPLÉTER) <style> * { font-family : sans-serif ; color : navy ; font-size : 12pt; } form {margin : auto; border : 1px solid black ; width : 80% ;} h2 {text-align : center ; min-height : 30px } label, input, button, select{display : inline-block ; width : 40% ; min-height : 30px; } input[type =radio], input[type =checkbox], span {width : 10% ; vertical-align : middle} input:valid {color : green; } input:invalid {color : red ; } </style></head> <body> <form action = "renseignements_trait.php" method="post"> <h2>fiche de renseignements en ligne <br> * : champs obligatoires</h2> <input type ='hidden' value = 'renseignements en ligne' name ='info'> <fieldset><legend>votre identité</legend> <label>nom *</label><input type ="text" name ="nom" ="pas d'accents" ="[A-z']{3,30}"> <label>prénom * </label><input type ="text" name ="prenom" required placeholder ='accents autorisés' ='[A-zéèùê]{3,30}'> <fieldset><legend>civilité</legend> <span>monsieur</span><input type ='radio' value = 'M' name = 'civilite' checked> 5

6 <span>madame</span><input type ='radio' value = 'Mme' name = ''> <span>mademoiselle</span><input type ='radio' value = 'Mlle' name = ''> </fieldset> <label>votre tranche d'âge </label> <select name = 'age'> <option value = 'tranche1'>moins de 20 ans </option> <option value = 'tranche4' selected>plus de 60 ans </option> </select> </fieldset><!-- fin identité--> <fieldset><legend>loisirs</legend> <fieldset><legend>jeux pratiqués</legend> <span>aucun</span><input type ='checkbox' value = 'aucun' name = 'jeux[]' checked> <span>poker</span><input type ='checkbox' value = 'poker' name = 'jeux[]'> </fieldset> <fieldset><legend>sports pratiqués</legend> <span>aucun</span><input type ='checkbox' value = 'aucun' name = 'sports[]' checked> <span>vélo</span><input type ='checkbox' value = 'vélo' name = 'sports[]'> </fieldset> </fieldset><!--fin loisirs--> <fieldset><legend>vos coordonnées</legend> <label>adresse * </label><input type ='text' name ="adresse1" required ='n et rue '> <label>adresse </label><input type ='text' name ="adresse2" ='n appart et étage '> <label>adresse *</label><input type ='text' name ="adresse3" required ='code postal et localité'> <label>téléphone *</label> <input type ="tel" name ="tel1" ='10' required ='10 chiffres collés' ='[0-9]{10}'> <label>autre numéro (facultatif) </label> <input type ="tel" name ="tel2" ='10' ='10 chiffres collés' ='[0-9]{10}'> <label>adresse mail * </label><input type ="" maxlength ="30" name =" " required = '> </fieldset><!--fin coordonnées--> <label></label><button type ="">Envoyer</button><label></label><button type ="" >Effacer</button> </form> 4.3 COMMENTAIRE DU CSS Notez les nouveaux sélecteurs : input[type =radio] et input[type = checkbox] pour la mise en forme des boutons radio et des cases à cocher DU HTML Le formulaire est structuré grâce au conteneur FIELDSET. On peut associer à la balise début de FIELDSET le conteneur LEGEND Pour créer une liste il faut utiliser le conteneur SELECT et au sein de ce conteneur le conteneur OPTION pour chaque item de la liste. Pour sélectionner par défaut un item de la liste il faut utiliser l'attribut selected Par défaut la liste est déroulante sauf emploi de l'attribut size = 'nombre de lignes' Pour créer un bouton radio il faut utiliser la balise input avec la valeur radio pour l'attribut type. Pour créer une case à cocher il faut utiliser la balise input avec la valeur checkbox pour l'attribut type. Pour créer un groupe de boutons radio ou de cases à cocher il faut que tous les boutons/cases aient la même valeur pour l'attribut name. Dans un groupe de boutons radio on ne peut cocher qu'un bouton alors que dans un groupe de cases on peut cocher plusieurs cases. Donc le nom d'un groupe de cases à cocher doit comporter des crochets afin que PHP crée une variable indicée (et non pas une variable simple). Pour qu'un bouton radio /case à cocher soit coché par défaut il faut utiliser l'attribut checked. Pour saisir un numéro de téléphone on peut utiliser un input avec le type tel. Ce type d'input ne présente aucun intérêt pour un ordinateur puisqu'il autorise la saisie de tous les caractères possibles (sauf emploi de l'attribut pattern) mais est très utile pour les mobiles (apparition d'un clavier numérique). 6

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 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étail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

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 .. 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étail

Formation HTML / CSS. ar dionoea

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

Plus en détail

Formulaire pour envoyer un mail

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

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

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

Plus en détail

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. 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étail

Initiation à html et à la création d'un site web

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

Plus en détail

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. 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

Plus en détail

SYSTÈMES D INFORMATIONS

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.

Plus en détail

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

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

Plus en détail

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

JOOMLA 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étail

Manuel du composant CKForms Version 1.3.2

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

Plus en détail

Création de formulaires interactifs

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

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

L'instruction if permet d'exécuter des instructions différentes selon qu'une condition est vraie ou fausse. Sa forme de base est la suivante:

L'instruction if permet d'exécuter des instructions différentes selon qu'une condition est vraie ou fausse. Sa forme de base est la suivante: 420-183 Programmation 1 8. Les structures conditionnelles Dans l'écriture de tout programme informatique, une des premières nécessités que nous rencontrons est de pouvoir faire des choix. Dans une application

Plus en détail

Programmation Web TP1 - HTML

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

Plus en détail

CREATION d UN SITE WEB (INTRODUCTION)

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

Plus en détail

Séance d ED n 5 : HTML et JavaScript

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)

Plus en détail

Votre site Internet avec FrontPage Express en 1 heure chrono

Votre 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étail

Tutoriel : Feuille de style externe

Tutoriel : 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étail

Mise en place de votre connexion à Etoile Accises via Internet sécurisé

Mise en place de votre connexion à Etoile Accises via Internet sécurisé Cette procédure a pour but de vous aider dans la mise en place de votre connexion à notre applicatif en ligne Etoile Accises. Pour connaître les fonctionnalités détaillées de l'outil Etoile Accises, nous

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

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

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

Comment développer et intégrer un module à PhpMyLab?

Comment développer et intégrer un module à PhpMyLab? Comment développer et intégrer un module à PhpMyLab? La structure du fichier Afin de conserver une homogénéité et une cohérence entre chaque module, une structure commune est utilisée pour chacun des modules

Plus en détail

SHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5

SHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 SHERLOCK 7 Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 Cette note montre comment intégrer un script Java dans une investigation Sherlock et les différents aspects de Java script. S T E M M E R I M A G I N

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

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

Plus en détail

ENVOI EN NOMBRE DE Mails PERSONNALISES

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

Plus en détail

Media queries : gérer différentes zones de visualisation

Media queries : gérer différentes zones de visualisation 2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d

Plus en détail

STID 2ème année : TP Web/PHP

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

Plus en détail

XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)

XML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition) Présentation du langage XML 1. De SGML à XML 17 2. Les bases de XML 18 2.1 Rappel sur HTML 18 2.2 Votre premier document XML 19 2.3 Les avantages de XML 21 3. La syntaxe XML 21 3.1 La première ligne du

Plus en détail

Le stockage local de données en HTML5

Le stockage local de données en HTML5 Le stockage local HTML5, pourquoi faire? Dans une optique de réduction des couts de maintenance, de déploiement, beaucoup d'entreprises ont fait le choix de migrer leurs applicatifs (comptables, commerciales,

Plus en détail

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp

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/

Plus en détail

Document Object Model (DOM)

Document Object Model (DOM) Document Object Model (DOM) Jean-Claude Charr Maître de conférences IUT de Belfort Montbéliard Université de Franche Comté Description générale Définit un standard pour accéder aux documents structurés

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

Studio. HERITIER Emmanuelle PERSYN Elodie. SCHMUTZ Amandine SCHWEITZER Guillaume

Studio. HERITIER Emmanuelle PERSYN Elodie. SCHMUTZ Amandine SCHWEITZER Guillaume Studio HERITIER Emmanuelle PERSYN Elodie SCHMUTZ Amandine SCHWEITZER Guillaume Cours R Présentation projet 10/10/2013 Introduction RStudio est une interface créé par JJ Allaire Elle est sortie le 11 Février

Plus en détail

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Sana Sellami sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

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

Plus en détail

INFORM :: DEMARRAGE RAPIDE A service by KIS

INFORM :: 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étail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

Guide de réalisation d une campagne e-mail marketing

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

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉ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étail

Mettre en place un formulaire dans le site avec le module webform

Mettre en place un formulaire dans le site avec le module webform Mettre en place un formulaire dans le site avec le module webform Dans la suite des documents de cette documentation Avertissement au lecteur Objectif de cette fiche Le module webform Ce petit symbole

Plus en détail

DOM - Document Object Model

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

Plus en détail

Module ebay pour PrestaShop Guide du vendeur

Module ebay pour PrestaShop Guide du vendeur Module ebay pour PrestaShop Guide du vendeur Basé sur le module d'extension version 1.7.1, publié en 04/2014 Version du document : 1.4, 08/2014 1 Informations et aide Généralités Pour obtenir des informations

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

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

Plus en détail

PARAMETRAGE CONSOLE ADMINISTRATION DE MESSAGERIE "VENDOME.EU" NOTICE UTILISATION

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

Plus en détail

Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10

Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 modalisa Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 8 Fonctionnalités de mise en ligne de questionnaires Vous trouverez dans cet opuscule les informations nécessaires

Plus en détail

TABLETTE NUMÉRIQUE TACTILE - IPAD

TABLETTE NUMÉRIQUE TACTILE - IPAD TABLETTE NUMÉRIQUE TACTILE - IPAD Partie 3 : La création d un identifiant Apple Sommaire Créer un identifiant Apple gratuit ou Ouvrir une session avec un identifiant... 1 1. Qu est-ce que l APP STORE?...

Plus en détail

Intégrateur Web HTML5 CSS3

Intégrateur Web HTML5 CSS3 Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou

Plus en détail

Partager mes photos sur internet

Partager mes photos sur internet Partager mes photos sur internet NIKON IMAGE SPACE est gratuit. Dans votre navigateur Web, rendez-vous à l'adresse http://nikonimagespace.com/ Cliquez sur le lien Inscription Remplissez les champs requis

Plus en détail

TP 1. Prise en main du langage Python

TP 1. Prise en main du langage Python TP. Prise en main du langage Python Cette année nous travaillerons avec le langage Python version 3. ; nous utiliserons l environnement de développement IDLE. Étape 0. Dans votre espace personnel, créer

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

Publipostage avec Calc

Publipostage avec Calc Auto-formation sur OpenOffice.org 2.0 par Cyril Beaussier Version 1.0.2 - Avril 2006 Publipostage avec Calc Sommaire Introduction... 2 Présentation... 3 Notions... 4 Les données... 5 Lettre type... 7 Création

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

\ \ / \ / / \/ ~ \/ _ \\ \ ` \ Y ( <_> ) \ / /\ _ / \ / / \/ \/ \/ Team

\ \ / \ / / \/ ~ \/ _ \\ \ ` \ Y ( <_> ) \ / /\ _ / \ / / \/ \/ \/ Team \ \ / \ / / \/ ~ \/ _ \\ \ ` \ Y ( ) \ / /\ _ / \ / / \/ \/ \/ Team Tutoriel Hacking La faille XSS ------------------------ By H4X0R666 Ce tutoriel portera sur l exploitation de la faille XSS et sur

Plus en détail

DE CENTRALISE FACTURE CRE ATION

DE CENTRALISE FACTURE CRE ATION DE CENTRALISE FACTURE CRE ATION Cliquer sur «facturation décentralisée» Double cliquer sur «facture» Page 1 sur 24 Cliquer sur «nouveau» Page 2 sur 24 À noter : Les champs qui sont en jaune doivent obligatoirement

Plus en détail

Normes techniques 2011

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

Plus en détail

Google Tag Manager. «Vous ne verrez plus l'analytics de la même manière» par Ronan CHARDONNEAU

Google Tag Manager. «Vous ne verrez plus l'analytics de la même manière» par Ronan CHARDONNEAU Google Tag Manager «Vous ne verrez plus l'analytics de la même manière» par Ronan CHARDONNEAU Au menu 1)Définition de Google Tag Manager 2)Le fonctionnement 3)Applications pratiques pour un référenceur

Plus en détail

PHP 5. La base de données MySql. A. Belaïd 1

PHP 5. La base de données MySql. A. Belaïd 1 PHP 5 La base de données MySql A. Belaïd 1 Base de données C est quoi une base de données? Une base de données contient une ou plusieurs tables, chaque table ayant un ou plusieurs enregistrements Exemple

Plus en détail

Présentation du Framework BootstrapTwitter

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...

Plus en détail

Formation VBA 3 Interagir

Formation VBA 3 Interagir Formation VBA 3 Interagir 1 Utilisation des UserForms Les UserForms sont des interfaces largement configurables, il convient de ne pas les limiter à tel ou tel usage qui pourrait être présenté à titre

Plus en détail

Guide d implémentation. Réussir l intégration de Systempay

Guide d implémentation. Réussir l intégration de Systempay Guide d implémentation - Interface avec la plateforme de paiement - Réussir l intégration de Systempay Version 1.4b Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa

Plus en détail

Paramétrages de base de la plateforme

Paramétrages de base de la plateforme Paramétrages de base de la plateforme Sommaire 1. Préambule 2. Accès à l interface de supervision 3. Paramétrages de base 4. Conclusion 5. Support technique Paramétrages de base de la plateforme 1. Préambule

Plus en détail

Cours 420-KEG-LG, Gestion de réseaux et support technique. Atelier No2 :

Cours 420-KEG-LG, Gestion de réseaux et support technique. Atelier No2 : Atelier No2 : Installation d Active Directory Installation du service DNS Installation du Service WINS Création d'un compte d'ordinateur Jonction d'un ordinateur à un domaine Création d usagers. Étape

Plus en détail

BIRT (Business Intelligence and Reporting Tools)

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»

Plus en détail

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é) 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étail

Plan. Exemple: Application bancaire. Introduction. OCL Object Constraint Language Le langage de contraintes d'uml

Plan. Exemple: Application bancaire. Introduction. OCL Object Constraint Language Le langage de contraintes d'uml OCL Object Constraint Language Le langage de contraintes d'uml Plan 1. Introduction 2. Les principaux concepts d'ocl Object Constraint Language 1 Object Constraint Language 2 Exemple: une application bancaire

Plus en détail

UN SITE WEB RESPONSIVE EN UNE HEURE?

UN SITE WEB RESPONSIVE EN UNE HEURE? UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N

Plus en détail

Stockage du fichier dans une table mysql:

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

Plus en détail

Notice d accessibilité HTML, CSS et JavaScript

Notice d accessibilité HTML, CSS et JavaScript Notice d accessibilité HTML, CSS et JavaScript Date Version État / commentaires 10 sept. 2015 2.0 Cette version prend en compte WCAG 2.0 et RGAA 3.0. En partenariat avec : Air Liquide Atos BNP Paribas

Plus en détail

Utilisation de GalaxShare

Utilisation de GalaxShare Utilisation de GalaxShare Tutoriel accessible en ligne sur http://galaxair.com/tuto/aidegalaxshare.html Le Porte-Document GalaxShare est un logiciel web de partage de documents, avec une gestion fine des

Plus en détail

Importer les fichiers élèves - professeurs du secrétariat

Importer les fichiers élèves - professeurs du secrétariat Importer les fichiers élèves - professeurs du secrétariat Fiche technique PMB n 3.1. Objectif : Récupérer la base de données élèves (et professeurs) du secrétariat avec le numéro de code Aplon (établi

Plus en détail

ENVOYER DES NEWSLETTER (POM0580) (/PORTAIL/SERVICES-AU-PUBLIC/1262- ENVOYER-DES-NEWSLETTER-POM0580)

ENVOYER DES NEWSLETTER (POM0580) (/PORTAIL/SERVICES-AU-PUBLIC/1262- ENVOYER-DES-NEWSLETTER-POM0580) 1 sur 7 12/05/2014 15:39 ENVOYER DES NEWSLETTER (POM0580) (/PORTAIL/SERVICES-AU-PUBLIC/1262- ENVOYER-DES-NEWSLETTER-POM0580) Catégorie : Services au public (/portail/services-au-public) Mis à jour le vendredi

Plus en détail

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. 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étail

Optimiser les e-mails marketing Les points essentiels

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

Plus en détail

Formation : WEbMaster

Formation : WEbMaster Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins

Plus en détail

Manuel utilisateur du CMS Anan6

Manuel utilisateur du CMS Anan6 Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants

Plus en détail

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,

Plus en détail

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES RAPPORT DE STAGE Association UNIFORES 23, Rue du Cercler 87000 LIMOGES LOHUES Théo BTS SIO 1 ère année Lycée suzanne valadon 2013-2014 Table des matières I. Présentation de l'entreprise...3 II. Description

Plus en détail

Répertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation :

Répertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation : Amicale laïque de Poisat 18-19 février 2013 Répertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation : a) Taper "Passbox" dans le moteur de recherche de votre navigateur. b)

Plus en détail

www.evogue.fr SUPPORT DE COURS / HTML

www.evogue.fr SUPPORT DE COURS / HTML L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / HTML Sommaire Sommaire... 2 Présentation... 3 Introduction... 3 Fonctionnement... 3 Historique... 4 Navigateurs... 6 Définition... 6 Historiquement...

Plus en détail

La gestion des boîtes aux lettres partagées

La gestion des boîtes aux lettres partagées La gestion des boîtes aux lettres partagées La gestion des boîtes aux lettres partagées - page Présentation du module Partage de mail. Qu'est ce qu'une boîte aux lettres partagée? Il s'agit d'une boîte

Plus en détail

MODE D EMPLOI DE LA PLATEFORME DE DEPOT DES

MODE D EMPLOI DE LA PLATEFORME DE DEPOT DES MODE D EMPLOI DE LA PLATEFORME DE DEPOT DES DOSSIERS DE RECONNAISSANCE AGENDAS 21 Adresse de la plate-forme https://reconnaissance-a21.developpement-durable.gouv.fr/ Contacts en cas de problème (Bureau

Plus en détail

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee

Plus en détail

Configuration d'un annuaire LDAP

Configuration d'un annuaire LDAP Le serveur Icewarp Configuration d'un annuaire LDAP Version 10.3 Juillet 2011 Icewarp France / DARNIS Informatique i Sommaire Configuration d'un annuaire LDAP 1 Introduction... 1 Qu'est-ce que LDAP?...

Plus en détail

ECLIPSE ET PDT (Php development tools)

ECLIPSE ET PDT (Php development tools) ECLIPSE ET PDT (Php development tools) Eclipse Eclipse est un IDE (Integrated Development Environment)).C estun projet de la Fondation Eclipse visant à développer tout un environnement de développement

Plus en détail

Prototyper un site web avec Awestruct et Boostrap

Prototyper un site web avec Awestruct et Boostrap Prototyper un site web avec Awestruct et Boostrap On va parler de... Prototype Awestruct Bootstrap Bonus (GitHub, JSF) Prototyper : pourquoi? Mettre tout le monde d'accord Avoir un support concret Aide

Plus en détail

{less} Guide de démarrage

{less} Guide de démarrage {less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site

Plus en détail

inviu routes Installation et création d'un ENAiKOON ID

inviu routes Installation et création d'un ENAiKOON ID inviu routes Installation et création d'un ENAiKOON ID Table des matières inviu routes...1 1 L installation...1 2 Lancer l application...1 3 L assistant d installation d inviu routes...2 3.1 Se connecter

Plus en détail

Portail étudiant de la Faculté des sciences Notice d'utilisation du site d'inscription aux unités d enseignement

Portail étudiant de la Faculté des sciences Notice d'utilisation du site d'inscription aux unités d enseignement Portail étudiant de la Notice d'utilisation du site d'inscription aux unités d enseignement http://www.unifr.ch/science/gestens Configuration : Le programme d'inscription aux unités d enseignement de la

Plus en détail

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

EXTENSION WORDPRESS. Contact Form 7. Proposé par : Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)

Plus en détail

KWISATZ_TUTO_module_magento novembre 2012 KWISATZ MODULE MAGENTO

KWISATZ_TUTO_module_magento novembre 2012 KWISATZ MODULE MAGENTO _TUTO_module_magento Table des matières -1) - :...2-1.1) Introduction :...2-1.2) Description :...3-1.2.1) Schéma :...3-1.3) Mise en place :...4-1.3.1) MAGENTO :...4-1.3.1.1) Les Web Services :...4-1.3.1.2)

Plus en détail

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

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

Plus en détail

Créer une base de données

Créer une base de données Access Créer une base de données SOMMAIRE Généralités sur les bases de données... 3 Création de la base de données... 4 A) Lancement d'access... 4 B) Enregistrement de la base de données vide... 4 Création

Plus en détail

Avec PICASA. Partager ses photos. Avant de commencer. Picasa sur son ordinateur. Premier démarrage

Avec PICASA. Partager ses photos. Avant de commencer. Picasa sur son ordinateur. Premier démarrage Avant de commencer Picasa est avant un logiciel que l'on peut installer sur son ordinateur et qui permet de transférer ses photos dans un espace pouvant être partagé sur Internet. Picasa sur son ordinateur.

Plus en détail

MODE D EMPLOI DU MODULE D E-COMMERCE

MODE D EMPLOI DU MODULE D E-COMMERCE MODE D EMPLOI DU MODULE D E-COMMERCE Cher client, Merci d entrer avec l équipe de Dakota dans l ère novatrice du commerce par internet. Ce document va vous guider dans les diverses opérations relatives

Plus en détail