Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR:

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

Download "Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr"

Transcription

1 Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR:

2 La balise <Objet> Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support des éléments dépend du navigateur.

3 pdf <objectdata="ca.pdf"type="application/pdf"width="400"height="600"> alt:<a href="data/test.pdf">test.pdf</a> </object>

4 flash <body bgcolor="gray"> <OBJECT WIDTH="500" HEIGHT="400"> <EMBED src="globe.swf WIDTH="300" HEIGHT="400" TYPE="application/x-shockwave-flash"> </EMBED> </OBJECT></body>

5 Audio <object type="audio/x-wav" data="belikeyou.wav" width="200" height="20"> <param name="autoplay" value="true"> alt: <a href="belikeyou">be like you.wav</a> </object>

6 HTML 5 Le nouveau standard HTML. Le projet est en cours. Problème de soutien de la part des navigateurs Projet: XHTML 2.0 Dirigeant: W3C 2006 Projet: Formulaires et application Dirigeant: Web Hypertext Application Technology (WHATWG) HTML 5

7 HTML 5 (objectifs) Les objectifs principaux: Les nouveaux traits se baseront sur html, csset javascript. Réduire les besoins des éléments externes (flash). Améliorer le traitement des erreurs. Plus de balises pour remplacer les scripts HTML 5 est indépendant du type d appareil. Le processus de développement doit être observable par le public.

8 HTML (Volets principaux). Canevas Audio video Stockage local Traitement de texte Composants du formulaire

9 HTML5: Traitement de texte <body> <article><h2>la tablette indienne bientôt disponible en Europe?</h2> <header>et si la <mark>tablette tactile à 35 $</mark>dépassait les frontières de l Inde? Si unités seront dans un premier temps fournies aux écoliers indiens, et des millions d autres dans les années à venir si tout va bien, le produit sera aussi disponible l an prochain en Europe, tout du moins au Royaume-Uni. Son tarif précis n a pas été dévoilé, mais il faut s attendre à un prix particulièrement compétitif.</header> Cette nouvelle n est guère étonnante. Même si nous parlons de tablette indienne, son fabricant est en fait DataWind, une société canadienne, qui dispose qui plus est de bureaux à Londres. Nommée Aakashen Inde, la tablette à bas prix est en fait l Ubislate7. <figcaption> Comment c'est possible?</figcaption> <figure> Pour atteindre des tarifs de quelques dizaines de $ à peine, trois solutions ont ainsi été trouvées : des caractéristiques bas de gamme (voir ci-dessous), une production massive et une fabrication en Inde. Le deuxième pays le plus peuplé au monde après la Chine va donc participer à tirer vers le bas le prix de l Ubislate7, que ce soit grâce à aux coûts de fabrications faibles et aux économies d échelle réalisées. </figure> <footer>rédigée par Nil Sanyas le mardi 11 octobre 2011 à 18h36 (13970 lectures) </footer> </article> </body>

10 HTML5: Traitement de texte

11 <article> <body> <article><h2>la tablette Europe?</h2> <header>et si la <mark>tablette tactile à 35 $</mark>dépassait compétitif.</header> Cette nouvelle l Ubislate 7. <figcaption>comment c'est possible?</figcaption> <figure> Pour atteindre réalisées. </figure> <footer>rédigée (13970 lectures) </footer> </article> </body>

12 En-tête <Header> <body> <article><h2>la tablette Europe?</h2> <header>et si la <mark>tablette tactile à 35 $</mark>dépassait compétitif.</header> Cette nouvelle l Ubislate 7. <figcaption>comment c'est possible?</figcaption> <figure> Pour atteindre réalisées. </figure> <footer>rédigée (13970 lectures) </footer> </article> </body> a ne pas confondre avec la balise <head>

13 <mark> <body> <article><h2>la tablette Europe?</h2> <header>et si la <mark>tablette tactile à 35 $</mark>dépassait compétitif.</header> Cette nouvelle l Ubislate 7. <figcaption>comment c'est possible?</figcaption> <figure> Pour atteindre réalisées. </figure> <footer>rédigée (13970 lectures) </footer> </article> </body>

14 <figcaption> <body> <article><h2>la tablette Europe?</h2> <header>et si la <mark>tablette tactile à 35 $</mark>dépassait compétitif.</header> Cette nouvelle l Ubislate 7. <figcaption>comment c'est possible?</figcaption> <figure> Pour atteindre réalisées. </figure> <footer>rédigée (13970 lectures) </footer> </article> </body>

15 <figure> <body> <article><h2>la tablette Europe?</h2> <header>et si la <mark>tablette tactile à 35 $</mark>dépassait compétitif.</header> Cette nouvelle l Ubislate 7. <figcaption>comment c'est possible?</figcaption> <figure> Pour atteindre réalisées. </figure> <footer>rédigée (13970 lectures) </footer> </article> </body>

16 <footer> <body> <article><h2>la tablette Europe?</h2> <header>et si la <mark>tablette tactile à 35 $</mark>dépassait compétitif.</header> Cette nouvelle l Ubislate 7. <figcaption>comment c'est possible?</figcaption> <figure> Pour atteindre réalisées. </figure> <footer>rédigée (13970 lectures) </footer> </article> </body>

17 progresse <progress max="20" value="12"> </progress>

18 HTML5: MultiMedia -audio <audio controls="controls" autoplay="autoplay" loop="loop"> <source src="bugs_mail.mp3" type="audio/mp3"/> invalide balise </audio>

19 HTML5: MultiMedia -video <video controls="controls" width="480" height="360"> <source src="stan.mp4" type="audio/mp4"/> invalide balise </video>

20 Canvas <canvasid="mycanvas">yourbrowser doesnot support the canvas tag </canvas> <script type="text/javascript"> var canvas=document.getelementbyid('mycanvas'); var ctx=canvas.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); </script>

21 Elementsde formulaire <input list="villes"/> <datalist id="villes"> <option value="nancy"> <option value="paris"> <option value="lyon"> </datalist>

22 Input <input type="search" /><br/> <input type="datetime" /><br/> <input type="date" /><br/> <input type="month" /><br/> <input type="week" /><br/> <input type="time" /><br/> <input type="datetime-local" /><br/> <input type="number" /><br/> <input type="range" /><br/>

23 input <input type="url" /><br/> <input type=" " /><br/>

Les apports de. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011

Les apports de. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011 Les apports de Magali Contensin 3 novembre 2011 JoSy AJAX et bibliothèques JS pour les ASR Plan Histoire Différences avec HTML4 API Extension des fonctionnalités des formulaires Quand passer à HTML5? Histoire

Plus en détail

HTML 5 HTML 5. Nouveau standard en développement basé sur HTML et XHTML

HTML 5 HTML 5. Nouveau standard en développement basé sur HTML et XHTML HTML 5 HTML 5 Nouveau standard en développement basé sur HTML et XHTML Supporté partiellement par les navigateurs: Safari, Chrome, Firefox, et Opera supportent une partie de HTML5 Caractéristiques: Éléments

Plus en détail

Création du contenu RichMédia

Création du contenu RichMédia 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

Plus en détail

INF04 HTML5 1 Langages et structure du Web. Benoît Habert

INF04 HTML5 1 Langages et structure du Web. Benoît Habert INF04 HTML5 1 Langages et structure du Web Benoît Habert Plan du cours Programmation côté client (4 séances) BH HTML5 Nouvelles balises «sémantiques» Rich media : audio, vidéo CSS3 (transitions, animations,

Plus en détail

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body.

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body. A/ Utilisation de Javascript UE Libre : Internet et composition de pages Web TP n 3 Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage

Plus en détail

Utiliser le Streaming

Utiliser le Streaming Micro-ordinateurs, informations, idées, trucs et astuces Utiliser le Streaming Auteur : François CHAUSSON Date : 30 mai 2011 Référence : utiliser le Streaming.doc Préambule Voici quelques informations

Plus en détail

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl IAE - Web Marketing Créer un site internet «simple» Publier un site internet Référencer un site internet Olivier Toscano Gérant WebCMS Sàrl HTML HTML est un langage à balisage Les balises permettent de

Plus en détail

Les formulaires. Les formulaires HTML 7/10/15. PermeDent de saisir des informa2ons des usagers de la page web.

Les formulaires. Les formulaires HTML 7/10/15. PermeDent de saisir des informa2ons des usagers de la page web. Les formulaires Les formulaires HTML PermeDent de saisir des informa2ons des usagers de la page web. Ces informa2ons peuvent être traitées par un programme dont on aura spécifié l'url sur un serveur ou

Plus en détail

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition)

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition) Introduction A. La création de sites Web 20 B. Les langages 20 C. Le livre 20 1. Pour les designers Web 20 2. Le contenu 20 Chapitre 1 : L évolution de l HTML et des CSS A. Rapide historique de l Internet

Plus en détail

Présentation de HTML5

Présentation de HTML5 Présentation de HTML5 Option Web Multimédia Polytech Paris-Sud cycle préparatoire 2e année Claude Barras (claude.barras@u-psud.fr) Université Paris-Sud & LIMSI-CNRS 22 septembre 2014 Introduction HTML5

Plus en détail

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 Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Introduction Tableaux La balise (DIV) Polices en HTML Body (corps) et Head (en-tête) attributs Forms(formulaires):

Plus en détail

Créer des visites virtuelles avec Google Earth

Créer des visites virtuelles avec Google Earth Créer des visites virtuelles avec Google Earth Parmi les outils géomatiques, Google Earth se distingue par la possibilité de créer des parcours, des visites virtuelles et de les enregistrer sous forme

Plus en détail

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE 11/02/14 CONTEXTE SITE WEB RÉACTIFS S. LANQUETIN ENVIRONNEMENT Clavier (standard, mini, virtuel) Souris / doigt / stylet Rotation de l écran Performances CPU et GPU Capacité de stockage GPS Mobile/fixe

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

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

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

Plus en détail

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr MODULE HTML CSS Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr ORGANISATION DU MODULE 13 séances de 2 heures une partie cours une partie exercices sur machine. Modalités de contrôle : partiel en fin

Plus en détail

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour.

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour. XHTML : introduction 1. Présentation et historique Le HTML à l origine est un langage simple destiné à la présentation des documents hypermédias. Toutefois au fil des ans, il s est avéré que le HTML ne

Plus en détail

Denis Monnerat monnerat@u-pec.fr. Modifié: 2015/11/09. IUT de Fontainebleau

Denis Monnerat monnerat@u-pec.fr. Modifié: 2015/11/09. IUT de Fontainebleau WIM 1.1 LANGAGE HTML Denis Monnerat monnerat@u-pec.fr Modifié: 2015/11/09 IUT de Fontainebleau Sommaire 1. Introduction 2. HTML 3. Principaux éléments 4. Index des balises html(5) INTRODUCTION Internet

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

Tutoriel pour l introduction à l animation en HTML5 et JavaScript Tutoriel pour l introduction à l animation en HTML5 et JavaScript Frédéric Guégan Olivier Fauvel-Jaeger Giacomo Rombaut Table des matières 1. Introduction... 2 2. Création de l environnement... 2 3. Création

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE I JavaScript: script côté client Programmation objet et événementielle en

Plus en détail

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin Table des matières Introduction 1 Pourquoi HTML5 et CSS3? 3 Compatibilité avec les navigateurs 4 Principales différences entre HTML5 et ses prédécesseurs 6 À propos de l auteur 7 1 Les bases du HTML5/CSS3

Plus en détail

HTML5, CSS3. Apprenez les langages. pour créer votre premier site web. et JavaScript. HTML5, CSS3 et JavaScript - pour créer votre premier site web

HTML5, CSS3. Apprenez les langages. pour créer votre premier site web. et JavaScript. HTML5, CSS3 et JavaScript - pour créer votre premier site web pour créer votre premier site web Dès le début du livre l auteur présente un tour d horizon du développement sur le Web ; les langages côté client et serveur, les formats d images, les navigateurs afin

Plus en détail

Langages du Web. Que savez vous???

Langages du Web. Que savez vous??? Langages du Web Que savez vous??? Le WEB World Wide Web ouwww ouweb Toile d'araignée mondiale ou la toile Le Web utilise le réseau Internet pour relier des serveurs qui, grâce aux protocoles HTTP, HTTPS,

Plus en détail

D'UN ENREGISTREMENT TÉLÉ à UNE VIDÉO sur une page WEB Ou le passage d'un fichier.vob à un fichier flash.swf

D'UN ENREGISTREMENT TÉLÉ à UNE VIDÉO sur une page WEB Ou le passage d'un fichier.vob à un fichier flash.swf D'UN ENREGISTREMENT TÉLÉ à UNE VIDÉO sur une page WEB Ou le passage d'un fichier.vob à un fichier flash.swf Je ne prétends pas que ce soit LA MEILLEURE SOLUTION mais ça fonctionne. Il faut, bien entendu,

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Utiliser la musique sur le Web

Utiliser la musique sur le Web Utiliser la musique sur le Web Produire un son http://www.editeurjavascript.com/forum/topic,2,43572,0.html /*fonction jouant un son à partir du fichier beep.wav*/ function Beep(){ NoBeep(); var wsound=document.createelement("embed");

Plus en détail

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

Les médias en HTML5 : l audio et la vidéo

Les médias en HTML5 : l audio et la vidéo 5 Les médias en HTML5 : l audio et la vidéo Aujourd hui, le Web est véritablement devenu multimédia. L audio et la vidéo sont partie intégrante du contenu dans lequel nous naviguons quotidiennement. Grâce

Plus en détail

Programmation Web. Thierry Hamon

Programmation Web. Thierry Hamon 1/27 Programmation Web Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017 Bobigny

Plus en détail

Javascript et les applications Web

Javascript et les applications Web Javascript et les applications Web APIs récentes ou en cours d adoption Télécom ParisTech Jean-Claude Moissinac Octobre 2014 Avec l aide de Jean-Claude Dufourd Et Thomas Bertrand Mastère CPD Javascripts,

Plus en détail

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2)

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2) École de bibliothéconomie et des sciences de l information SCI6306 Bases de données documentaires Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie

Plus en détail

Intégration d un fichier vidéo dans une page Web sur serveur HTTP

Intégration d un fichier vidéo dans une page Web sur serveur HTTP Intégration d un fichier vidéo dans une page Web sur serveur HTTP Sommaire 1. Présentation 2. Formats vidéo pour le Web 3. Logiciels 4. Préparation des fichiers 5. Insertion du code html : chargement et

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

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

Plus en détail

Utilisation d une dll dans un ActiveX

Utilisation d une dll dans un ActiveX Utilisation d une dll dans un ActiveX Auteur : Philippe Lacomme et Raksmey Phan. But : Ce tutorial a pour but de vous aider à intégrer dans un projet ActiveX existant une dll créée dans un autre projet.

Plus en détail

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons :

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : Préambule Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : La géolocalisation, qui permet de localiser l utilisateur par

Plus en détail

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

Tutoriel Camtasia 7 ( version française )

Tutoriel Camtasia 7 ( version française ) Tutoriel Camtasia 7 ( version française ) Ce logiciel permet de filmer votre écran et d enregistrer votre voix si vous avez un microphone ( à main ou via votre webcam ). Avant même de commencer un enregistrement,

Plus en détail

La vocation purement sémantique de la page HTML a été pervertie avec les années.

La vocation purement sémantique de la page HTML a été pervertie avec les années. Bruxelles Formation CEPEGRA Olivier Céréssia 2012 PRÉAMBULE A mille lieues de la vision structuraliste de ses créateurs, la page HTML est devenue un document hybride mêlant structure, contenu, mise en

Plus en détail

Pré-requis Une... connaissance de l environnement Windows ou Mac et du monde de l internet est nécessaire.

Pré-requis Une... connaissance de l environnement Windows ou Mac et du monde de l internet est nécessaire. WEBMASTER 15 JOURS Une... connaissance de l environnement Windows ou Mac et du monde de l internet est nécessaire. Toute... personne, graphiste ayant à développer et gérer des sites web statiques ou dynamiques.

Plus en détail

Langages de publication temporalisée

Langages de publication temporalisée Ingénierie Documentaire Langages de publication temporalisée http://doc.crzt.fr STÉPHANE CROZAT Paternité - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-sa/2.0/fr/

Plus en détail

La balise object incorporer du contenu en HTML valide strict

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

Plus en détail

Introduction. Rappel : conception, interrogation et mise à jour d une base de données

Introduction. Rappel : conception, interrogation et mise à jour d une base de données Introduction Rappel : conception, interrogation et mise à jour d une base de données De nombreux sites Web ont une (ou plusieurs) BD pour gérer leur données 2/51 Pages Web statiques L utilisateurice demande

Plus en détail

HTML 5.0 JavaScript PHP (JSP) MySQL HTML 5.0

HTML 5.0 JavaScript PHP (JSP) MySQL HTML 5.0 Ivan MADJAROV HTML 5.0 JavaScript PHP (JSP) MySQL HTML 5.0 HTML5 IvMad - 2013 3 Les standards du Web HTTP (HyperText Transfer Protocol) est un protocole de communication et d échange de données Client-Serveur.

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Introduction au Web D'après les cours de Andrea G. B. Tettamanzi Fabien Givors Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Fabien Givors, 2014 1 Planning des cours

Plus en détail

Initiation à Dreamweaver

Initiation à Dreamweaver Benjamin Godefroy Redouane Zarghoune Initiation à Dreamweaver SI28 Ecriture interactive et multimédia Automne 2004 Organisation du TD Préambule : Introduction au HTML Présentation de Dreamweaver Exercices

Plus en détail

Le DOCTYPE La balise DOCTYPE autrefois compliqué sans raison, a été largement simplifiée.

Le DOCTYPE La balise DOCTYPE autrefois compliqué sans raison, a été largement simplifiée. Introduction à HTML5 Etat des lieux sur HTML5 Les technologies autour d HTML5 sont le futur du Web mais rien n est encore finalisé : certaines balises sont utilisables, d autres sont expérimentales, d

Plus en détail

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas...

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas... Introduction et HTML Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Introduction Objectifs : Présentation des bases de la création de documents web par la découverte des

Plus en détail

Javascript. Gérald Collaud Centre NTE, Université de Fribourg

Javascript. Gérald Collaud Centre NTE, Université de Fribourg Javascript Gérald Collaud Centre NTE, Université de Fribourg Formation continue, septembre-octobre 2000 Programme! Survol - Contexte! Avantages et inconvénients! Concepts principaux! Quelques exemples!

Plus en détail

Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes

Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes Evencom 15/01/2013 Documentation Site Internet de Déclaration en ligne de meublés et de chambres

Plus en détail

CREATION D UN SITE WEB. Comment créer facilement soi-même un site web pour son activité touristique.

CREATION D UN SITE WEB. Comment créer facilement soi-même un site web pour son activité touristique. CREATION D UN SITE WEB Comment créer facilement soi-même un site web pour son activité touristique. QUELLE EST VOTRE STRATÉGIE WEB? Quelques questions à vous poser avant de foncer LES BULLES DU E-TOURISME

Plus en détail

RESPONSIVE WEB DESIGN

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

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

Initiation aux techniques du Web. Cours L2 sciences cognitives Séance 7 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives Séance 7 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives Séance 7 Charif HAYDAR: alchiekc@loria.fr JS exemple: calculatrice Calculatrice

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation Web. Madalina Croitoru IUT Montpellier Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance

Plus en détail

Formation HTML5 / CSS3

Formation HTML5 / CSS3 Objectifs de la formation HTML 5 et CSS3 HTML est un langage qui permet de présenter des informations sur Internet. Bien qu'encore en cours de création, la version HTML 5 est un langage parfaitement utilisable.

Plus en détail

Utilisation Des Widgets ITEA

Utilisation Des Widgets ITEA Utilisation Des Widgets ITEA Sommaire 1 Introduction... 3 2 Intégration sur votre site web... 5 2.1 Intégration du widget en JavaScript... 5 2.2 Exemples... 6 2.3 Paramètres iframe et aveccss... 6 2.4

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter INTRODUCTION À l origine, projet interne lancé au sein de l entreprise Twitter Août 2011 Bootstrap V1, Janvier 2012 Bootstrap V2, Août 2013 Bootstrap V3 Bootstrap est un frameworks HTML/CSS Bibliothèque

Plus en détail

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

Documentation Vidati.fr

Documentation Vidati.fr Documentation Vidati.fr Ce document comportera quelques éléments qui permettrons aux futurs développeurs du site vidati.fr de pouvoir se mettre en situation rapidement ainsi que de comprendre le code précédemment

Plus en détail

HOT POTATOES 1) LE LOGICIEL

HOT POTATOES 1) LE LOGICIEL HOT POTATOES 1) LE LOGICIEL Lancez le logiciel. La fenêtre principale du logiciel s'ouvre. Choisissez le type d'exercice que vous souhaitez réaliser en double-cliquant sur le module adéquat JCloze: exercice

Plus en détail

Développement de l interface Web du projet Hôpital

Développement de l interface Web du projet Hôpital Pôle informatique 2013/2014 École Nationale Supérieure des Mines de Saint-Étienne Développement de l interface Web du projet Hôpital Antoine Zimmermann antoine.zimmermann@emse.fr Le cahier des charges

Plus en détail

INFO4007 S. C. Technologie de l inforoute Examen final (35%)

INFO4007 S. C. Technologie de l inforoute Examen final (35%) INFO4007 - S. C. TECHNOLOGIE DE L INFOROUTE EXAMEN FINAL - 35% Nom : NI : I. Questions de cours (28 points) Depuis 2009, quels sont les deux groupes de travail qui collaborent pour définir les nouveaux

Plus en détail

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs Introduction aux langages à balises Introduction à (X)HTML / CSS Introduction à la gestion

Plus en détail

TIC 12 ATELIER INTEGRATION CAHIER DES CHARGES. Page 1/5

TIC 12 ATELIER INTEGRATION CAHIER DES CHARGES. Page 1/5 TIC 12 ATELIER INTEGRATION CAHIER DES CHARGES Page 1/5 ATELIER INTEGRATION A mi-parcours de votre formation, l'atelier (dont la note est coefficient 2) permet d'évaluer vos connaissances acquises lors

Plus en détail

HTML 5. LI385 - Nouvelles Technologies de Web

HTML 5. LI385 - Nouvelles Technologies de Web HTML 5 LI385 - Nouvelles Technologies de Web HTML5 Evolution (compatible) de HTML4 Les balises HTML4 restent valables en HTML5 Quelques notions obsolètes Nouvelles fonctionnalités : Du langage HTML (balises,

Plus en détail

Outils gratuits de présentation de documents «animés» Issuu - Slideshare

Outils gratuits de présentation de documents «animés» Issuu - Slideshare Publier un document sous forme de «feuilleteur» Un feuilleteur appelé aussi «page flip» ou «flipping book» ou «livre virtuel flash» ou «catalogue interactif», est un livre ou un document que l on peut

Plus en détail

Manipulation de formulaire

Manipulation de formulaire 1 Manipulation de formulaire points abordés outils (et balises) de création de formulaire, javascript, validation de formulaire en php site de départ nous nous baserons sur cette version pour l'exercice

Plus en détail

Cours de programmation web

Cours de programmation web Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire

Plus en détail

Internet. jquery jquery Mobile Partie 2

Internet. jquery jquery Mobile Partie 2 Internet jquery jquery Mobile Partie 2 Olivier Pons / 2013 Objectif Jquery / jquery Mobile Sommaire 1. Fondamentaux DOM 2. jquery 3. jquery Mobile 2 / 32 1. Fondamentaux DOM - Définition Le Document Object

Plus en détail

«ExerSite» avec HotPotatoes

«ExerSite» avec HotPotatoes «ExerSite» avec HotPotatoes HotPotatoes est un logiciel gratuit qui permet de construire des QCM (questionnaire à choix multiples), QCU (questionnaires à choix unique), Vrai/Faux, QROC (questionnaires

Plus en détail

EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web.

EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web. EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web. Exercice N 02 Écrire un script java qui utilise une fonction

Plus en détail

CSS3 CSS3 HTML5. HTML 5 et CSS 3. Cours et exercices corrigés. Cours et exercices corrigés. Jean Engels. J. Engels

CSS3 CSS3 HTML5. HTML 5 et CSS 3. Cours et exercices corrigés. Cours et exercices corrigés. Jean Engels. J. Engels 13/03/12 13:01 Page 1 Jean Engels Enseignant en mathématiques et concepteur de sites Web, Jean Engels est auteur de nombreux ouvrages portant sur les technologies du Web : HTML, CSS, JavaScript, PHP et

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Température corporelle des rats TRAVAUX PRATIQUES

Température corporelle des rats TRAVAUX PRATIQUES Informatique et Sciences du Numérique Température corporelle des rats TRAVAUX PRATIQUES Travaux Pratiques - 1 - TP No.. : Environnement de développement Windows, langage HTML /PHP Objectif Etre capable

Plus en détail

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,

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

Plus en détail

Responsable 2 ème année. Conception de Sites Web dynamiques. Règles du jeu. Déroulement. Ressources. Introduction 03/02/2015

Responsable 2 ème année. Conception de Sites Web dynamiques. Règles du jeu. Déroulement. Ressources. Introduction 03/02/2015 Responsable 2 ème année Conception de Sites Web dynamiques Cours 1+2 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Changements de groupe (cas exceptionnels) : Venez me voir après ce cours Explication

Plus en détail

DÉVELOPPEMENT WEB CHAPITRE I INTRODUCTION CHAPITRE I DÉVELOPPEMENT WEB

DÉVELOPPEMENT WEB CHAPITRE I INTRODUCTION CHAPITRE I DÉVELOPPEMENT WEB Licence Professionnelle IIM DÉVELOPPEMENT WEB DÉVELOPPEMENT WEB http://www.larbiguezouli.com ou http://fac-sciences.univ-batna.dz/cs/enseignants/guezouli_larbi_site/index.html Chapitre I: Introduction

Plus en détail

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web 52 Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web D'où proviennent ces données qui permettent de vous localiser? Pour les smartphones, deux procédés peuvent être utilisés

Plus en détail

Les nouvelles technologies du Web

Les nouvelles technologies du Web Les nouvelles technologies du Web Paris Web 2008 Laurent Jouanneau Conditions d'utilisation de ce document : CC-nc-sa (http://creativecommons.org/licenses/by-ncsa/3.0/deed.fr) 1 of 56 Qui suis-je? "Senior

Plus en détail

Guide d'installation du marqueur unique

Guide d'installation du marqueur unique Guide d'installation du marqueur unique Médiamétrie-eStat Siège social : Buropolis Bât.2 Tél : 04 92 38 38 20 1240, route des Dolines Fax : 04 92 96 91 25 Sophia Antipolis 06560 Valbonne SAS au capital

Plus en détail

Programmation web : TD 2

Programmation web : TD 2 Programmation web : TD 2 Email : nassim.bahri@yahoo.fr Site web : http://nassimbahri.ovh Nassim BAHRI Objectif Développer des pages Web HTML5 validées Mettre en place des listes en HTML Avant de commencer

Plus en détail

Gérer les formulaires

Gérer les formulaires 195 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel sur les formulaires Le formulaire est un outil de base indispensable pour les sites web dynamiques puisqu'il

Plus en détail

Stockage, compression, archivage

Stockage, compression, archivage G. Hunault Angers, janvier 2006 Master MIA Stockage, compression, archivage 1. Questions rapides en XML Le texte ci-dessous est-il un document bien formé au sens de XML? Est-ce un document valide?

Plus en détail

Installation du catalogue interactif

Installation du catalogue interactif Installation du catalogue interactif SARL au capital de 7 500 uro RCS Roubaix-Tourcoing SIRET : 444 726 053 00010 APE : 721Z 134 rue de la Chocolaterie 59700 Marcq en Baroeul Tél : +33 (0)3 20 12 08 65

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP.

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. TP5: LES FORMULAIRES OBJECTIFS : 1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. PARTIE 1: Formulaire

Plus en détail

Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie

Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie Secteur Tertiaire Informatique Filière étude - développement. Développer des composants d interface Créer des formulaires de saisie JAVASCRIPT JS08-Gestion des cookies-consignes Accueil Apprentissage Période

Plus en détail

Rapport de projet tuteuré Première année

Rapport de projet tuteuré Première année Rapportdeprojettuteuré Premièreannée «AtelierArchitecture» IUTdeTroyes DépartementSRC AgenceImagine: CRESPINKevin SCHERMANNJulien THIEBAUTJean Philipp -1- Remerciements Nous tenons à remercier l ensemble

Plus en détail

Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)

Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé) Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages

Plus en détail

BONNES PRATIQUES AUDIENCE MOBILE

BONNES PRATIQUES AUDIENCE MOBILE BONNES PRATIQUES AUDIENCE MOBILE IDENTIFIEZ VOS MOBINAUTES Identifiez les mobinautes de votre base de contacts et leur équipement mobile. Combien de contacts consultent vos emails sur mobile? Quel(s) équipement(s)

Plus en détail

Adobe RoboHelp 11. Appréciez la simplicité grâce à la publication mobile de pointe. Développez la collaboration et repoussez les frontières

Adobe RoboHelp 11. Appréciez la simplicité grâce à la publication mobile de pointe. Développez la collaboration et repoussez les frontières Adobe RoboHelp 11 Comparatif des versions Adobe RoboHelp 11 est arrivé Adobe RoboHelp 11 Le logiciel Adobe RoboHelp 11 est une solution conviviale de création et de publication pour vos contenus d aide,

Plus en détail

Langages et technologies du Web 1

Langages et technologies du Web 1 Langages et technologies du Web 1 Manuel ATENCIA manuel.atencia-arcas@upmf-grenoble.fr Objectifs Comprendre le fonctionnement du World Wide Web Produire des documents web statiques et dynamiques 1 2 vocabulaire

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail