Création du contenu RichMédia
|
|
- Florine St-Jean
- il y a 8 ans
- Total affichages :
Transcription
1 HTML5 : les formulaires 2.0 Avec Html4, les typesde champs n'étaientpasnombreux. HTML5 apporteplus d'unedouzaine de nouveauxtypes. HTML5 introduit de nombreuses nouveautés pour les formulaires pour améliorer l'aide à la saisie et les contrôles disponibles pourl'utilisateur. Plusieurs attributs simples à mettre en place améliorent la prise en charge des formulaires, tout en se passant de JavaScript. Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 59
2 HTML5 : les formulaires 2.0 <input type= search tel url date number range color...etc Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 60
3 HTML5 : les formulaires 2.0 Champs Syntaxe Date <input type="date" name="d" value= <?phpecho $today?>"> Date et temps <input type="datetime" name="dt" value="<?phpecho $now?>"> Time <time> </time> Nombre <input type="number" name="nombre" value="12345"> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 61
4 HTML5 : les formulaires 2.0 Champs Syntaxe Month <input type="month" name="holidays"> Week datetime-local <input type="week" name="int_week"> <input type="datetime-local" name="bdaytime"> Note: type="datetime-local" n est pas supportépar Firefox et Internet Explorer. <input type=" "name=" "> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 62
5 HTML5 : les formulaires 2.0 Champs Syntaxe Couleur <input type="color" name="couleur" value=""> Champ de recherche <input type="search" name="" list="datalist" value=""> Data <data value="10">dix</data> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 63
6 HTML5 : les formulaires 2.0 Champs Range Progress Syntaxe <input type="range" min="-100" max="100" value="0" step="2" name="power" list="powers"> <datalist id="powers"> <option value="0"> <option value="-30"> <option value="30"> <option value="+50"> </datalist> <progressid="prog" max=100> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 64
7 AJAX AJAX : Asynchronous JavaScript and XML AJAX :une technologie de développent web technique pour la création des applications web interactives. N est pas un nouveau langage de programmation, mais une nouvelle façon d'utiliser les normes existantes. Communication client/serveur en mode asynchrone l'échange de données avec un serveur, et la mise à jour des parties d'une page Web - sans recharger la page entière. Utilise XHTML pour le contenu, CSS pour la présentation, avec Le DOM et JavaScript pour afficher du contenu interactif. Plusieurs APIs : JQUERY, PROTOTYPE, DOJO, YUI, ANGULAR JS, EXT JS, Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 65
8 AJAX AJAX est une technologie de navigateur Web (coté client) indépendant de la technologie coté serveur Web. XML est couramment utilisé en tant que format pour recevoir des données du serveur, bien que tout format, y compris le texte brut, peut être utilisé. Les applications Web classiques transmettent des informations vers et depuis le serveur utilisant des requêtes synchrones. Ł Cela signifie que vous remplissez un formulaire, cliquez sur Envoyer, et acheminés vers une nouvelle page avec de nouvelles informations à partir du serveur. Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 66
9 AJAX Ł Avec AJAX, quand vous cliquez sur envoyer, JavaScript communique avec le serveur, interprète les résultats, et met à jour l'écran actuel. Dans le sens le plus pur, l'utilisateur ne sais jamais que tout ce qui a même été transmis au serveur. (+) Un utilisateur peut continuer à utiliser l'application alors que le programme client demande des informations à partir du serveur en arrière-plan. (+) l'interaction de l'utilisateur est intuitive et naturelle. Clic est pas nécessaire, mouvement de la souris, par exemple, est un événement déclencheur suffisant. Piloté par les données (Data-driven) VS Piloté par les pages (page-driven). Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 67
10 AJAX : Contrôle de la vidéo Le contrôle d'un lecteur vidéo HTML5 lire, pause, augmentation et diminution du volume en utilisant du Javascriptest simple. Exemple: <video id="demo" src="bbcnews.mp4"></video> <div> <button onclick="document.getelementbyid('demo').play()">play </button> <button onclick="document.getelementbyid('demo').pause()">pause </button> <button onclick="document.getelementbyid('demo').volume+=0.1"> Volume +</button> <button onclick="document.getelementbyid('demo').volume-=0.1"> Volume -</button> </div> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 68
11 AJAX : Exemple de contrôle de la vidéo Arrêter le chargement du média: l'arrêt de la lecture des médias est aussi facile :appeler la méthode pause (), le navigateur continue à télécharger le média jusqu'à ce que l'élément est écrasé par garbage collection. Exemples : var mediaelement = document.getelementbyid("mymediaelementid"); mediaelement.pause(); mediaelement.src=''; //ou mediaelement.removeattribute("src"); var mediaelement = document.getelementbyid('mediaelementid'); mediaelement.currenttime = 122; // Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 69
12 AJAX : L API JQUERY Principe de fonctionnement Définition d'une fonction : jquery() ou $() (raccourci) Accepte des paramètres (en général, un selecteur) Retourne un objet JQuery Est exécutée au cours du chargement de l'arbre DOM de la page Sinon, il faut utiliser window.onload Utilisation de sélecteurs CSS et JQuery pour accéder et manipuler les éléments de l'arbre. Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 70
13 AJAX : L API JQUERY Sélecteurs CSS Similaires aux éléments d'une feuille de style, ou XPath Exemples : #menuid, h2,.onglet, *, etc. Exemple : $ ( «body» ) Sélecteurs Jquery Sélecteurs supplémentaires n'existant pas en CSS ou Xpath(ou raccourcis) Exemples : :visible, :first, etc Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 71
14 AJAX : L API JQUERY Les méthodes Chaque méthode renvoie l'objet courant Acces/modicationau contenu d'un objet : html() Exemple : $ ( ' body ' ). html ( " h e l l o wor ld " ) ; Forcer l'utilisation de la fontionjquery() (à la place de $() ) $. n oco n f l i c t ( ) ou j q u e r y. n oco n f l i c t ( ) <html> <head> <script type="text/javascript" src="jquery js"></script> </head><body> He l lo World <script> $('body').html("bonjour tout le monde" ) ; </script> </body> </html> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 72
15 AJAX : L API JQUERY Variables var nomvaraible= ValInitiale; varbody = $ ( ' body ' ) ; Variables standards : Exemples :length ou size : Nombre d élements contenus dans l'objet JQuery courant: $ ( function ( ) { var bodycont ent = $ ( " d iv " ) ; $ ( '#id2 ' ). html ( " I l y a " + bodycont ent. l e n g t h + " ) " ) ; // afficher le nombre des <div> }) ; Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 73
16 AJAX : L API JQUERY text() vs. html() html() : Remplacement du contenu d'un élément (les balises sont considereescomme des balises) text() : Remplacement du contenu d'un élément en considérant le tout comme du texte (les caractères < et > des balises sont remplaces par les entités XML (> et <) $ ( function () { var bodycontent = $ ( " d i v " ) ; $ ( '#id2' ). html ( " Il ya " + bodycont ent. length+ " div ) " ) ; }) ; Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 74
17 AJAX : L API JQUERY AJAX Methode : ajax(paramètres dans un tableau) Parametres : url: + adresse de la page a laquelle est envoyée la requête type: + type de la requête (GET ou POST) async: (true false) connexion asynchrone ou non data : + Tableau de clés/valeur (paramètres de la requête) success: + fonction (anonyme) exécutée en cas de succes complete: + fonction (anonyme) exécutée a la finn de l'envoi de la reponse par le serveur (en cas de succes ou d'erreur) Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 75
18 AJAX : L API JQUERY AJAX : Exemple (fichier HTML) <!DOCTYPE html> <html> <head> <script src="jquery js"></script> <script> $(document).ready(function(){ $("button").click(function(){ var val=$('#champs').val(); $.ajax({url: "test.php", type: "POST", data:{valeur:val}, success: function(result){ $("#div1").html(result); }}); }); }); </script> </head> <body> <input type="text" value="val initiale" id="champs"> <div id="div1"></div> <button>afficher en MAJUSCULE</button> </body> </html> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 76
19 AJAX : L API JQUERY AJAX : Exemple (fichier test.php) <?php $donnee =$_POST['valeur']; $maj =strtoupper($donnee); echo $maj;?> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 77
20 Gestion du contenu Rich Média Exploration des ressources Parcours d un dossier et manipulation deses fichiers : 1. Parcourir la liste des fichiers d un dossier donné :appel de la fonction ajax,en donnantl url durépertoire. 2. Récupération des nomsde tousles noms des fichiers 3. La suite dutraitement demandé Exemple : Parcourirundossierd imagesde type «png»et lesafficher Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 78
21 Gestion du contenu Rich Média Exploration des ressources <script src="jquery js"> </script> <script> var dir = "./"; var fileextension = ".png"; $.ajax({ url: dir, success: function (data) { //Lister tous les images et vérifier l extension $(data).find("a:contains(" + fileextension + ")").each(function () { var filename = this.href; $("body").append($("<img src="+ filename + "><br>")); }); } }); </script> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 79
22 Gestion du contenu Rich Média Ecriture des annotations (XML) Ecriture dans un fichier XML : L écriture des fichiers XML qui repose sur l objet XMLDOM. 1. La création d une chaine englobant le contenu XML 2. La sérialisation de cette chaine 3. L Ecriture de contenu XML final 1. Affichage dans le navigateur 2. Téléchargement d un ficher XML Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 80
23 Gestion du contenu Rich Média Ecriture des annotations (XML) Exemple : <!DOCTYPE html> <html> <head> <script src="jquery js"></script> <script > function parsexml(txt){ var xmldoc if (window.domparser){ xmldoc=(new DOMParser()).parseFromString(txt,"application/xml"); }else{ xmldoc=new ActiveXObject("Microsoft.XMLDOM"); xmldoc.async="false"; xmldoc.loadxml(txt); } return xmldoc } Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 81
24 Gestion du contenu Rich Média Ecriture des annotations (XML) Exemple : // Ecriture de contenu XML function getcountries() { return parsexml("<data><country name='usa'></country></data>") } //Sérialisation function tostringxml(xmlobject){ if(window.xmlserializer) return (new XMLSerializer()).serializeToString(xmlObject) else return xmlobject.xml } Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 82
25 Gestion du contenu Rich Média Ecriture des annotations (XML) Exemple : // Ecriture de contenu XML Final : affichage dans le navigateur function writerscreen(x){ window.open('data:text/xml,' + encodeuricomponent('<?xml version="1.0" encoding="utf-8"?>' +tostringxml(x) )) } // Ecriture de contenu XML Final : télécharger le fichier function writer(x){ var dataurl='data:application/download,' + encodeuricomponent( '<?xml version="1.0" encoding="utf-8"?> +tostringxml(x) ) location.href=dataurl } Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 83
26 Gestion du contenu Rich Média Ecriture des annotations (XML) Exemple : function generatexml(){ var data=getcountries() writer(data);//téléchargement //writerscreen(data);//affichage dans le navigateur } $(function(){ $('button').click(generatexml) }) </script> <title>writer</title> </head> <body> <button>générer un ficher XML</button> </body> </html> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 84
27 Gestion du contenu Rich Média Ecriture des annotations (XML) Exercice: Ecrire script un javascript permettant de récupérer les principales propriétés d une vidéo et les écrire sous forme XML. Le code de génération du code XML est invoqué suite auchargement des métadonnées de la ressource vidéo. Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 85
28 Gestion du contenu Rich Média Chargement des annotations : (XML) Lecture d un fichier XML : Quatre étapes pour récupérer le contenu XML : 1. Charger le fichier XML (get) 2. Spécifier le nom du tag a sélectionner (une structure itérative ) 3. Accéder au contenu texte (text() ) 4. Accéder aux attributs ($nomvar.attr(«nomattribut")) Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 86
29 Gestion du contenu Rich Média Chargement des annotations : (XML) Lecture d un fichier XML: Exemple : Lire le contenu d un fichier XML décrivant un ensemble de livres et les affichant sous frome de liste Le document XML : <?xml version="1.0" encoding="utf-8"?> <livres> <livre type="scientifique" > <titre>programmer en Java</titre> <annee>2013</annee> <copyright>delannoy</copyright> </livre> <livre type="roman" > <titre>le zahir</titre> <annee>2010</annee> <copyright>choello</copyright> </livre> </livres> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 87
30 Gestion du contenu Rich Média Chargement des annotations : (XML) Lecture d un fichier XML: <!DOCTYPE html> <html> <head> <script src="jquery js"></script> <script > $(document).ready(function() { $.get('biblio.xml', function(d){ $('body').append('<h1> Ensemble de livres </h1>'); $('body').append('<div />'); $(d).find('livre').each(function(){ var $book = $(this); var type = $book.attr("type"); var titre = $book.find('titre').text(); var annee = $book.find('annee').text(); var cp = $book.find('copyright').text(); Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 88
31 Gestion du contenu Rich Média Chargement des annotations : (XML) Lecture d un fichier XML: var html = '<h4>' + titre + '</h4> '; html += '<ul><li>type :' + type + '</li>'; html += '<li>année de sortie : ' + annee + '</li>' ; html += '<li>(c): ' + cp + '</li>' ; html += '</ul><hr>'; $('div').append($(html)); }); }); }); </script> <body> </body> </html> Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 89
32 Gestion du contenu Rich Média Chargement des annotations : (XML) Lecture d un fichier XML: Exemple : Tarek ZLITNI (tarek.zlitni@gmail.com) GestionDes Rich Média 90
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
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é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étailTP 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étailLangage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Plus en dé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é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é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é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é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é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é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étailASP.NET MVC 4 Développement d'applications Web en C# - Concepts et bonnes pratiques
Introduction 1. Introduction 11 2. La plateforme de développement web de Microsoft 11 3. Définition du modèle de programmation MVC 14 4. L'historique d'asp.net MVC 17 4.1 ASP.NET MVC 1 (2008) 17 4.2 ASP.NET
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é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étailDevenez 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
Plus en détailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailBES 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
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é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é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étailPrincipales 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.
Plus en détailFailles 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,
Plus en détailAJAX. (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
Plus en détailApplication de lecture de carte SESAM-Vitale Jeebop
Application de lecture de carte SESAM-Vitale Jeebop Présentation Le module de lecture de carte SESAM-Vitale Jeebop est une application Java Web Start, c'est à dire une application Java qui se télécharge
Plus en détailStockage du fichier dans une table mysql:
Stockage de fichiers dans des tables MYSQL avec PHP Rédacteur: Alain Messin CNRS UMS 2202 Admin06 30/06/2006 Le but de ce document est de donner les principes de manipulation de fichiers dans une table
Plus en détailTIC. 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
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étailWEB & 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,
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étailAjax, 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
Plus en détailPetite 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
Plus en détail4. 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,
Plus en détailModule 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
Plus en détailModélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework
Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework L'objectif de ce document est de poser des bases de réflexion sur la modélisation d'un projet réalisé
Plus en détailCompte Rendu d intégration d application
ISMA 3EME ANNEE Compte Rendu d intégration d application Compte Rendu Final Maxime ESCOURBIAC Jean-Christophe SEPTIER 19/12/2011 Table des matières Table des matières... 1 Introduction... 3 1. Le SGBD:...
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é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étailLe stockage local de données en HTML5
Le stockage local HTML5, pourquoi faire? Dans une optique de réduction des couts de maintenance, de déploiement, beaucoup d'entreprises ont fait le choix de migrer leurs applicatifs (comptables, commerciales,
Plus en dé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étailFormation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Plus en détailHMTL. 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,
Plus en détailProjet 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
Plus en détailProgrammation 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)
Plus en détailAutour 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
Plus en détail3W 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
Plus en détailPHP 4 PARTIE : BASE DE DONNEES
PHP 4 PARTIE : BASE DE DONNEES 1. Introduction 2. Présentation de MySQL 3. Principe 4. Connexion 5. Interrogation 6. Extraction des données 7. Fonctions de services 8. Traitement des erreurs 9. Travaux
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étailCours CCNA 1. Exercices
Cours CCNA 1 TD3 Exercices Exercice 1 Enumérez les sept étapes du processus consistant à convertir les communications de l utilisateur en données. 1. L utilisateur entre les données via une interface matérielle.
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étailFICHE TECHNIQUE. Secondaire et postsecondaire
FICHE TECHNIQUE Année de compétition 2012 Endroit Edmonton, AB Numéro de concours 17 Nom du métier Conception de sites Web Niveaux Secondaire et postsecondaire 1. INTRODUCTION 1.1 But de l épreuve Permettre
Plus en détailStocker 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
Plus en détailL envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248
L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations
Plus en détailXML par la pratique Bases indispensables, concepts et cas pratiques (3ième édition)
Présentation du langage XML 1. De SGML à XML 17 2. Les bases de XML 18 2.1 Rappel sur HTML 18 2.2 Votre premier document XML 19 2.3 Les avantages de XML 21 3. La syntaxe XML 21 3.1 La première ligne du
Plus en détailDans l'article précédent, vous avez appris
Pour les débutants Les différents formats de sortie proposés par PHPExcel La bibliothèque orientée objet PHPExcel permet de lire et créer des fichiers pour tableurs. Dans cette série d articles, vous apprendrez
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étailInternet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall
Internet DNS World Wide Web Mécanismes de base Exécution d'applications sur le web Divers Proxy, fire-wall 1 Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet
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é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étailCMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
Plus en dé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étailLANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Plus en détailPHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)
PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et
Plus en détailIntroduction à. Oracle Application Express
Introduction à Oracle Application Express Sommaire Qu est-ce que Oracle Application Express (APEX)? Vue d ensemble des fonctionnalités et des différents composants d Oracle APEX Démonstration de création
Plus en détailManuel du composant CKForms Version 1.3.2
Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant
Plus en détailAPI FTP SMSENVOI V1.1
API FTP SMSENVOI V1.1 Publiée le 11/09/2015 Contrairement à nos autres API, l activation de l API FTP se fait uniquement sur demande auprès de nos conseillers. L utilisation de cette API se fait en deux
Plus en détailCré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
Plus en détailPRODIGE V3. Manuel utilisateurs. Consultation des métadonnées
PRODIGE V3 Manuel utilisateurs Consultation des métadonnées Pour plus d'information sur le dispositif : à remplir par chaque site éventuellement 2 PRODIGE V3 : Consultation des métadonnées SOMMAIRE 1.
Plus en détailPDO : PHP Data Object 1/13
PDO : PHP Data Object 1/13 Tous ne sont que des extensions... Les fonstions mysql_* : API mysql Les fonctions mysqli_* aussi Il en est de même pour PDO PDO (avec le pilote PDO MySQL Driver et Extension
Plus en détailDé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
Plus en détailwebmestre : 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
Plus en détailPHP 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.............................................
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étailTP JEE Développement Web en Java. Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web.
ASTRIUM - Toulouse JEE Formation 2013 TP JEE Développement Web en Java Dans ce TP nous commencerons la programmation JEE par le premier niveau d une application JEE : l application web. Figure 1 Architecture
Plus en détail2 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é
Plus en détailWebmaster / 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
Plus en détailProjet 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
Plus en détailMagento. 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
Plus en détailEchosgraphik. 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.
Plus en détailLes 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
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étailMise en place d un serveur Proxy sous Ubuntu / Debian
BTS INFORMATIQUE DE GESTION Option Administrateur Réseaux Benoît VERRON Activité n 1 Mise en place d un serveur Proxy sous Ubuntu / Debian Présentation d un Proxy Un proxy (serveur mandataire) est un serveur
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étailAspects techniques : guide d interfaçage SSO
COURDECO Aspects techniques : guide d interfaçage SSO Septembre 2011 Cette annexe présente succinctement le système d'authentification unique (SSO : single sign on, authentification unique) utilisé dans
Plus en détail4D Web 2.0 Pack DATA LIVES HERE. TM. Internet Riche et Solutions Mobiles en toute simplicité. 4D Ajax Framework 4D Ajax for Dreamweaver 4D for Flex
DATA LIVES HERE. TM 4D Web 2.0 Pack Internet Riche et Solutions Mobiles en toute simplicité 4D Ajax Framework 4D Ajax for Dreamweaver 4D for Flex *Faites vivre vos données 4D Web 2.0 Pack fournit aux développeurs
Plus en détailDans 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
Plus en détailSécurité des applications web. Daniel Boteanu
I F8420: Éléments de Sécurité des applications web Daniel Boteanu Architecture des applications web Client légitime Internet HTTP 浀 HTML Server Web 2 Architecture des applications web Client légitime Internet
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étailProgramme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines)
Programme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines) Module 1 : Programmer une application informatique Durée
Plus en détailMaster d Informatique Corrigé du partiel novembre 2010
Universités d Aix-Marseille I & II Technologies XML Master d Informatique Corrigé du partiel novembre 2010 Année 2010-11 Documents autorisés Exercice 1 : Documents XML et Applications XML (4 points) Georges,
Plus en détailManuel d utilisation email NETexcom
Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La
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é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étailLe service FTP. M.BOUABID, 04-2015 Page 1 sur 5
Le service FTP 1) Présentation du protocole FTP Le File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est un protocole de communication destiné à l échange informatique de fichiers sur
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étailTechnologies Web. Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya. Université Pierre et Marie Curie
1 / 22 Technologies Web Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya Université Pierre et Marie Curie Rappel 2 / 22 Problématique Quelles technologies utiliser
Plus en détailDocumentation CAS à destination des éditeurs
Documentation CAS à destination des éditeurs Sommaire Préambule... 1 Présentation de CAS...2 Intérêt... 2 Fonctionnement de base...2 Synoptique des échanges (1ère connexion)... 2 Synoptique des échanges
Plus en détailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détail