Les nouvelles technologies du Web
|
|
|
- Christine Delorme
- il y a 8 ans
- Total affichages :
Transcription
1 Les nouvelles technologies du Web Paris Web 2008 Laurent Jouanneau Conditions d'utilisation de ce document : CC-nc-sa ( 1 of 56
2 Qui suis-je? "Senior Software Engineer" chez Disruptive Innovations ( (W3C) Domaines de compétences : Technologie Mozilla (xulfr.org) Standards du web (openweb.eu.org) Développement web et PHP 2 of 56
3 Sommaire Médias avec HTML5 Nouvelles API de scripts Technologies annexes : CSS3, Mathml, XBL... Dans un futur plus lointain... 3 of 56
4 Avertissement Les spécifications des technologies montrées sont encore sous forme de brouillon au W3C, ne sont pas encore des recommandations, mais commencent tout de même à être implémenter dans les navigateurs. 4 of 56
5 Médias avec HTML5 5 of 56
6 Objectifs de HTML5 Répondre aux besoins d'hier... amélioration des formulaires de la sémantique..... d'aujourd'hui... medias ajax, DHTML et de demain mode déconnecté (offline/online) template, datagrid, server events... 6 of 56
7 HTML5 vs XHTML5 Même spécification Rêgles de Syntaxe différente (SGML vs XML) XHTML : xml:base, namespaces, SVG, MathML, RDFa... XHTML2 : plus ou moins mort 7 of 56
8 <canvas> Zone dans laquelle on peut dessiner via une API. getcontext() Context "2d", "3d" (dans le futur?) Un context = objet qui fournit des méthodes pour dessiner figures simples, rotation, transformation, zoom, courbe de bezier, path, gradient, texte, ombres... safari 3 / webkit/ opera/ firefox 8 of 56
9 Demo <canvas> #1 Dessiner <canvas id="canvas1" width="100" height="100"></canvas> var ctx = document.getelementbyid("canvas1").getcontext("2d"); ctx.fillstyle = "rgb(200,0,0)"; ctx.fillrect (10, 10, 55, 50); ctx.fillstyle = "rgba(0, 0, 200, 0.5)"; ctx.fillrect (30, 30, 55, 50); 9 of 56
10 Demo <canvas> #2 Demos canvas + souris ( /canvas/mousemove/canvas.html) Lightweight Visual Thesaurus ( canvas painter ( ray caster ( /raycaster/raycaster.html) 10 of 56
11 <embed> Contenu externe pris en charge par un plugin Différent de <object>. <object> a le même rôle que <img>, <iframe>, et <embed> reuni, avec possibilité de paramètres(<param>) 11 of 56
12 <video> <video src="mavideo.ogv"> Contrôle de la lecture : start end loopstart loopend playcount autoplay Affichage de l'interface de contrôle du navigateur : controls Interface que l'on veut grâce à l'api normalisée : play(), pause().. attributs poster 12 of 56
13 <video> #2 Meilleure accessibilité que <object> Plein écran possible, mais seulement à la discretion de l'utilisateur et du navigateur (pas d'api) Streaming 13 of 56
14 <video> : format pas de format préconisé decodeur embarqué et/ou utilisation des decodeurs du système ex Mozilla: décodeur Ogg theora embarqué et plus tard : DirectShow, Quicktime, Gstreamer.. possibilité d'indiquer plusieurs formats : <source> 14 of 56
15 <video> : compatibilité le contenu de l'élement <video> : pour les navigateurs ne prenant pas en charge video <video src="mavideo.ogg"> <p>votre navigateur ne supporte pas l'element video</p> <object> <param name="movie" value="flvplayer.swf?file=mavideo.flv"> </param> <embed src="flvplayer.swf?file=mavideo.flv" type="application/x-shockwave-flash"></embed> </object> </video> 15 of 56
16 <video> : demos /video_test/ 16 of 56
17 Autres nouveautés script : attr defer (FF 3.1) attribut contenteditable : pas mal buggé sur la majorité des navigateurs (safari, mozilla) 17 of 56
18 Nouvelles API scriptables 18 of 56
19 Évènements online, offline Envoyés lorsque le statut de la connexion change Envoyés sur window, document, document.body navigator.online : indique le statut de la connexion (FF2, IE) addeventlistener on the window, document, or document.body demo ( /lab/html5/offline.html) IE8 / Firefox 19 of 56
20 ressources offline fichier manifest indiquant les ressources offline <html manifest="fichier.manifest"> utf8, "text/cache-manifest" CACHE MANIFEST CACHE: # v1 # This is a comment. FALLBACK: NETWORK: 20 of 56
21 Storage sessionstorage, localstorage.length.key(index), getitem(key), setitem(key, data), removeitem(key), clear() globalstorage['domain.com'] (only FF, not html5) demo ( /lab/html5/storage.html) FF2, trunk webkit, IE8b2 21 of 56
22 drag drop draggable="true" sur les éléments sur lesquels un drag'n'drop peut démarrer Évènements sur l'élement de départ : dragstart, drag (n fois), dragend Évènement sur les élements que l'on survole : dragenter, dragover (n fois), dragleave Évènement sur l'élement sur lequel on relache le bouton de la souris : drop FF3.1, trunk webkit, IE5 22 of 56
23 drag drop : objet datatransfer getdata, setdata : stockage des données à transferer selon leur type (text, liens, html, fichier, image...) setdragimage : spécifier l'image du drag drop effectallowed : effet du drag drop (copy, move, link, copymove...) 23 of 56
24 drag drop : demo demo ( /lab/html5/demodragdrop.html) 24 of 56
25 queryselector queryselector("selecteur css") queryselectorall("selecteur css") /TR/selectors-api/ (FF 3.1) FF3.1, webkit, IE8 25 of 56
26 Contrôle d'acces Ensemble d'entête HTTP pour contrôler l'accés à une ressource Le client peut indiquer ce qu'il veut faire d'une ressource Le serveur peut indiquer ce qu'il peut faire de la ressource demandée Utilisé dans le cadre de xmlhttprequest, HTML5, XBL2... IE8 (via XDomainRequest), FF3.1, webkit en cours 26 of 56
27 Contrôle d'acces : Réponse HTTP En-têtes contrôlés par le serveur, et vérifiés par le navigateur Access-Control-Allow-Origin Access-Control-Max-Age Access-Control-Allow-Credentials Access-Control-Allow-Methods 27 of 56
28 Contrôle d'acces : Réquêtes HTTP En-têtes envoyés par le navigateur, et éventuellement prise en compte par le serveur. Origin Access-Control-Request-Method Access-Control-Headers 28 of 56
29 Géolocation API pour connaître la position géographique de l'utilisateur Repose sur les capacités du péripherique Le navigateur est censé demandé l'autorisation à l'utilisateur FF3.1, webkit en cours 29 of 56
30 Géolocation : position Dernière position enregistrée : var pos = navigator.geolocation.lastposition; pos.latitude pos.longitude pos.altitude pos.accuracy pos.altitudeaccuracy pos.heading pos.speed pos.timestamp 30 of 56
31 Géolocation : méthodes navigator.geolocation.getcurrentposition(function(position) { do_something(position.latitude, position.longitude); } ); var watchid = navigator.geolocation.watchposition(function(pos do_something(position.latitude, position.longitude); } ); navigator.geolocation.clearwatch(watchid); 31 of 56
32 Worker Threads execute un script js en tâche de fond pas de manipulation sur le document xmlhttprequest possible envoi de message entre processus maitre et fils FF3.1, webkit en cours 32 of 56
33 HTML5: Cross domain messaging Permettre de communiquer entre deux documents d'un domaine différent Ex: doc A qui a une iframe contenant un doc B window.postmessage('mon message', ' 33 of 56
34 HTML5: Cross domain messaging #2 //doc A var o = document.getelementsbytagname('iframe')[0]; o.contentwindow.postmessage('hello world', ' //doc B window.addeventlistener('message', function (e) { if (e.origin == ' if (e.data == 'Hello world') { e.source.postmessage('hello', e.origin); } else { alert(e.data); } }, false); 34 of 56
35 Autres focus : document.activeelement, document.hasfocus() (FF3) ElementTraversal : firstelementchild, lastelementchild, previouselementsibling, nextelementsibling, childelementcount, JSON object 35 of 56
36 Technologies annexes 36 of 56
37 SMIL Synchronized Multimedia Integration Language SMIL = langage XML pour décrire la manière d'afficher plusieurs elements graphiques/multimedia dans l'espace et le temps ->SVG, XHTML, Mathml, videos, images... Pour des animations "informatives": slides, presentations 37 of 56
38 SMIL #2 Implémenté dans IE 5.5, IE6, Realplayer, Quicktime et nombreux playeurs multimedia Implémentation en cours dans webkit et Firefox des presentations de SMIL en SMIL... Version 3 en cours de spécification 38 of 56
39 SVG Format XML pour des images vectorielles Nombreux effets graphiques et filtres possibles Intégration d'autres elements non SVG via <foreignobject> Implémenter dans de nombreux logiciels. Ex: Inscape, éditeur graphique Implémenté (en partie) dans Firefox, webkit (en cours), Opera. Vieux plugin Adobe pour IE 39 of 56
40 Animations SVG Reprends beaucoup de fonctions animations de SMIL Principalement pour des animations "informatives" alors que les animations CSS : pour de l'animation purement décorative Implémentation en rapport très étroit avec l'implémentation de SMIL : implémentation en cours de webkit et Firefox. Fait parti du test acid3 /animate.html 40 of 56
41 CSS 2.1/3 Implémentation en cours ou finalisée dans Firefox (2,3,3.1), webkit (3,3.x), et Opéra selecteurs CSS 3, CSS media queries text-shadow, box-shadow border-image column transformations, animations (uniquement webkit) fontes téléchargeables Conférence de Daniel Glazman à PW2008 ( innovations.com/zoo/slides/ PW2008/pw2008.xhtml) Quelques démos ( 41 of 56
42 Javascript 1.7, generateur iterateur let Assignement déstructuré: [a,b]=[b,a] = f() expression closure 42 of 56
43 MATHML Langage XML pour écrire des formules mathématiques et scientifiques Implémenté dans Firefox 1.0 et suivant. Exemples ( /~hammond/gellmu/dmml.xml), x = b ± ( b2 4ac) 1/2 2a 43 of 56
44 XBL2 Un langage XML déclaratif Permet de modifier/ajouter sur des élements d'un document : 1. du contenu 2. des comportements 3. des styles CSS 44 of 56
45 XBL2 : Utilisation Widgets, composants d'interface Améliorer des balises existantes Implémentation d'un langage XML non reconnu par le navigateur 45 of 56
46 XBL2 : Avantages Ne "pollue" pas le document Facilite le développement : séparation entre le contenu et le comportement Réutilisation Solution plus légère que les équivalents en pure javascript 46 of 56
47 XBL2 : en savoir plus Ma présentation à ParisWeb 2007 ( /standards/pw2007/) 47 of 56
48 Le futur of 56
49 xmlhttprequest Level 1 : spécifiation, hamornisation de l'existant Level 2 : améliorations. propriétés onabort, onerror, onload, onloadstart, onprogress responsexml : doit pouvoir retourner aussi un fragment DOM HTML overridemimetype(mime) responsebody (?) upload (?) 49 of 56
50 HTML5 : <figure> Illustration d'un texte. <figure> <img src="bubbles-work.jpeg" alt="bubbles, sitting in his office chair, works on his latest project intently."> <legend>bubbles at work</legend> </figure> 50 of 56
51 HTML5 : Sections <section>, <nav>, <article>, <aside>, <header>, <footer> Juste de la sémantique 51 of 56
52 HTML5 : Elements textuels <mark>, <time>, <dfn> <meter value="" max="" min=""> <progress value="" max="">80%</progress> 52 of 56
53 HTML5 : Formulaires #1 validation automatique widgets supplémentaires spécifications encore en rédaction, aucune implémentation 53 of 56
54 HTML5 : Formulaire #2 attributs type, autocomplete, list, pattern, min, max, step, autofocus Élements <datalist>, <output> support de GET, POST, PUT, DELETE propriété validity -> ValidityState 54 of 56
55 HTML5 : Autres éléments et attributs groupes : dialog (=conversation) (même groupe que ul, ol, p, pre etc) details, datagrid, command, bb, menu, 55 of 56
56 Le mot de la fin Poussez ces nouveautés! Utilisez-les pour améliorer le web! Cette présentation est disponible à /standards/pw2008/ 56 of 56
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
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
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
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
Initiation 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
Développement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS
Avant de commencer 1. Introduction 15 2. HTML5 oui, mais pas que... 15 2.1 HTML5 16 2.2 JavaScript 17 2.3 CSS 18 3. Les outils 18 Préparation des outils et création du projet 1. Introduction 21 2. Team
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
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
4. SERVICES WEB REST 46
4. SERVICES WEB REST 46 REST REST acronyme de REpresentational State Transfert Concept introduit en 2000 dans la thèse de Roy FIELDING Est un style d architecture inspiré de l architecture WEB En 2010,
Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
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
Petite définition : Présentation :
Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise
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
Bureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
les techniques d'extraction, les formulaires et intégration dans un site WEB
les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents
Diffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
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.
Déploiement d application Silverlight
Déploiement d application Silverlight Thibault Laurens Bastien Chauvin 2 Déploiement d'application Silverlight 17/06/09 Sommaire 1 Introduction... 3 2 Intégrer une application à une page Web... 4 3 Les
3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures
3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures Objectif global : A l issue de la formation, les stagiaires doivent être opérationnels dans la création d un site internet
Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully
Les grandes facettes du développement Web Qui sommes nous? Nicolas Thouvenin Stéphane Gully Projets Web depuis 2000 LAMP, NodeJS HTML, CSS, jquery
S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i
Modernisation IBM i Nouveautés 2014-2015 IBM Power Systems - IBM i 19 et 20 mai 2015 IBM Client Center, Bois-Colombes S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Mardi
BES WEBDEVELOPER ACTIVITÉ RÔLE
BES WEBDEVELOPER ACTIVITÉ Le web developer participe aux activités concernant la conception, la réalisation, la mise à jour, la maintenance et l évolution d applications internet/intranet statiques et
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,
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
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
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
La balise object incorporer du contenu en HTML valide strict
Qu'est ce que la balise object La balise object incorporer du contenu en HTML valide strict Beaucoup de monde insère des médias dans leur page web avec la balise non standard . Pourtant il existe
Optimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David
Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server Sébastien Boutard Thomas David Le plan de la présentation Petit retour sur les environnements de développement ArcGIS Server
Déploiement d'une application Visual Studio Lightswitch dans Windows Azure.
Déploiement d'une application Visual Studio Lightswitch dans Windows Azure. Utilisation de SQL Azure avec Lightswitch Article par Eric Vernié Microsoft France Division Plate-forme & Ecosystème SOMMAIRE
Joomla! Création et administration d'un site web - Version numérique
Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique
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
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
Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
Firefox pour Android. Guide de l utilisateur. press-fr@mozilla.com
Firefox pour Guide de l utilisateur press-fr@mozilla.com Table des matières À propos de Mozilla Firefox pour... 3 Prise en main... 4 Mise à niveau de la navigation mobile... 5 Déplacez-vous à la Vitesse
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
Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet
Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.
Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,
Langage HTML Copyright 2010 tv Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any
Ajax, RIA et HTML5. 9.1 Prise en charge d Ajax
9 Ajax, RIA et HTML5 Au soaire de ce chapitre UU Prise en charge d Ajax UU Bibliothèques JavaScript UU Extensions CSS de WebKit UU Applications Internet riches mobiles UU HTML5 Ajax, HTML5 et RIA, coent
Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
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
creer votre site internet en html/css
3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour
Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
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
Programmation 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
HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
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
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
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,
Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0
Mozilla Firefox 3.5 Google Chrome 3.0 LES NAVIGATEURS WEB (pour Windows) Opéra 10 Internet Explorer 8 Safari 4.0 1 1 Sommaire Qu est ce qu un navigateur Web? Fonctionnement Caractéristiques communes Caractéristiques
Stocker des données sur Amazon S3
4 Stocker des données sur Amazon S3 Dans ce chapitre, nous plongeons la tête la première dans Amazon S3, Simple Storage Service (service simple de stockage). Après un aperçu rapide des concepts de S3 les
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
Programmation Web. Introduction
Programmation Web Introduction 1 Introduction 10 séances 1 h cours + 1h TD Notes : contrôle continu DS 1 TP : note de groupe : rapport + code source + démo TD : note personnelle (=0 si 2 absences non justifiées)
Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
SP1 : Intégration d'une vidéo dans une mardi 21/01/2014. page web, fonction du format vidéo et 3 mercredi 22/01/2014
HTML et CSS : être présent sur Internet, conception d'un site web HTML et CSS (Eric Christoffel), RS d'une heure par semaine, sur semaines, soit 1h de RS Cours et Exercices en asynchrone 1h sur semaines.
Olivier Deheurles Ingénieur conception et développement.net
Olivier Deheurles Ingénieur conception et développement.net MOTS CLES Maîtrise de la conception et du développement orientés Objet 6 ans d expérience sur les plateformes.net 1.1 et 2.0 (C# et VB.NET) MCAD
Le service de création de site Internet : Mode d emploi. La Création de Site Internet
Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de
Sommaire. -1-Computer en bref. Web en bref. Le web 3.0,...la mobilité. Evolution du Web... ... web1.0, web2.0, web2.b, web3.0...
Evolution du Web... Le web 3.0,...la mobilité... web1.0, web2.0, web2.b, web3.0... Raoul Mengis, -1-Computer Stéphane Gay, -1-Computer Stéphane Micheloud, EPFL Lausanne http://www.1info.com/4w3.html [en]
Consultant-Développeur en informatique
Laurent Jouanneau 41 ans, marié, trois enfants. Résident en banlieue parisienne email : laurent@ljouanneau.com Site web : http://ljouanneau.com/ Points forts Consultant-Développeur en informatique Expert
Exploration des technologies web pour créer une interaction entre Mahara et les plateformes professionnelles et sociales
Exploration des technologies web pour créer une interaction entre Mahara et les plateformes professionnelles et sociales D 1.3.2 Rapport d analyse Auteurs: Johann Luethi, Laurent Opprecht, Patrick Roth
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
HTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
Nouveautés de Drupal 8. Léon Cros @chipway
Nouveautés de Drupal 8 Léon Cros @chipway.. Léon Cros Communauté Drupal Président de l'association Drupal France et Francophonie @chipway / chipway-drupal. JDLL 2014. Chipway : Spécialiste Formations Drupal
webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09
AISL - Architecture et Intégration des Systèmes Logiciels - 2011-2012 webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09 Administrer un serveur et
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
Table des matières Introduction... 1 1. Démarrage... 8 2. Les composants graphiques... 26
Table des matières À propos de l'auteur... x Préface... xi Avant-propos... xiv 1. Public visé et prérequis... xiv 2. Sources des exemples... xv 3. Accès aux vidéos... xv 4. URL raccourcies... xv 5. Remerciements...
FileMaker Server 11. Publication Web personnalisée avec XML et XSLT
FileMaker Server 11 Publication Web personnalisée avec XML et XSLT 2007-2010 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, Californie 95054 FileMaker est une
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...
Projet de Semestre. Page Web Didactique de Visualisation d Algorithme. Université de Genève - semestre de printemps 2012
Nouvelles Technologies de l Information et de la Communication Projet de Semestre Page Web Didactique de Visualisation d Algorithme Université de Genève - semestre de printemps 2012 Pierre Künzli, Adrien
TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Notes 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
Informations générales. Technologies. css3-html5-php-ajax-j-query-mootools-action-script3
Pascal Gaudin Développeur WEB- php-mysql-javascript 04 67 56 81 51 06 69 39 20 54 al.gau@free.f Informations générales Titre Développeur php-mysql-javascript Ecole Brousse Mtpellier - Afpa Béziers Année
Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1
Content Management System V.3.0 BlackOffice CMS V3.0 by ultranoir 1 SOMMAIRE Introduction Grands principes de fonctionnement Description des modules Références principales BlackOffice CMS V3.0 by ultranoir
RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences
RESUME DE CARRIERE Alice JULIENNE 23 ans Nationalité Française Développeur Web Front-End Compétences Systèmes Langages Windows (XP, 98) Macintosh OS X HTML, XHTML, CSS, XML, PHP, SQL, Javascript, J-Querry
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
Cloud public d Ikoula Documentation de prise en main 2.0
Cloud public d Ikoula Documentation de prise en main 2.0 PREMIERS PAS AVEC LE CLOUD PUBLIC D IKOULA Déployez vos premières instances depuis l interface web ou grâce à l API. V2.0 Mai 2015 Siège Social
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
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
2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22
SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané
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...
Pour en expliquer le principe, on se limitera à deux exemples :
Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation Pour en expliquer le principe, on se limitera
Veille technologique
Moteur de Jeu de Stratégie Web Projet TI5 Veille technologique Auteurs : Ilyas Boutebal Maxime Colin Adrian Gaudebert Youness Hamri Van Duc Nguyen Client : Pierre-Antoine Champin 20 janvier 2011 Table
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,
Android 4 Les fondamentaux du développement d'applications Java
La plateforme Android 1. Présentation 13 2. Historique 14 3. Google Play 15 3.1 Création d'un compte développeur 16 3.2 Publication d'une application 16 3.3 Suivi et mise à jour d'une application 18 Environnement
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
145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Découverte de Microsoft Office 2010 et de Microsoft Exchange Server 2010
Découverte de Microsoft Office 2010 et de Microsoft Exchange Server 2010 Logistique Pause en milieu de présentation Vos questions sont les bienvenues. N hésitez pas! Cette présentation sera téléchargeable
Bonnes pratiques de développement JavaScript
Bonnes pratiques de développement JavaScript Titre présentation Conférencier François Béliveau Romain Dorgueil A propos de nous... François Béliveau Développeur web depuis 8 ans Utilise symfony depuis
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
Stages 2014-2015 ISOFT : UNE SOCIETE INNOVANTE. Contact : Mme Lapedra, stage@isoft.fr
Stages 2014-2015 ISOFT : UNE SOCIETE INNOVANTE Contact : Mme Lapedra, stage@isoft.fr ISoft, éditeur de logiciels, est spécialisé dans l informatique décisionnelle et l analyse de données. Son expertise
7.0 Guide de la solution Portable sans fil
7.0 Guide de la solution Portable sans fil Copyright 2010 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur
CHAPITRE 11. Temps réel Remy Sharp
CHAPITRE 11 Temps réel Remy Sharp LE WEB EN TEMPS RÉEL fait partie de ces aspects d Internet qu on apprécie d utiliser mais qui peuvent être assez effrayants quand il faut les mettre en place. Ce chapitre
Module http MMS AllMySMS.com Manuel d intégration
Module http MMS AllMySMS.com Manuel d intégration Objectif du document... 3 1 Envoi de MMS par requête http... 4 1.1 Format de la requête utilisée... 4 1.2 Arborescence et explication des balises du flux
< 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
Formation. Module WEB 4.1. Support de cours
Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,
SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé
SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site
Installation locale de JOOMLA SEPIA
FOAD TICE Installation locale de JOOMLA SEPIA Académie de Reims FRANÇOIS PALLUT Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/
PHP 5.4 Développez un site web dynamique et interactif
Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Table des matières Table des matières 1 Chapitre 1 Introduction 1. Objectif de l'ouvrage.............................................