JavaScript. 2ème année - S4, cours - 1/ Marcel Bosc. IUT de Villetaneuse. M4103C - Programmation Web client riche
|
|
|
- Zoé Pelletier
- il y a 6 ans
- Total affichages :
Transcription
1 JavaScript M4103C - Programmation Web client riche 2ème année - S4, cours - 1/ Marcel Bosc Département informatique IUT de Villetaneuse Université Paris-13
2 Table des matières À quoi ça sert? Présentation Exemple 1 Exemple 2
3 1ère partie À quoi ça sert?
4 Exemples Js partout! Google Maps Menus déroulants etc. Aujourd hui le JavaScript est utilisé sur presque toutes les pages du web. Il permet de gérer les interactions, des plus simples (formulaires, onglets) aux plus complexes (Google Maps, Gmail,...) D'autres technologies client (comme le Flash) sont progressivement remplacées par le JavaScript. [lp519]
5 JS = navigateur site.org client navigateur HTML CSS serveur web Javascript PHP ou Java SQL internet très simplifié... Le JavaScript est un langage de programmation qui peut s exécuter directement dans le navigateur (client). Le HTML et le CSS sont aussi gérés dans le navigateur (client). Le PHP, Java (Servlets) et SQL sont utilisés coté serveur. Il est très important de distinguer ce qui se passe sur le client (navigateur) de ce qui se passe sur le serveur. Plus tard, on verra des allers retours complexes entre les deux. [lp523]
6 Serveur = lent client serveur (navigateur) site.org votre adresse: 1 toto@site.o apache 2 saisie.php envoyer 3 adresse non valide! toto@site.o envoyer 4 lenteur réseau exécution PHP - serveur chargé lenteur réseau lenteur affichage internet Les interactions client / serveur passent par internet et sont souvent lentes (300ms 1500ms). Exemple classique: la validation d'un formulaire. L'utilisateur tape, appuie sur «envoyer» et doit attendre 1 à 2 secondes avant qu'une nouvelle page s'affiche lui indiquant une faute de frappe. [lp524]
7 JavaScript = rapide client serveur (navigateur) votre adresse: site.org apache 1 toto@site.o script client envoyer pas d'interaction client / serveur lente adresse non valide! toto@site.o 2 envoyer internet Le JavaScript s exécute directement dans le navigateur. Il peut modifier l'affichage très rapidement (quelques ms) sans passer par le réseau et sans recharger la page. Exemple de formulaire: Avec JavaScript l'erreur peut être affichée immédiatement, après avoir appuyé sur «envoyer», ou même au fur et à mesure que l'utilisateur tape. [lp525]
8 Utile et sympa! Stages : presque tous Web => JS Emploi : très demandé Sympa!
9 2ème partie Présentation
10 Exemple exemple.html <html> <head> <title>exemple</title> <script src="jquery.js"></script> <script src="exemple.js"></script> </head> <body> <h1>ceci est un titre</h1> <p>bla bla bla</p> </body> </html> $(document).ready(function() exemple.js $('h1').click(function() $('p').text('bonjour!'); $('p').css('color','red'); }); }); Le javascript est inclus à partir du HTML avec la balise <script>. Ce programme : Attend la fin du chargement du document : $(document).ready(...) Lorsque l'utilisateur clique sur le titre h1 : $('h1').click(...) Le texte du paragraphe devient "Bonjour!": $('p').text('bonjour'); La couleur de ce paragraphe devient rouge $('p').css('color','red'); [lp527]
11 Syntaxe $(document).ready(function() Type Type implicite implicite var i; (pas de (pas de "int", "int", "String"...) "String"...) for(i=0; i<10; i++) console.log('exemple '+i); if(i>5)console.log('i est > 5');} } Syntaxe "C" Syntaxe "C" (PHP, (PHP, Java...) Java...) une_fonction_exemple(); function une_fonction_exemple() alert("c'est moi!"); }; }); Le JavaScript est un langage de programmation ayant une «Syntaxe C». Il ressemble au PHP et au Java. Il n'y a pas de lien entre JavaScript et Java. Comme en PHP, le type des variables est géré automatiquement: vous n'avez pas besoin de dire qu'une variable est un "int" ou un "String". Comme en PHP et Java, la mémoire est gérée automatiquement. Vous n'avez pas besoin de désallouer (malloc=>free en C). Guillemets simples et doubles comme en PHP.
12 Changer l'affichage Programme js $(document).ready(function() var i; for(i=0; i<10; i++) console.log('exemple '+i); if(i>5)console.log('i est > 5');} } Changer couleur Navigateur Un titre un paragraphe Cacher / montrer $('#bouton').click(function() alert('le bouton a été appuyé!'); }); Ajouter image }); On va utiliser JavaScript surtout pour interagir avec l'affichage dans le navigateur. On veut, par exemple, dire au navigateur : "Affiche ce paragraphe en rouge", "Cache ce titre", "Ajoute une image après ce paragraphe". On doit donc apprendre deux choses différentes: 1 le langage de programmation JavaScript 2 comment communiquer avec le navigateur On va donc passer beaucoup de temps à comprendre comment interagir avec le navigateur. [lp529]
13 HTML arbre <body> <h1>ceci est un titre</h1> <p> Un paragraphe de texte avec un <a href="page2.html">lien</a> vers une autre page. Les mots suivants <strong>sont importants</strong> </p> </body> body h1 Text Ceci est un titre p Text Un para... avec un a Text lien Text vers une... suivants strong Text sont importants Le HTML peut être vu comme un arbre. Chaque noeud de l'arbre correspond à une balise. L'ordre des balises est important. Le texte contenu dans chaque balise est représenté par un noeud «Text». En général, on ne montrera pas sur les schémas les noeuds «Text». C'est très important d'avoir toujours en tête la correspondance HTML <=> arbre. [lp530]
14 DOM Document Object Model représentation objet des éléments HTML du document p a strong img a img un objet! <img id="photo"... /> On peut le manipuler en Javascript i=document.getelementbyid("photo"); i.style.border="1px solid red"; Le navigateur reçoit et analyse le HTML. Il crée des objets (au sens POO) correspondant à chaque balise, et organisés dans un arbre. Dans cet exemple «i» est l'objet DOM correspondant à une image. «i» a de nombreuses propriétés, dont certaines correspondent aux attributs (id, style, src...): i.id => «photo» i.style => CSS associé i.src => url de l'image... on peut lire et parfois modifier ces propriétés [lp531]
15 Principaux objets DOM window Un titre un paragraphe HTMLElement document Voici 3 types d'objets DOM importants: window : la fenêtre d'un document. S'il y a plusieurs onglets, chaque onglet a son window. document : à l'intérieur du window, contient l'arbre DOM issu du HTML. HTMLElement : la plupart des noeuds de l'arbre que nous manipulerons sont de type HTMLElement [lp532]
16 jquery Facilite l'accès au DOM DOM brut : document.getelementbyid('photo').style.display="none"; jquery : $('#photo').hide(); «$» = jquery jquery est une bibliothèque JavaScript qui simplifie beaucoup la programmation en JavaScript. Elle est très utilisée. Elle n'est pas indispensable, mais nous allons l'utiliser dès le début de ces cours. Nous verrons aussi, plus tard, comment manipuler le DOM sans jquery. On accède à jquery avec «$» [lp533]
17 3ème partie Exemple 1 Dans cette partie, on va analyser en détail un exemple simple. A travers cet exemple on va découvrir les notions essentielles de la programmation JavaScript et jquery.
18 Exemple $(document).ready(function() $('h1').click(function() $('p').text('bonjour!'); $('p').css('color','red'); }); }); C'est l'exemple vu au début de la partie précédente. Quand l'utilisateur clique sur le titre "Ceci est un titre", le paragraphe en dessous "bla bla bla" change de texte ("Bonjour!") et de couleur (rouge). Commençons par la ligne $('p').css('color','red'); C'est cette ligne qui change la couleur du paragraphe en rouge. [lp553]
19 Rappel : sélecteurs CSS #para1 color: green;} p color: red;} «#» = id balise «.» = class <h1>un essai</h1> <h2>titre section-1</h2> <p id="para1">bla bla bla bla</p> <h2 class="actu">titre section-2</h2> <p>bli bli bli bli bli</p> <h2>titre section-3</h2> <p>qu'est qu'on s'amuse!</p> <h2 class="actu">titre section-4</h2> <p>abc def ghi jkl mno</p> <h2 class="actu">titre section-5</h2>.actu color: blue;} En JavaScript, on utilise souvent les «sélecteurs». Vous avez appris à utiliser les sélecteurs en CSS. Les sélecteurs permettent de désigner depuis le CSS des éléments HTML (des éléments dans l'arbre DOM). On va aussi les utiliser en JavaScript pour designer les éléments du DOM. Le sélecteur le plus simple est le nom de la balise. Par exemple «p» désigne tous les paragraphes. Le sélecteur «#» permet de designer un élément (unique) ayant un id donné: #para1 désigne l'élément qui a id="para1". Le sélecteur «.» permet de designer les éléments ayant un «class» donné:.actu désigne tous les éléments ayant class="actu"
20 Liste jquery body h1 p <body> <h1>ceci est un titre</h1> <p>bla bla bla</p> </body> $('p').css('color','red'); $('xyz') liste de tous les éléments correspondant au sélecteur xyz Voyons d'abord la première partie de la ligne: $('p') 'p' est un sélecteur qui désigne tous les paragraphes. Ici, il n'y en a qu'un seul ("bla bla bla"). Le «$» correspond à jquery. D'une manière générale $('xyz') permet de créer une liste jquery d'éléments correspondant au sélecteur "xyz". [lp551]
21 Liste jquery body h1 p p <body> <h1 class="actu">un titre</h1> <p class="actu">bla bla</p> <p>bla bla</p> </body> $('.actu').css('color','red'); Dans l'exemple précédent la liste jquery $('p') ne contentait qu'un seul élément. Cet exemple est différent. Il y a plus d éléments et on utilise un sélecteur "class": $('.actu') La liste générée contient deux éléments : le h1 et le premier paragraphe. Cet exemple est simple (.actu). En pratique, le sélecteur peut être complexe et la liste peut contenir de très nombreux éléments. Les listes jquery sont un moyen très pratique pour faire des opérations sur les éléments DOM.
22 Fonction jquery :.css() Sur la liste appeler la fonction "css" $('p').css('color','red'); ".css()" change la propriété «style» des éléments : <p> <p style="color: red;"> La deuxième partie ".css('color','red')" est une fonction associée à la liste $('p') $('p') est une liste jquery... qui est aussi un objet..css() est une fonction associée à cet objet (en POO on dit aussi «méthode»). Les listes jquery fournissent de très nombreuses (>180) fonctions permettant de faire toutes sortes d'opérations. Ici on s intéresse à.css() Quand on écrit du HTML, on écrit en général le CSS dans un fichier séparé. Mais on peut aussi ajouter directement du CSS dans une balise avec l'attribut style: <h1 style="font size: 20px">exemple</h1> La fonction.css permet de changer «style». [lp549]
23 Fonctions jquery : class $('p').addclass('actu'); <p> <p class="actu"> Mieux que.css()! class + fichier CSS $('p').removeclass('actu'); <p class="actu"> $('p').hasclass('actu') <p> true false Rappel: un élément peut avoir plusieurs valeurs dans class, séparées par des espaces: <p class="actu exemple autre exemple">...</p> jquery fourni les fonctions.addclass() et.removeclass() pour ajouter et enlever des noms dans "class"..hasclass() permet de voir si un nom se trouve dans les valeurs de class. Pour des affichages complexes, il est préférable d'utiliser "class" que style/.css(). En utilisant class on écrit uniquement le CSS dans des fichiers CSS. C'est plus propre / lisible.
24 Fonctions jquery :.text().html() $('p').text('bonjour'); <p>bla bla</p> <p>bonjour</p> $('p').html('bonjour <a href="...">joe</a>'); <p>bla bla</p> <p>bonjour <a href="...">joe</a></p> Voici deux autres fonctions, très utilisées, s'appliquant sur une liste jquery et permettant de modifier le contenu de tous les éléments de cette liste..text() permet de modifier le texte contenu dans un élément. Tout ce que contenait cet élément est préalablement effacé..html() permet de modifier le HTML contenu dans un élément. Tout ce que contenait cet élément est préalablement effacé. [lp547]
25 DOM & jquery j=«liste» d'un seul élément jquery var j=$('#photo'); d = un élément DOM var d=document.getelementbyid('photo'); DOM jquery DOM jquery DOM jquery $(d) $('#photo')[0] jquery DOM Les listes jquery sont très pratiques et fournissent de nombreuses fonctions pour manipuler le contenu d'une page. Mais il ne faut pas oublier qu'elles ne sont qu'un outil pour manipuler le DOM sous jacent. Le navigateur ne connaît que le DOM. Il arrive assez souvent de devoir créer une liste jquery à partir d'un élément DOM. Il arrive aussi de devoir extraire un élément DOM d'une liste jquery. Vous devez toujours savoir si vous êtes en train de manipuler une liste jquery ou un objet DOM.
26 DOM & jquery jquery j.css('color','red'); j.width(100); j.addclass('actu'); j.removeclass('actu'); j.text('bonjour'); j.html('bonjour <a...>joe</a>'); DOM d.style.color="red"; d.style.width="100px"; d.classname+=' actu'; d.classname=d.classname.repla ce(/\bactu\b/,' ') d.textcontent='bonjour'; d.innerhtml('bonjour <a...>joe</a>');... Voici une liste d équivalences entre des manipulations courantes en jquery et en DOM. Vous n'avez pas besoin de retenir la syntaxe exacte de toutes les opérations DOM. Nous utiliserons la version jquery autant que possible. Il est important de comprendre les effets des fonctions jquery sur le DOM. [lp545]
27 Exemple $(document).ready(function() $('h1').click(function() $('p').text('bonjour!'); $('p').css('color','red'); }); }); Passons maintenant à une autre ligne de l'exemple: $('h1').click(...) Rappelez vous: dans cet exemple le paragraphe change de texte et de couleur quand l'utilisateur clique sur le titre. [lp544]
28 Réagir à un événement body Ceci est un titre h1 p bla bla bla click sur h1 $('h1').click(une_fonction_a_appeler); Gestionnaire d événement : une fonction qui sera appelée plus tard, lorsqu'un événement se produit Cette ligne se divise en trois: $('h1') : une liste jquery contenant h1.click() : une fonction jquery appelé sur la liste une_fonction_a_appeler : une fonction qu'il faudra appeler plus tard. Important : remarquez que une_fonction_a_appeler n'est pas appelée toute de suite. Elle n'est appelée que plus tard, lorsque l'utilisateur clique avec la souris. On appelle cette fonction un «gestionnaire d'événement». En JS on a souvent besoin de réagir à des événements (comme un click). [lp543]
29 Événements click mousedown mouseover mousemove keydown keyup keypress ready / load change submit click bouton souris bouton souris enfoncé souris entre sur un élément souris bouge sur un élément touche enfoncée touche relâchée touche enfoncée et relâchée élément a fini de charger élément formulaire modifié formulaire envoyé... Le navigateur génère de nombreux événements, souvent à la suite d'une action de l'utilisateur. [lp542]
30 Programmation événementielle Séquentielle «classique» Événementielle début. début. 1. Afficher "bonjour" 2. Afficher carré rouge 3. Afficher ligne Afficher "bonjour" 2. si click appeler fonction "reagir_click" fin. attendre click utilisateur reagir_click() Afficher carré rouge La programmation événementielle n'est pas facile a comprendre quand on a l'habitude de la programmation séquentielle. En programmation événementielle, on n'a pas la main sur le déroulement du programme. On déclare quelles actions doivent être faites pour certains événements puis on rend la main. Le système passe l'essentiel de son temps à attendre. Lorsqu'un événement arrive, il appelle une de nos fonctions, puis on rend à nouveau la main. Cette manière de faire n'est pas toujours intuitive. [lp541]
31 Event / this $('h1').click(une_fonction_a_appeler);... function une_fonction_a_appeler(event) if(event.which===1) $(this).css('font-size','12px'); } } this : élément DOM cible de l'événement event : objet décrivant l'événement Quand un événement survient, notre fonction est appelé. Elle reçoit deux informations importantes: "event" (en argument): un objet décrivant l événement, avec des informations comme la position de la souris, le bouton de souris utilisé, la touche appuyée... On peut omettre cet argument si on n'en a pas besoin. "this" : l'objet associé à cette fonction. C'est l'élément DOM sur lequel est survenu l'événement. Dans cet exemple c'est h1. Attention: "this" est un objet DOM. Pour l'utiliser plus facilement, on peut le transformer en liste jquery : $(this) [lp540]
32 Exemple $(document).ready(function() $('h1').click(function() $('p').text('bonjour!'); $('p').css('color','red'); }); }); Analysons maintenant «function()...}» Cette fonction est appelée quand l'utilisateur clique sur h1. Elle change le texte et la couleur du paragraphe. [lp539]
33 Fonction anonyme Approche «habituelle» $('h1').click(une_fonction_a_appeler); lourd function une_fonction_a_appeler() $('p').css('color','red'); } Fonction anonyme $('h1').click(function() pratique... très utilisé! $('p').css('color','red'); }); Dans l'approche «habituelle» on déclare une fonction avec un nom ("une_fonction_a_appeler"). On fourni ce nom en argument à la fonction click. Très souvent cette fonction ne va être utilisée qu'une seule fois, et elle est assez courte. Le JS permet de créer une fonction à n'importe quel endroit, sans lui donner de nom (fonction anonyme). Ici, la fonction est crée au même endroit où elle est passé en argument à click. Cette approche rend le code beaucoup plus lisible en évitant des renvois et des noms superflus. On verra plus tard, qu'elle permet aussi de simplifier le partage de variables entre
34 4ème partie Exemple 2 On va finir par un deuxième exemple, où on verra comment ajouter des choses sur une page.
35 Exemple 2 <body> <div> <input id="saisie" type="text"> <input id="ajouter" type="button" value="ajouter"/> </div> <ul id="liste"> <li>tom</li> <li>joe</li> </ul> </body> body div input input ul li li Cet HTML simple affiche une zone texte, un bouton, et une liste. [lp586]
36 exemple2.js $(document).ready(function() $('#ajouter').click(function() var ligne=$('<li></li>'); var texte=$('#saisie').val(); ligne.text(texte); $('#liste').append(ligne); }); }); <div> <input id="saisie" type="text"> <input id="ajouter" type="button"... </div> <ul id="liste"> <li>tom</li> <li>joe</li> </ul> On y associe un programme JS qui permet à l'utilisateur de taper du texte dans le champs texte puis d'appuyer sur le bouton «Ajouter». Lorsque le bouton est appuyé, une ligne est ajoutée à la liste, contenant le texte tapé. [lp585]
37 Rappels attendre événement $(document).ready(function() $('#ajouter').click(function() var ligne=$('<li></li>'); var texte=$('#saisie').val(); ligne.text(texte); $('#liste').append(ligne); }); }); «prêt» sur doc. attendre événement «click» sur élém. id="ajouter" changer texte dans él. jquery «ligne» Ces trois lignes correspondent à des notions déjà vues précédemment [lp584]
38 Fonction jquery :.val() $(document).ready(function() $('#ajouter').click(function() var ligne=$('<li></li>'); var texte=$('#saisie').val(); ligne.text(texte); $('#liste').append(ligne); }); }); <select> <input type="text"/> <textarea> En HTML, les formulaires sont très utilisés pour permettre à l'utilisateur de saisir des données. La fonction jquery.val() permet de lire les données entrées par l'utilisateur dans plusieurs types de champs: <select> <input type="text"/> <textarea> Comme toujours avec jquery, il faut d'abord créer une liste en utilisant un sélecteur qui désigne le champ en question. Par exemple $('#saisie').val().val() permet aussi de modifier le champs: $('#saisie').val('nouveau texte') [lp583]
39 Créer un élément $(document).ready(function() $('#ajouter').click(function() var ligne=$('<li></li>'); var texte=$('#saisie').val(); ligne.text(texte); $('#liste').append(ligne); }); }); élément <li> pas encore dans l'arbre DOM $('<xyz..>...</xyz>') Crée des nouveaux éléments à partir du code HTML. Une opération courante en JS est de créer de nouveaux éléments pour les ajouter à une page. On a vu précédemment la fonction jquery.html() qui permet d insérer du code HTML dans un élément existant. Cette approche n'est pas toujours pratique. jquery permet aussi de créer des éléments à partir de code HTML, sans les insérer dans l'arbre DOM. $('<p>exemple</p>') On peut manipuler ces éléments avec les fonctions jquery. Ensuite on va les insérer dans l'arbre DOM. [lp582]
40 Ajouter dans l'arbre DOM body div input input ul li <ul id="liste"> li $('#liste').append(ligne); endroit où ajouter éléments à ajouter : $('<li></li>') jquery fourni des fonctions pour insérer des éléments dans l'arbre DOM. Il est important de comprendre à quel endroit exactement on veut insérer l'élément. Ici on a crée un élément <li>. On veut l'ajouter à la fin de la liste, c'est à dire dans <ul> et après les autres <li>. On va donc utiliser la fonction.append() appliquée à la liste <ul>. «append» veut dire «ajouter à la fin de». [lp581]
41 Où ajouter dans l'arbre DOM? $('ul').before(...); $('ul').after(...); body div ul li $('ul').prepend(...); li $('ul').append(...); jquery fourni d'autres fonctions pour insérer des éléments dans l'arbre DOM, en fonction de l'endroit exact que l'on vise. Dans ces 4 exemples on insère par rapport à <ul> : $('ul').xyz(...) before : avant (frère précédent) after: avant (frère suivant) prepend: avant le premier fils append: après le dernier fils [lp580]
42 Ce document est distribué librement. Sous licence GNU FDL : Les originaux sont disponibles au format LibreOffice
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...
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
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
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
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/
Création d'un site dynamique en PHP avec Dreamweaver et MySQL
Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du
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
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
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
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.
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
Activité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données
Activité sur Meteor Annexe 1 : notion de client-serveur et notion de base de données Notion de client-serveur Que se passe-t-il lorsque vous tapez dans la barre d'adresse de votre navigateur «http://www.google.fr»?
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
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
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,
Devenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
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
Chapitre 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
WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
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
Attaques de type. Brandon Petty
Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme
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
Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013
Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières
Navigation dans Windows
Cours 03 Navigation dans Windows Comme je le disais en introduction, notre souris se révèle plus maligne qu'elle n'en a l'air. À tel point qu'il faut apprendre à la dompter (mais c'est très simple, ce
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
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
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
Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département
Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département Le nouveau site du département Le nouveau site du département est situé, comme l'ancien à l'adresse suivante
AJAX. (Administrateur) (Dernière édition) Programme de formation. France, Belgique, Suisse, Roumanie - Canada
AJAX (Administrateur) (Dernière édition) Programme de formation Microsoft Partner France, Belgique, Suisse, Roumanie - Canada WWW.SASGROUPE.COM Formez vos salariés pour optimiser la productivité de votre
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
Projet en nouvelles technologies de l information et de la communication
Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima
Création de site Internet avec Jimdo
Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que
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
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
WIMS. Découvrir et utiliser
WIMS Découvrir et utiliser (version préliminaire - 3 janvier 2011) Copyright c 2009 WIMS EDU GNU FDL Copyleft 2009 http://wimsedu.info 1 Découverte 1. Découvrir WIMS (I) Un internaute désire découvrir
GOOGLE 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
Les calques supplémentaires. avec Magix Designer 10 et autres versions
Les calques supplémentaires avec Magix Designer 10 et autres versions Pourquoi ajouter un calque à votre page web? L'ajout d'un calque à une page web est parfois nécessaire lorsque la page est déjà bien
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
Tutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com
Tutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com Contenu I.Validation (ou inscription) de son adresse chez Google...2 II.Utilisation des fonctionnalités du blog...5 1.Accès
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
Remote Cookies Stealing SIWAR JENHANI (RT4) SOUHIR FARES (RT4)
Remote Cookies Stealing SIWAR JENHANI (RT4) SOUHIR FARES (RT4) Sommaire : Contenu I. Introduction:... 2 II. Présentation de l atelier :... 2 1) Attaque persistante :... 3 2) Attaque non persistante :...
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
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
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
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
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
Programmation des Applications Réparties. Parsers XML DOM et SAX
Programmation des Applications Réparties Parsers XML DOM et SAX Luiz Angelo Steffenel luiz-angelo.steffenel@univ-reims.fr Steffenel Programmation des Applications Réparties Master M1-2007-2008 1 Comment
Webmaster / Webdesigner / Wordpress
Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un
Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.
Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel
TP1. Outils Java Eléments de correction
c sep. 2008, v2.1 Java TP1. Outils Java Eléments de correction Sébastien Jean Le but de ce TP, sur une séance, est de se familiariser avec les outils de développement et de documentation Java fournis par
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Automatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs
Dans la série Les tutoriels libres présentés par le site FRAMASOFT Automatisation d'une Facture 4 Liste Déroulante Remises Case à cocher Calculs Logiciel: Version: Licence: Site: OpenOffice.org Calc :
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 2 І O2S Intégration O2S dans un site Internet Ce document présente une description
ESPACE COLLABORATIF. L Espace Collaboratif : votre espace de partage entre acteurs régionaux
1 esante.gouv.fr ESPACE COLLABORATIF L Espace Collaboratif : votre espace de partage entre acteurs régionaux Accessible via le portail esante.gouv.fr, l Espace Collaboratif de l ASIP Santé a pour objectif
HTML5, 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
Utiliser Freemind à l'école
Utiliser Freemind à l'école Cette notice est une rapide introduction au mind maping, que nos amis québecois appelent les «schémas de réseaux conceptuels» ou encore idéacteur. En d'autres termes c'est l'organisation
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
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
Démonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
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
VOS PREMIERS PAS AVEC TRACENPOCHE
Vos premiers pas avec TracenPoche page 1/16 VOS PREMIERS PAS AVEC TRACENPOCHE Un coup d'oeil sur l'interface de TracenPoche : La zone de travail comporte un script, une figure, un énoncé, une zone d analyse,
Importer un fichier CSV
Importer un fichier CSV Importer un fichier CSV - page 1 1 Qu'est ce que l'import d'un fichier CSV L'import d'un fichier CSV vous permet d'ajouter dans OBM les contacts et sociétés présents dans un fichier
Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs
Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs Installation sur le serveur Eva-web s'appuie sur SPIP, qui lui-même utilise PHP
Administration du site (Back Office)
Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface
1. Installation du Module
1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de
Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013
Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326
Cré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:
Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne
Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Aperçu du Centre de copies et d'impression Bureau en Gros en ligne Pour accéder à «copies et impression Bureau en Gros
{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
RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
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
Failles XSS : Principes, Catégories Démonstrations, Contre mesures
HERVÉ SCHAUER CONSULTANTS Cabinet de Consultants en Sécurité Informatique depuis 1989 Spécialisé sur Unix, Windows, TCP/IP et Internet Séminaire 15 ans HSC Failles XSS : Principes, Catégories Démonstrations,
Trier les ventes (sales order) avec Vtiger CRM
Trier les ventes (sales order) avec Vtiger CRM Dans l'activité d'une entreprise, on peut avoir besoin d'un outil pour trier les ventes, ce afin de réaliser un certain nombre de statistiques sur ces ventes,
v7.1 SP2 Guide des Nouveautés
v7.1 SP2 Guide des Nouveautés Copyright 2012 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,
Sage CRM. Sage CRM 7.3 Guide du portable
Sage CRM Sage CRM 7.3 Guide du portable Copyright 2014 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur
L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248
L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations
INSTALLATION ET CONFIGURATION D'UN SERVEUR WEB SUR MAC OS X
INSTALLATION ET CONFIGURATION D'UN SERVEUR WEB SUR MAC OS X Par Sébastien Maisse MAC OS incorpore en son sein un serveur web apache, pour le lancer, il faut se rendre dans le Menu Pomme / Préférence Système...
Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA
Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2
1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5
1. Introduction... 2 2. Création d'une macro autonome... 2 3. Exécuter la macro pas à pas... 5 4. Modifier une macro... 5 5. Création d'une macro associée à un formulaire... 6 6. Exécuter des actions en
Sauvegarder et restaurer les données PMB
Fiche technique PMB n 2.9 Sauvegarder et restaurer les données PMB Objectif : Savoir sauvegarder les paramètres, les notices, les exemplaires, les prêts... avec PMB Notez bien : Le documentaliste est responsable
Module BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères
FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant
Nouveautés joomla 3 1/14
Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes
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
Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation T@hitiClic. Formateur : Fabien Crépin. Drupal Contributeur.
Maitrisez la publication sous Drupal Une formation Formateur : Fabien Crépin Introduction Objectif : savoir publier du contenu sous Drupal Contenu : Créer un contenu Mise en forme du texte Gestion des
Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :
CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i
Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
< 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
Créer une carte personnalisée
Créer une carte personnalisée Avec Google Maps, vous pouvez créer vos propres cartes personnalisées pour indiquer par exemple les endroits que vous avez déjà visités, l'emplacement des restaurants où vous
TRANSFERER UNE PHOTO SUR CLE USB
TRANSFERER UNE PHOTO SUR CLE USB C'est un support amovible : on peut la brancher sur l'ordinateur puis l'enlever. Ce périphérique s''appelle clé USB parce qu'elle utilise la technologie de transfert d'information
RAPPORT D'OPTIMISATION DU SITE INTERNET
RAPPORT D'OPTIMISATION DU SITE INTERNET WWW.EPICURIUM.FR Réalisé par Armandine Rue et Virginie Gatin Introduction Dans le cadre du cours de web-marketing, nous avons analysé le site internet d Epicurium
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
REALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE
REALISER UN SITE INTERNET AVEC IZISPOT Voici un tutoriel pour vous aider à réaliser un petit site internet (4 pages) à l'aide du logiciel gratuit IZISPOT. Dans l'exemple qui suit, il s'agit de mettre en
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
Mai 2014. Médiathèque «Les Trésors de Tolente»
Mai 2014 Médiathèque «Les Trésors de Tolente» Sommaire Google, premiers repères Google, le moteur de recherche Google map Gmail Google agenda Google drive Google+ Conclusion / Framasoft Pour continuer
WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu
Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce
LICENCE PROFESSIONNELLE
LICENCE PROFESSIONNELLE Développement d'applications Intranet/Internet Domaine : Sciences, Technologies, Santé Dénomination nationale : Systèmes informatiques et logiciels Organisation : Institut Universitaire