Programmation Web IUT Villetaneuse 1. Bases de Javascript. Formation continue 2012
|
|
- Rachel Bonin
- il y a 6 ans
- Total affichages :
Transcription
1 Programmation Web IUT Villetaneuse 1 Bases de Javascript Formation continue 2012 Les sources associées à ce TD sont dans 1 Exercices Démarrage 1. Prenez le document test.html. Créez un ajax.css vide et un ajax.js vide. Vérifiez que vous arrivez à y accéder. 2. Modifiez le script pour qu il a che «Bienvenue» dans une popup, soit quand on clique sur le lien dans le document (première version), soit au chargement de la page (deuxième version). <!-- fichier test.html version 1 --> <!DOCTYPE html> <html><title>tp1 de Javascript</title> <script type="text/javascript" src="ajax.js"></script> <link rel="stylesheet" type="text/css" href="ajax.css" /></head> <body onload="javascript:bonjour()"> <p style="color: red" onclick="charger()">charger!</p> <!-- fichier test.html version 2 --> <!DOCTYPE html> <html><title>tp de Javascript</title> <script type="text/javascript" src="ajax.js"></script> <link rel="stylesheet" type="text/css" href="ajax.css"></link> <body onload="affichertableau()"> <div id="bandeau"> <h1 id="bonjour">bonjour</h1> <p class="bouton" onclick="charger()">charger!</p> </div> </body> </html> /*fichier ajax.css body { width:100% margin:0px; padding:0px;
2 Programmation Web IUT Villetaneuse 2 p.bouton { font-family: "Times New Roman"; font-weight: bold; color:black; border: 1px solid blue; background-color: blue; width:100px; text-align: center; margin-right: auto; margin-left: auto; div#bandeau { width:80%; height:40; margin-right: auto; margin-left: auto; border:1px solid black; /*fichier ajax.js function charger(){ alert("bonjour"); 3. Modifier le script pour qu il a che successivement les phrases contenues dans un tableau. Par exemple si var Messages = [ "Bienvenue", "sur ce site", "ennuyeux, non?" ]; la page a chera successivement 3 fenêtres popups. function affichertableau(){ var Messages = [ "Bienvenue", "sur ce site", "ennuyeux, non?" ]; for (i=0; i< Messages.length; i++){ alert(messages[i]); 2 Exercices Manipulation du DOM 1. Prenez les documents form.html et form.js. Modifiez la fonction formaction pour que si l utilisateur tape ABC, le texte a ché soit CBA. <!-- fichier form_inv_chaine.html --> <title>exercice 1</title> </head> <html><title>inversion d une chaîne de caractère</title> <script type="text/javascript" src="form_inv_chaine.js" ></script>
3 Programmation Web IUT Villetaneuse 3 <p>toto</p> <form name="formulaire"> <input type="text" id="valeur" name="valeur" onkeyup="formaction();"/> <p>chaine inversée=<span id="resultat"></span></p> </form> /* fichier form_inv_chaine.js function formaction() { var valeur = document.getelementbyid("valeur").value; var r = document.getelementbyid("resultat"); r.innerhtml = reverse(valeur); function reverse(s){ var rs; rs = ; var i= s.length; while(i>=0){ rs=rs + s.charat(i); i=i-1; return rs; 2. Copiez test.* sous un autre nom, et fabriquez une page qui permette de changer la couleur du fond de la page (indice : toute la page a chée est dans une balise BODY). <!-- fichier form_coul_fond.html --> <!DOCTYPE html> <html><title>je devrais changer ce titre</title> <script type="text/javascript" src="form_coul_fond.js" ></script> <link rel="stylesheet" type="text/css" href="form_coul_fond.css" /></head> <h1> Changement de couleur du fond de la page </h1> <form name="formulaire"> <input type="button" id="bbleu" name="bleu" value="bleu" onclick="formaction( bleu );"/> <input type="button" id="brouge" name="rouge" value="rouge" onclick="formaction( rouge );"/> </form> </body> </html> /* fichier form_coul_fond.css.bleu { background-color: blue;;.rouge { background-color: red; /* fichier form_coul_fond.js function formaction(coul) {
4 Programmation Web IUT Villetaneuse 4 var elt = document.getelementsbytagname( body )[0]; if (coul=="bleu"){ elt.classname="bleu"; else { elt.classname="rouge"; // elt.classname= coul== bleu? "bleu" : "rouge"; 3. Récupérez innertext.*. Définissez charger pour qu une popup a che le texte (et non pas les balises) du premier paragraphe de texte (class text) lorsqu on déclenche la fonction. <!-- fichier innertext.html --> <title>tp javascript Exercice 2 - question 1 </title> <title>tp javasscript - InnerText</title> <script type="text/javascript" src="innertext.js"></script> <link rel="stylesheet" type="text/css" href="innertext.css" /></head> <p id="premier" class="text">les <b>tortues</b> (<i>testudines</i>) <span title="api" class="api">[tt <p class="text">les tortues sont ovipares et les pontes ont lieu environ une fois par an. Les juvénil <p class="text">les 310 <a href=" title="espèce">espèces</a> <p style="color: red" onclick="charger()">charger!</p> /* fichier innertext.js function charger() { var elt = document.getelementsbytagname("p")[2]; var ptext = elt.innerhtml; window.alert(ptext); 4. Modifiez la fonction charger pour qu elle insère une petite image à la fin de chaque lien (par exemple, http: // que vous recopierez dans votre répertoire). <!-- fichier innertext_image.html --> <title>tp javascript - Exercice 2 - question 4 </title> <script type="text/javascript" src="innertext_image.js"></script> <link rel="stylesheet" type="text/css" href="innertext_image.css" />
5 Programmation Web IUT Villetaneuse 5 </head> <p id="premier" class="text">les <b>tortues</b> (<i>testudines</i>) <span title="api" class="api">[tt <p class="text">les tortues sont ovipares et les pontes ont lieu environ une fois par an. Les juvénil <p class="text">les 310 <a href=" title="espèce">espèces</a> <p style="color: red" onclick="charger()">charger!</p> /* fichier innertext_image.html.text {background: #CCF; #vide {background: #FF0; /* fichier innertext_image.js function charger() { var tabelt = document.getelementsbytagname("a"); var l = tabelt.length; for (i=0; i<l; i++){ var nouveauimg = document.createelement("img"); // var noeud = document.createtextnode("essai de textnode");d nouveauimg.setattribute( src, ); nouveauimg.setattribute( alt, image de lien ); tabelt[i].appendchild(nouveauimg); 5. Si vous avancez vite : Modifiez la fonction charger pour qu elle insère à la fin du parent de chaque paragraphe qui contient un lien un élément du type [i] (où i est le numéro du lien à partir du début du document). Un même paragraphe peut donc se terminer par plusieurs références s il contient plusieurs liens (genre [1][2][3][4]...). 6. Modifiez maintenant la fonction charger pour qu au déclenchement, la division vide se remplisse de tous les paragraphes de classe texte sans les balises (comme ci-dessus). Les paragraphes doivent rester séparés. <!-- fichier innertext_image_index.html --> <title>tp javascript Exercice 2 - question 5 </title> <script type="text/javascript" src="innertext_image_index.js"></script> <link rel="stylesheet" type="text/css" href="innertext_image_index.css" /></head>
6 Programmation Web IUT Villetaneuse 6 <p id="premier" class="text">les <b>tortues</b> (<i>testudines</i>) <span title="api" class="api">[tt <p class="text">les tortues sont ovipares et les pontes ont lieu environ une fois par an. Les juvénil <p class="text">les 310 <a href=" title="espèce">espèces</a> <p style="color: red" onclick="charger()">charger!</p> /* fichier innertext_image_index.css.text {background: #CCF; #vide {background: #FF0; /* fichier innertext_image_index.js function charger() { var tabelt = document.getelementsbytagname("a"); // Copy du tableau pour eviter que la taille de cs dernier ne soit // impacte par l ajout des nouveaux noeuds <a> var temp = []; for (var p = 0; p < tabelt.length; p++) { temp.push(tabelt[p]); tabelt = temp; // Ajout des images a la fin de chaque lien for (i=0; i<tabelt.length; i++){ var nouveauimg = document.createelement("img"); nouveauimg.setattribute( src, ); nouveauimg.setattribute( alt, image de lien ); tabelt[i].appendchild(nouveauimg); // Collecte des attribut du lien // var parenta = tabelt[i].parentnode; var ahref = tabelt[i].getattribute( href ); // Ajout des liens [1][2]... var nouveaua = document.createelement( a ); nouveaua.setattribute( href, ahref); var index = [ +(i+1)+ ] ; var texta = document.createtextnode(index);
7 Programmation Web IUT Villetaneuse 7 nouveaua.appendchild(texta); ; tabelt[i].parentnode.appendchild(nouveaua); //window.alert(tabelt.length); 7. Quand vous recréez les paragraphes en texte pur, ajoutez le code suivant (je suppose ici que a est l élément que vous ajoutez au DOM) : a.onclick=paintitred(a); Expliquez les nouvelles propriétés des éléments. Comparez en particulier avec l insertion à la place de : a.onclick=function() {a.style.background="red";; 3 Construction de page 1. Recopiez test.* en auto.*. Définissez dans le script un tableau Legumes=[ Radis noir, Betterave, Brocoli, Conc Modifiez la fonction charger pour qu elle créer dans la division vide le schéma suivant (en HTML) : Les 4 légumes sont : Radis noir Betterave Brocoli Concombre <!-- fichier auto_liste_tiret.html --> <title>tp javascript - Exercice 3 - question 1 </title> <script type="text/javascript" src="auto_list.js"></script> <link rel="stylesheet" type="text/css" href="auto_list.css" /> </head> <p onclick="charger()">charger!</p> /* fichier auto_list.js /* Affiche un liste avec comme puce un tiret contenant les informations contenues dans le tableau arg. Cette liste sera un enfant qui sera rattaché en bout de element input : arg contenant les informations à placer dans la liste element : futur pere de la liste qui sera créee
8 Programmation Web IUT Villetaneuse 8 function liste_tiret(arg,element){ var ulist = document.createelement( ul ); /* Pour la mise en place du tiret, on supprime le type de puce par defaut ulist.style.liststyletype= none ; for (i=0; i<arg.length; i++){ var elist =document.createelement( li ); /* Tiret sous forme d un noeud texte suivi du noeud texte contenant l information var item_tiret = document.createtextnode( - ); var item_info = document.createtextnode(arg[i]); elist.appendchild(item_tiret); elist.appendchild(item_info); ulist.appendchild(elist); element.appendchild(ulist); function charger(){ var Legumes=[ Radis noir, Betterave, Brocoli, Concombre ]; var e = document.getelementbyid( vide ); liste_tiret(legumes, e); 2. Modifiez cette fonction pour que la liste soit en fait un formulaire avec 4 cases à cocher : Radis noir X Betterave X Brocoli Concombre valider L appui sur le bouton valider devrait déclencher l a chage de Betterave/Brocoli dans une popup. <!-- fichier auto_liste_tiret.html --> <title>tp javascript - Exercice 3 - question 2 </title> <script type="text/javascript" src="auto_list_checkbox.js"></script> <link rel="stylesheet" type="text/css" href="auto_list_checkbox.css" /> </head> <p onclick="charger()">charger!</p>
9 Programmation Web IUT Villetaneuse 9 /* fichier auto_list.js /* Affiche un liste avec comme puce un tiret contenant les informations contenues dans le tableau arg. Cette liste sera un enfant qui sera rattaché en bout de element input : arg contenant les informations à placer dans la liste element : futur pere de la liste qui sera créee function creer_formulaire_checkbox(arg,element){ var _form = document.createelement( form ); _form.setattribute("action","auto_list_checkbox.php"); _form.setattribute("method","get"); _form.setattribute("id","select_legumes"); /* Pour la mise en place du tiret, on supprime le type de puce par défaut for (i=0; i<arg.length; i++){ var _input =document.createelement( input ); _input.setattribute("type","checkbox"); _input.setattribute("name","legumes"); _input.setattribute("value", arg[i]); /* Mise en place de la checkbox dans le formulaire avec un retour chariot _form.appendchild(_input); var _text = document.createtextnode(arg[i]); _form.appendchild(_text); var _br = document.createelement("br"); _form.appendchild(_br); var _input =document.createelement( input ); _input.setattribute("type","button"); _input.setattribute("onclick","valider()"); _input.setattribute("value", "Valider"); _form.appendchild(_input); element.appendchild(_form); function charger(){ var Legumes=[ Radis noir, Betterave, Brocoli, Concombre ]; var e = document.getelementbyid( vide ); creer_formulaire_checkbox(legumes, e); /* valider permet de constuire une chaine de caractères constituées des cases à cochées valider
10 Programmation Web IUT Villetaneuse 10 function valider(id){ /* comme toutes les checkbox ont le meme nom "legumes" alors c est un tableau "legumes" qui est envoyé par le formulaire var _elements = document.getelementsbyname("legumes"); /* Constuction de la chaine de caractère contenant la valeur des cases cochées _legumes=""; for (i=0; i<_elements.length; i++){ if (_elements[i].checked){ _legumes=_legumes+_elements[i].value; /* pour éviter un / à la fin de la chaîne de caractères if (i<_elements.length-1 && _elements[i+1].checked){ _legumes=_legumes+"/"; alert(_legumes);
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é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étailSé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.. 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é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é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étailDocument 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étailRAPPORT 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
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étailBernard 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.
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étailLES 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é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é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é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é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étailManuel 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étailInitiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr
Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support
Plus en détailSTID 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étailTD 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
Plus en détailTravaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Plus en détail{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étailL'API DOM : Document Object Model
Ingénierie Documentaire L'API DOM : Document Object Model http://doc.crzt.fr STÉPHANE CROZAT 16 octobre 2014 Table des matières I - Introduction au DOM 5 A. Principes du DOM...5 B. L'interface DOM...6
Plus en détailAttaques 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
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é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é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étailLuc 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
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étailNotice 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é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étailDOM - 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é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étailCREATION 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étailHTML/CSS - Travaux Pratiques 2
HTML/CSS - Travaux Pratiques 2 Le but de ces séances de TP est de se familiariser avec le format HTML et les feuilles de style CSS pour la création de pages web. Pour cela, vous utiliserez emacs sous Linux
Plus en détailTous 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
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é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étail3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
Plus en détailLes 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
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étailPARAMETRAGE 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étailEXTENSION 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étailProgrammation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
Plus en détailUN 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étailGénéralités. javadoc. Format des commentaires. Format des commentaires. Caractères spéciaux. Insérer du code
Généralités javadoc Université de Nice - Sophia Antipolis Richard Grin Version 1.4.1 8/2/11 javadoc produit de la documentation en partant de commentaires particuliers insérés dans le code source des classes
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étailGOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS
Ajout du code de suivi Google Analytics Page 1 / 7 I. Création du compte sur Google Analytics 1. Connectez-vous à www.google.fr 2. Entrez «Google Analytics» dans la barre de recherche. 3. Cliquez sur le
Plus en détailwww.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é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é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é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é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étailActivité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:
Plus en détail< 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étailPLUGINS Guide du Développeur STEPHANE FERRARI. P l u X m l 5.4
PLUGINS Guide du Développeur STEPHANE FERRARI P l u X m l 5.4 Table des matières Présentation de PluXml...5 Principales caractéristiques...5 Pré-requis...6 Procédure d'installation...6 Procédure de mise
Plus en détail4D 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
Plus en détailConfiguration de TCPIPconfig.h
AVANT DE COMMENCER LIRE EN DETAIL L APPLICATION MICROCHIP AN833. (L application MICROCHIP AN1120 est un excellent cours sur le protocole TCP-IP, qu il est indispensable de connaitre avant de fabriquer
Plus en détailLes Bases. Messaoudi Khaled, Boukelal Hanane (Etudiants Informatique ) 2015.
Référencer Mon SITE, BLOG Les Bases Messaoudi Khaled, Boukelal Hanane (Etudiants Informatique ) 2015. Le but de ce livre est de vous aider à bien positionné votre site web ou blog auprès des moteurs de
Plus en détailIntroduction à 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
Plus en détailUn mini-site internet en une après-midi
Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,
Plus en détailFailles 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
Plus en détailLes 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
Plus en détailNAMEBAY 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...
Plus en détailGuide de création de site web optimisé
Guide de création de site web optimisé Vous trouverez ci-après un résumé des différents points à prendre en compte pour créer un site web optimisé pour les moteurs de recherche en termes de code HTML et
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étailPublication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
Plus en détailPanel des technologies Web
Panel des technologies Web pierre.jean@mines-ales.fr version 0.14 Objectif Un panorama des technologies Web pour comprendre leurs positionnements et leurs utilisations Questions Evaluation Sommaire Avant
Plus en détailManuel de mise en page de l intérieur de votre ouvrage
Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est
Plus en détailGUIDE D UTILISATION DU BACKOFFICE
GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la
Plus en détail101 Réaliser et publier un site WEB
101 Réaliser et publier un site WEB Rapport personnel de module EMF - Section informatique John Baudin Module du.2008 au.2008 Table des matières 1 Introduction... 1 2 Le XHTML... 1 2.1 Les balises... 1
Plus en détailFormation : 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étailDémarrer avec Ajax et le php: exemple d'application
Démarrer avec Ajax et le php: exemple d'application Rédacteur: Alain Messin (Alain.Messin arobas obs-azur.fr) CNRS UMS 2202 Admin06 24/09/2007 Le but de ce document est de permettre de démarrer dans le
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détailGuide de démarrage Tradedoubler. Manuel éditeur / affilié
Guide de démarrage Tradedoubler Manuel éditeur / affilié 1 DEMARRER 1. Devenir éditeur sur Tradedoubler 2. Ajouter ses informations bancaires 3. Bénéficier des paiements internationaux 4. Avoir accès aux
Plus en détailwww.espace-citoyens/ville-lehaillan
www.espace-citoyens/ville-lehaillan Ville du Haillan Espace famille Créer mon espace personnel... Me connecter à mon espace personnel... Adhérer à la facture en ligne... Payer mes factures en ligne (avec
Plus en détailSommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs
Sommaire 1/ Grille 2/ Specs globales 3/ Specs HP 4/ Specs Questions 5/ Specs Offre 6/ Specs Faq 7/ Comportements interactifs 1/ Grille et breakpoints Desktop :
Plus en détailResponsive 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,
Plus en détailCréer une connexion entre Sage CRM et Sage Etendue pour émettre directement des devis et commandes
Créer une connexion entre Sage CRM et Sage Etendue pour émettre directement des devis et commandes Produits concernés : Sage 100 CRM i7, Sage 100 Etendue. L objectif Créer un lien entre Sage CRM et Sage
Plus en détailModule 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
Plus en détailZen, SASS, responsive design
, SASS, responsive design Felip Manyer i Ballester Res Telæ 21 mai 2013 Felip Manyer i Ballester, SASS, responsive design 1/36 Plan 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie
Plus en détailRESPONSIVE 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// HTML, Javascript XHTML & CSS
design graphique / web design // HTML, Javascript XHTML & CSS version 1.0 date 28 / 04 / 2010 auteur Loïc Swiny contact mr@sweeen.com // sommaire HTML 01. Introduction au langage HTML 02. Introduction
Plus en détailPrincipales Evolutions Version 1.0.0.230
Principales Evolutions Version 1.0.0.230 es colonnes de vos listings. Réorganiser les Votre vue est automatiquement sauvegardée lorsque vous fermez ferme votre fenêtre. Préférences Créer des zones par
Plus en détailUn jour, une question Réponse à une problématique issue de la liste GTA *
Un jour, une question Réponse à une problématique issue de la liste GTA * GTA* : Groupe de Travail AccessiWeb LE NIVEAU D ACCESSIBILITÉ DES BOUTONS DE PARTAGE DE CONTENU DES RÉSEAUX SOCIAUX Victor Brito
Plus en détailEcrire pour le web. Rédiger : simple, concis, structuré. Faire (plus) court. L essentiel d abord. Alléger le style. Varier les types de contenus
Ecrire pour le web Un texte web de lecture aisée pour l internaute, l est aussi pour les moteurs de recherche ; l écriture peut ainsi être mise au service du référencement naturel. De façon complémentaire,
Plus en détailTutoriel 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
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étailLes 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
Plus en détail\ \ / \ / / \/ ~ \/ _ \\ \ ` \ 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étailFORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006
I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première
Plus en détailRapport de projet Site web pour une association
51, rue Barthélémy de Laffemas BP 29 26901 Valence Cedex 9 Rapport de projet Site web pour une association Année 2006-2007 Bruno SABOT 1ère année DUT R&T Mathieu ROGER 2ème année DUT R&T Rapport réalisé
Plus en détailRapport de stage Nicolas PLAZE Licence Pro A2I. Rapport de Stage LICENCE PRO A2I. Société INFHOTIK. Nicolas PLAZE
Rapport de Stage LICENCE PRO A2I Société INFHOTIK Nicolas PLAZE Année 2001-2002 1 I. L ENTREPRISE 1. Raison sociale 2. Activité 3. Personnel 4. L offre infhotik hôtel 5. Les projets SOMMAIRE II. OBJECTIFS
Plus en détailCré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étailFlex. 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étailEspace pro. Installation des composants avec Firefox. Pour. Windows XP Vista en 32 et 64 bits Windows 7 en 32 et 64 bits
Espace pro Installation des composants avec Firefox Pour Windows XP Vista en 32 et 64 bits Windows 7 en 32 et 64 bits Version 2.0.3 1 Sommaire 1. Installation du composant de lecture de la carte Vitale
Plus en détail