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/>

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

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

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

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

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

Formation HTML5, CSS3 et nouveautés JavaScript

Formation HTML5, CSS3 et nouveautés JavaScript L institut de formation continue des professionnels du Web Formation HTML5, CSS3 et nouveautés JavaScript Référence formation : Durée : Prix conseillé : PE061 5 jours (35 heures) 2 350 HT (hors promotion

Plus en détail

En-tête d'un document HTML : l'élément Balises dans. Balise "meta" Balise "meta" Balise "meta" Balise "meta" Exemple :

En-tête d'un document HTML : l'élément <head> Balises dans. <head> Balise meta Balise meta Balise meta Balise meta Exemple : Balises dans En-tête d'un document HTML : l'élément L'en-tête, head, d'un document HTML peut contenir 5 balises : title - titre du document link - pour importer un fichier script - pour insérer

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

CM3-1 : HTML5 Mickaël Martin Nevot

CM3-1 : HTML5 Mickaël Martin Nevot CM3-1 : HTML5 01/10/2016 21:39 Cette œuvre de est mise à disposition selon les termes de la licence Creative Commons Attribution - Pas d'utilisation Commerciale - Partage à l'identique 3.0 non transposé.

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

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

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

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

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

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

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

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

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

Faire du web moderne à destination de tous. Julien Wajsberg Paris-Web octobre 2012

Faire du web moderne à destination de tous. Julien Wajsberg Paris-Web octobre 2012 Faire du web moderne à destination de tous Julien Wajsberg Paris-Web octobre 2012 différents devices résolution et densité PC et écrans, tablettes, mobiles entrées utilisateurs clavier souris écrans touch

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

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

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

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

MODULE HTML CSS.

MODULE HTML CSS. MODULE HTML CSS David Tourel david.tourel@iut-tlse3.fr HTML : HyperText Markup Language Langage de description Interprété par les navigateurs Associé au CSS et JavaScript Métiers: développeur front end,

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

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

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

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

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

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

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

Questions à choix multiples Page 1 de 10

Questions à choix multiples Page 1 de 10 INF2005 Programmation web Examen intra hiver 2015 Question #1 Qui a gagné la guerre des fureteurs dans les années 1990? a) Netscape b) Internet Explorer c) Firefox d) Chrome e) Opera f) Mosaic g) Aucune

Plus en détail

Séance 3. Javascript/DHTML

Séance 3. Javascript/DHTML Séance 3 Javascript/DHTML Nils Schaefer (nils.schaefer@sn-i.fr) Langage Javascript Vrai langage de programmation Exécution côté client Apporter du dynamisme aux pages HTML Syntaxe générale similaire au

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

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

Mémento des balises HTML 5

Mémento des balises HTML 5 Mémento des balises HTML 5 s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une

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

HTML5 et CSS3 Faites évoluer le design de vos sites web (3e édition)

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

Plus en détail

HTML5 et CSS3 Complément vidéo : Découvrez les nouveaux effets et l'insertion native de l'audio et de la vidéo

HTML5 et CSS3 Complément vidéo : Découvrez les nouveaux effets et l'insertion native de l'audio et de la vidéo Introduction A. La création de sites web 18 B. Les langages 18 C. Le livre 18 1. Pour les designers web 18 2. Le contenu 18 Chapitre 1 : L évolution du HTML et des CSS A. Rapide historique de l Internet

Plus en détail

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles Introduction 1. Avant-propos 9 2. Ressources 10 3. Historique 12 3.1 HTML/CSS/JavaScript 12 3.2 Sur les appareils mobiles 16 Particularité des sites mobiles 1. Introduction 19 2. Comportement des utilisateurs

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

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

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

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

plus besoin de div pour le header footer les le reste de la page des balises existe en HTML5

plus besoin de div pour le header footer les le reste de la page des balises existe en HTML5 HTML5 : allege le code nouvelle balise: pour les lien vers des pages web pour du texte sur les coté pour rajouter un artcicle plus besoin de div pour

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

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

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

Programmation du Web : Présentation du Web dynamique

Programmation du Web : Présentation du Web dynamique Programmation du Web : Présentation du Web dynamique Jean-Baptiste Vioix (Jean-Baptiste.Vioix@u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-8 Présentation Nécessité du web dynamique

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

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

HTML 5 CSS 3 Responsive

HTML 5 CSS 3 Responsive HTML 5 CSS 3 Responsive Programme de formation Microsoft Partner France Belgique Suisse - Canada Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014

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

Référentiel Général d'accessibilité pour les Administrations RGAA 3 2016 RGAA Note de version

Référentiel Général d'accessibilité pour les Administrations RGAA 3 2016 RGAA Note de version Référentiel Général d'accessibilité pour les Administrations RGAA 3 2016 RGAA Note de version RGAA 3 2016 Note de version 1/49 Table des matières RGAA Note de versions...4 Documents impactés par la mise

Plus en détail

HTML5 et CSS3. Table des matières : CE qu'est l'html5 Déclaration De Page page 3 Ossature D'une Page Les Balises. Les Nouvelles Balises CSS3

HTML5 et CSS3. Table des matières : CE qu'est l'html5 Déclaration De Page page 3 Ossature D'une Page Les Balises. Les Nouvelles Balises CSS3 HTML5 et CSS3. Table des matières : CE qu'est l'html5 page 2 Déclaration De Page page 3 Ossature D'une Page page 3 Les Balises...page 4-6 Les Nouvelles Balises...page 4-6 CSS3 page 7-9 Page 1/9 HTML5 Le

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

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

«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

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

Séance 1. Bases et HTML

Séance 1. Bases et HTML Séance 1 Bases et HTML Nils Schaefer (nils.schaefer@sn-i.fr) Serveur Web Hébergement des sites Web Utilisation du port 80 Réception des requêtes HTTP des navigateurs Traitement des requêtes HTTP Exemples

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

Programmation Web HTML5

Programmation Web HTML5 Programmation Web HTML5 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 1 Organisation Cours 5 séances pour 5 langages : HTML5, CSS3, PHP5,

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

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

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer

Plus en dé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

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

Mémento des balises HTML

Mémento des balises HTML Chapitre 21 Mémento des balises HTML Diculté : C ette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines

Plus en détail

Insertion de vidéo et sons Flash avec swfobject version2 et JavaScript

Insertion de vidéo et sons Flash avec swfobject version2 et JavaScript Insertion de vidéo et sons Flash avec swfobject version2 et JavaScript Mode d'emploi pour Hot Potatoes Permet la lecture d'animations swf, de vidéos flv, et de fichiers son mp3 Sommaire Insertion de vidéo

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

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

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

Module BD et sites WEB

Module BD et sites WEB Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD

Plus en détail

Canvas 3D et WebGL. Louis Giraud et Laetitia Montagny. 9 Avril 2013. Université Lyon 1

Canvas 3D et WebGL. Louis Giraud et Laetitia Montagny. 9 Avril 2013. Université Lyon 1 Canvas 3D et WebGL Louis Giraud et Laetitia Montagny Université Lyon 1 9 Avril 2013 1 Présentation du sujet Introduction Présentation du sujet Problématique : Représenter de la 3D dans le navigateur sans

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

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

LISTE DES BALISES EN HTML5

LISTE DES BALISES EN HTML5 LISTE DES BALISES EN HTML5 AIDE-MÉMOIRE HTML&CSS www.multiforme.eu BALISE DEFINITION DES BALISES DESCRIPTION Pour un commentaire L inclusion du DOCTYPE dans un document HTML assure

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

Projet SITEPERSO. Activité A1 Apprentissage du langage HTML par l'exemple Tous. Compétences mises en œuvre : Ressources utiles :

Projet SITEPERSO. Activité A1 Apprentissage du langage HTML par l'exemple Tous. Compétences mises en œuvre : Ressources utiles : Compétences mises en œuvre : C 4.2.2.2 Concevoir les mises à jour à effectuer C 5.2.4.1 Se documenter à propos d une technologie, d un composant, d un outil ou d une méthode Ressources utiles : http://slaout.linux62.org/html_css/html.html

Plus en détail

Plan. Problématique développement mobile. Présentation web mobile. jquerymobile - présentation. Principes. Fonctionnement.

Plan. Problématique développement mobile. Présentation web mobile. jquerymobile - présentation. Principes. Fonctionnement. Plan Problématique développement mobile Présentation web mobile jquerymobile - présentation Principes Fonctionnement Illustration Avantages / Inconvénients Futures versions 1 Problématique développement

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

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

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

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

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

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

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web 1. 2. Pour naviguer sur le Web, il faut : Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des machines Protocoles de communication Plusieurs niveau (couche) : Internet, protocole

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

Tout pour monter son site Web. IUFM de Bourgogne

Tout pour monter son site Web. IUFM de Bourgogne Tout pour monter son site Web IUFM de Bourgogne Pourquoi utiliser les technologies Web? Visible par toutes les plates-formes (PC, Mac, Unix ) Technologies simples et descriptives Contenu principalement

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

Catalogue de formation

Catalogue de formation 4 rue Jules Raimu 31 200 Toulouse http://www.creabilis.com contact@creabilis.com Tél. : 05 34 251 641 Fax : 05 34 257 956 Catalogue de formation CREABILIS S.A.R.L au capital de 7500 - R.C.S. Toulouse 441

Plus en détail

Frequently Asked Questions

Frequently Asked Questions Frequently Asked Questions Nouvelles Technologies Thé Van LUONG the-van.luong@heig-vd.ch mistic.heig-vd.ch/luong Université de Nice-Sophia Antipolis 5 décembre 2016 1/17 5 décembre 2016 1 / 17 HTML Intégration

Plus en détail

Javascript 2 PARTIE : EVENEMENTS ET OBJETS

Javascript 2 PARTIE : EVENEMENTS ET OBJETS Javascript 2 PARTIE : EVENEMENTS ET OBJETS 1. Programmation événementielle 2. Principe 3. Les événements 4. Gestionnaire d événement 5. Classe et Objet 6. Objets d une page Web 7. Objets divers 8. Exemples

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

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

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

Création de panoramas et visites virtuelles 360

Création de panoramas et visites virtuelles 360 AKD-Studio - Moscou César DUPLEIX Mob: +7 (916) 016 47 59 Site web: www.akd-studio.com E-mail: contact@akd-studio.com Création de panoramas et visites virtuelles 360 1 Création de panoramas et visites

Plus en détail

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

Plus en détail