La balise object incorporer du contenu en HTML valide strict

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

Download "La balise object incorporer du contenu en HTML valide strict"

Transcription

1 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 <embed>. Pourtant il existe une balise standardisée pour ce genre d'insertion, la balise <object>. Effectivement il n'est pas immédiat de l'utiliser de manière inter navigateurs, mais nous allons voir qu'il existe des techniques pour que quasiment tous les navigateurs puissent interpréter le code. La spécification HTML 4.01 présente l'élément <object> ainsi :...HTML 4 introduit l'élément OBJECT, qui offre une solution générale aux inclusions d'objets génériques. L'élément OBJECT permet aux auteurs HTML de spécifier tout ce que l'objet requiert pour sa présentation par un agent utilisateur : le code source, les valeurs initiales et les données d'exécution [ndt. run time data]. Dans cette spécification, on emploie le terme «objet» pour désigner les choses que les personnes mettent dans les documents HTML ; les termes usuels courants pour ces choses sont : les applets, les modules d'extension [ndt. plug ins], les gestionnaires de média [ndt. media handlers], etc. Cet élément est conçu pour insérer toute sorte de document. On spécifie de quelle sorte avec l'attribut type en indiquant le type mime, et la source du document avec l'attribut data en indiquant son URI. Si le navigateur, ou un de ses plugins, sait interpréter ce document, il le fait sinon le contenu imbriqué est affiché. Tout code HTML peut être insérer comme contenu alternatif, par exemple un lien vers le document, ou une image à la place d'une animation. Ce peut également être un autre object, on parle de "d'object imbriqués". Pour beaucoup de types de document, c'est tout! exemples : incorporer un document HTML <object data="data/test.html" type="text/html" width="300" height="200"> alt : <a href="data/test.html">test.html</a> incorporer un document pdf <object data="data/test.pdf" type="application/pdf" width="300" height="200"> alt : <a href="data/test.pdf">test.pdf</a> Vous pouver spécifier des paramètres relatifs au document par l'intermédiaire de la balise param. IE a parfois besoin du paramètre src pour localiser correctement la source. incorporer un document wav <object type="audio/x wav" data="data/test.wav" width="200" height="20"> <param name="src" value="data/test.wav"> <param name="autostart" value="0"> Blaise_objetc La balise objet - 1 -

2 alt : <a href="data/test.wav">test.wav</a> Le paramètre autoplay est compréhensible par QuickTime, autostart par Windows Media Player et Real Audio. Cas plus compliqués Pour certains types, comme les documents QuickTime, IE a besoin d'une valeur non standard pour l'attribut standard classid, un identifiant pour charger un activex associé. insertion d'un document QuickTime uniquement pour IE Nous allons imbriquer un autre object comme contenu alternatif, pour les autres navigateurs qui utilisent la formulation standard : object imbriqués <object type="video/quicktime" data="data/test.mov" Çà marche, mais malheureusement IE a un bogue, il affiche une zone vierge pour le second object. Ce bug est résolu dans IE7, mais pour les versions plus anciennes, nous devons masquer ce second object. Pour celà nous avons deux techniques, les commentaires conditionnels de IE, ou par les CSS. Masquer l'object imbriqué avec les commentaires conditionnels d'ie IE5 introduit les commentaires conditionnels, qui sont bien pratiques pour compenser les bogues d'ie. Cette méthode n'est pas compréhensible par les versions plus anciennes d'ie, mais heureusement elles ne sont presque plus utilisées. Blaise_objetc La balise objet - 2 -

3 Nous pouvons coder deux object, un spécialement pour IE, et un autre pour les navigateurs respecteux des standards : <! [if IE]> <![endif] > <! [if!ie]> <! > <object type="video/quicktime" data="data/test.mov" <! <![endif] > Mais comme IE7 corrige ce bug, je préfère les utiliser avec des object imbriqués : <! [if gte IE 7]> <! > <object type="video/quicktime" data="data/test.mov" <! <![endif] > <! [if lt IE 7]> <![endif] > Blaise_objetc La balise objet - 3 -

4 Masquer l'object imbriqué par les CSS L'autre solution est d'utiliser quelques hacks CSS pour masquer l'object imbriqué. Nous devons utiliser un hack pour créer des règles appliquées uniquement par IE pour masquer l'object, et un autre pour le rendre de nouveau visible à IE Mac. classe spéciale pour IE (placer la dans une balise style dans le head du document HTML, ou dans une feuille de style liée) /* masquer le deuxième object pour toutes les versions de IE */ * html object.hiddenobjectforie { display: none; } /* afficher le deuxième object uniquement pour IE Mac */ /* IE Mac \*//*/ * html object.hiddenobjectforie { display: inline; } /**/ et appliquer ce style à l'objet imbriqué <object type="video/quicktime" data="data/test.mov" width="320" height="240" class="hiddenobjectforie"> Cette technique pose quelque problème avec les documents java (et peut être quelques autres), une alerte de sécurité est affichée au chargement, et le contenu alternatif est également affiché. Blaise_objetc La balise objet - 4 -

5 Essais Résultats résumés Tous les résultats pour divers navigateurs, avec quelques notes. série HTML Tests d'insertion de divers types de contenu en HTML 4.01 valide strict avec la balise object. types text o text/html (fichier html) o text/plain (fichier txt) o text/css (fichier css) o text/javascript (fichier js) o text/richtext (fichier rtf) o text/rtf (fichier rtf) o application/rtf (fichier rtf) types application o application/pdf (fichier pdf) o application/postscript (fichier ps) o application/vnd.oasis.opendocument.text (fichier odt) o application/vnd.oasis.opendocument.spreadsheet (fichier ods) o application/vnd.oasis.opendocument.presentation (fichier odp) o application/vnd.sun.xml.writer (fichier sxw) o application/vnd.sun.xml.calc (fichier sxc) o application/vnd.sun.xml.impress (fichier sxi) o application/msword (fichier doc) o application/vnd.ms excel (fichier xls) o application/vnd.ms powerpoint (fichier ppt) types video o video/mpeg (fichier mpg) o video/avi (fichier avi) o video/x ms wmv (fichier wmv) o video/quicktime (fichier mov) types audio o audio/x wav (fichier wav) o audio/mpeg (fichier mp3) o application/ogg (fichier ogg) o audio/x midi (fichier mid) divers autres types o image/svg+xml (fichier svg) o application/x shockwave flash (fichier swf) o audio/x pn realaudio plugin (fichier rm, avec commentaires IE) o audio/x pn realaudio plugin (fichier rm, masquer par CSS) o application/x java applet (applet java) o unknown/unknown, quelques tests avec un type mime factice. série XHTML Blaise_objetc La balise objet - 5 -

6 La formulation XHTML de object est quasiment la même qu'en HTML, la seule différence est que les balises param sont fermées. Néanmoins, voici la même série de test en XHTML 1.0 strict. Merci à Flore d'avoir effectuer les tests sous Safari, et à Cécile ceux sous IE Mac. Liens en relation définition de object définition de la balise object dans la Spécification HTML 4.01 du W3C définition de la balise object dans la Spécification HTML 4.01 du W3C (traduction française) object, référence microsoft sur MSDN. (pas beau, mais nécessaire) types mime liste de l'iana fichier mime.types du serveur Apache. liste du serveur IIS articles A List Apart: Articles: Bye Bye Embed A List Apart: Articles: Flash Satay Object Paranoia Ian Hixon : Embedding flash without <embed> XHTML Quicktime Object Universal XHTML Object Code Java applet using XHTML 'object' tag techniques commentaires conditionnels de IE About Conditional Comments, sur MSDN hacks CSS Star html Selector Bug css filters IE5/Mac Band Pass Filter Tantek Çelik : IE5/Mac Band Pass Filter tests similaires ESW Wiki : ObjectTestResults HTML Test for the <object> Tag mozilla.org : plugins test cases mozilla.org : OJI Object Tag Test Page Objects [HTML 4.0 Conformance Test] OBJECT test suite Valid Flash test java test page plugins liste pour navigateurs basés sur gecko (et opera) PluginDoc Flash Adobe : SWFObject Adobe : Scripting with Flash Player and ActiveX Adobe : Flash Satay Adobe : detect the presence of the Flash Player intégrer une animation Flash (fr) QuickTime HTML Scripting Guide for QuickTime Blaise_objetc La balise objet - 6 -

7 JavaScript Scripting Guide for QuickTime Windows Media Player Windows Media Player Control Reference Windows Media Player 10 SDK PARAM Tags Real Audio Web Page Embedding Embedded RealOne Player Controls RealNetworks Production Guide Java Using the object tag VLC Advanced use of VLC : The Mozilla plugin Blaise_objetc La balise objet - 7 -

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

1. LES BALISES D'INSERTION D'OBJETS MULTIMEDIA

1. LES BALISES D'INSERTION D'OBJETS MULTIMEDIA S2 Intégration de fichiers multimédia dans une page HTML Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Le but de ce TP est d'ajouter une galerie multimédia

Plus en détail

Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web

Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web IUT d Arles LP ATC/CA 2010-2011 Objectifs : Inclure dans une page web du code ou un fichier d'indirection

Plus en détail

MODULE Mailing - Newsletter

MODULE Mailing - Newsletter MODULE Mailing - Newsletter Version 1.00 Last update : 2013-04-18 Auteur : admin@hb50.fr hébergement discount : http://dreamhosting.fr A QUOI SERT CE MODULE? Vous allez pouvoir envoyer simplement des campagnes

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

Médi@TIC I Site Web / Jimdo / 4

Médi@TIC I Site Web / Jimdo / 4 I. Insertion d image, d image avec texte, galerie d images Nous avons déjà vu comment insérer une image dans son site grâce aux blocs de contenu nommés «Eléments» dans Jimdo. Ces modules s ajoutent en

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

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

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

420-PK9-SL Programmation WEB JavaScript DOM

420-PK9-SL Programmation WEB JavaScript DOM 420-PK9-SL Programmation WEB JavaScript DOM Introduction Le lien entre JavaScript et le HTML/CSS est une hiérarchie d instances d objets appelé DOM (Document Object Model). À chaque balise HTML correspond

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

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

Chapitre 1 HTML et le Web... 15. Chapitre 2 Les navigateurs du marché... 31. Chapitre 3 Les bases du langage HTML... 49

Chapitre 1 HTML et le Web... 15. Chapitre 2 Les navigateurs du marché... 31. Chapitre 3 Les bases du langage HTML... 49 Chapitre 1 HTML et le Web... 15 1.1 Pourquoi apprendre le langage HTML?... 17 1.2 Trois concepts étroitement liés : WWW, HTML et HTTP... 18 1.3 Principes généraux et versions de HTML... 20 Utilisation

Plus en détail

Domaine B5 : Réaliser la présentation de ses travaux en présentiel et en ligne.

Domaine B5 : Réaliser la présentation de ses travaux en présentiel et en ligne. Travail dirigé Domaine B5 : Réaliser la présentation de ses travaux en présentiel et en ligne. Item B53 : Réaliser des documents hypermédias intégrant textes, sons, images fixes et animées et liens internes

Plus en détail

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

Plugin RIPart pour QGIS Version 1.0

Plugin RIPart pour QGIS Version 1.0 LES APPLICATIONS Plugin RIPart pour QGIS Version 1.0 Manuel utilisateur ign.fr Date du document : Mai 2016 1. Versions Numéro Commentaire Date 1.0 Première version du manuel utilisateur 24/05/2016 IGN

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

Chapitre 2 : Premières animations graphiques

Chapitre 2 : Premières animations graphiques Cours Flash Chapitre 2 : Premières animations graphiques Rappel : Pour ce chapitre, vous trouverez les fichiers dans «2_Premieres animations graphique.zip». SOMMAIRE 1 OBJECTIFS DU CHAPITRE... 1 2 INTERPOLATION

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Applets JAVA Jean-Michel FOLLIN jmfollin@univ-lr.fr 1 Extension des fonctionnalités

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

Exemples de DTD XML pour les interfaces homme-machine JMF

Exemples de DTD XML pour les interfaces homme-machine JMF Exemples de DTD XML pour les interfaces homme-machine 1 Introduction XML utilisé pour les IHM Plusieurs DTD : SMIL, SVG, X3D Evidemment du texte (XML) balisé 2 SMIL (pronounced "smile") 3 4 Présentation

Plus en détail

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

Les logiciels gratuits en ligne

Les logiciels gratuits en ligne Les logiciels gratuits en ligne L avantage des outils de bureautique en ligne, est qu ils sont consultables sur n importe quel ordinateur. Seule une connexion Internet est requise. En voici quelques exemples.

Plus en détail

Le son sur le web Bela Loto

Le son sur le web Bela Loto 1 http://www.overtone.fr Le son sur le web Bela Loto Sommaire Introduction Chapitre 1 : La nature du son, du phénomène vibratoire à la perception L origine du signal sonore Les propriétés physiques du

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail

Introduction http://www.mediaforma.com/

Introduction http://www.mediaforma.com/ Ce livre est un concentré de code HTML5 et CSS3 prêt à l emploi 1. Il se divise en seize chapitres thématiques. Vous êtes un développeur de niveau intermédiaire ou avancé? Vous y trouverez de nombreux

Plus en détail

Méthode de Test. Pour WIKIROUTE. Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel.

Méthode de Test. Pour WIKIROUTE. Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel. Méthode de Test Pour WIKIROUTE Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel. [Tapez le nom de l'auteur] 10/06/2009 Sommaire I. Introduction...

Plus en détail

Sessions en ligne - QuestionPoint

Sessions en ligne - QuestionPoint Sessions en ligne - QuestionPoint Configuration du navigateur Internet Explorer Dernière mise à jour : 12 mai 2012 Vous trouverez dans ce guide les procédures pour configurer votre navigateur Internet

Plus en détail

CAPTURE DE FLUX VIDEO ET MONTAGE

CAPTURE DE FLUX VIDEO ET MONTAGE CAPTURE DE FLUX VIDEO ET MONTAGE Serge WACKER Novembre 2011 http://serge.wacker.free.fr 1 CAPTURE VIDEO AVEC CAMTASIA STUDIO Pour capturer un film (ex : extrait d une vidéo Youtube) 1 - LA CAPTURE - Lancer

Plus en détail

Adobe FrameMaker 12. Publiez à tout moment, en tout lieu et sur tout terminal. Utilisez l outil de référence pour la création de vos contenus XML/DITA

Adobe FrameMaker 12. Publiez à tout moment, en tout lieu et sur tout terminal. Utilisez l outil de référence pour la création de vos contenus XML/DITA Adobe FrameMaker 12 Comparatif des versions Adobe FrameMaker 12 Adobe FrameMaker 12 est arrivé Le logiciel Adobe FrameMaker 12 est une solution complète de création de documents techniques. Utilisez l

Plus en détail

Vidéo-diffusion des savoirs La solution qui lave plus libre. Jean Louis Mas François Bouhet Marc Chanove Clément Chapu Marc Chavot

Vidéo-diffusion des savoirs La solution qui lave plus libre. Jean Louis Mas François Bouhet Marc Chanove Clément Chapu Marc Chavot Vidéo-diffusion des savoirs La solution qui lave plus libre Jean Louis Mas François Bouhet Marc Chanove Clément Chapu Marc Chavot Plan Introduction Protocoles, codecs et conteneurs Inventaire de solutions

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

Référentiel Général d Accessibilité pour les Administrations RGAA

Référentiel Général d Accessibilité pour les Administrations RGAA Référentiel Général d Accessibilité pour les Administrations RGAA Annexe 3 : Grilles de correspondance entre les critères de succès et les tests de conformité Page 1/21 1. Grille de correspondance des

Plus en détail

VTX FAX Quick user guide clients

VTX FAX Quick user guide clients VTX FAX Quick user guide clients Vous pouvez utiliser VTX Fax soit par le biais de votre interface web ou par votre messagerie E-mail : PAR VOTRE INTERFACE WEB En passant par votre espace Kiosk, HTTP://KIOSK.VTX.CH,

Plus en détail

Adobe Acrobat Connect Pro 7 Notes de mise à jour

Adobe Acrobat Connect Pro 7 Notes de mise à jour Adobe Acrobat Connect Pro 7 Notes de mise à jour Merci d avoir choisi Acrobat Connect Pro 7. Ce document contient des informations de dernière minute sur le produit. Ces informations ne sont pas couvertes

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Ministère de l Éducation EFIS 2.0 Guide de configuration de l utilisateur. Version 1.3.2

Ministère de l Éducation EFIS 2.0 Guide de configuration de l utilisateur. Version 1.3.2 Ministère de l Éducation EFIS 2.0 Guide de configuration de l utilisateur Version 1.3.2 11 février 2015 1 Table des matières 1 Table des matières... 2 2 Historique du document... 3 3 Description et exigences

Plus en détail

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille Immeuble Normandie II 55, rue Amiral Cécille 7 6 1 0 0 R O U E N Tél. : 02 35 03 87 09 Fax : 02 35 03 49 29 Email : formation@art-communication.fr Site web : www.art-communication.fr Catalogue WEB DESIGN

Plus en détail

Ministère de l Éducation. EFIS 2.0 Guide de configuration de l utilisateur Version 1.3.2

Ministère de l Éducation. EFIS 2.0 Guide de configuration de l utilisateur Version 1.3.2 Ministère de l Éducation EFIS 2.0 Guide de configuration de l utilisateur Version 1.3.2 11 février 2015 Table des matières 1 Historique du document... 1 2 Description et exigences de système... 2 2.1 Description...

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

Introduction http:// www.mediaforma.com/formation-html5-et-css3

Introduction http:// www.mediaforma.com/formation-html5-et-css3 Introduction Ce livre est un concentré de code HTML5 et CSS3 prêt à l emploi 1. Il se divise en seize chapitres thématiques. Vous êtes un dévelop peur de niveau intermédiaire ou avancé? Vous y trouverez

Plus en détail

Langage (X)HTML Damien Nouvel

Langage (X)HTML Damien Nouvel Langage (X)HTML Plan Quelques statistiques du web Architecture client / serveur Langage XML Mise en forme HTML Structure d'un document HTML 2 / 36 Plan Quelques statistiques du web Architecture client

Plus en détail

1. Introduction. 2. Objectifs de la réalisation. 3. Analyse de besoins

1. Introduction. 2. Objectifs de la réalisation. 3. Analyse de besoins 1. Introduction Le travail consiste à concevoir et à élaborer un dispositif de formation à distance, qui va au-delà de simples pages web statiques. On a choisi de faire appel à tout un module d apprentissage

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

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

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

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué

Plus en détail

Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0

Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0 Mozilla Firefox 3.5 Google Chrome 3.0 LES NAVIGATEURS WEB (pour Windows) Opéra 10 Internet Explorer 8 Safari 4.0 1 Sommaire Qu est ce qu un navigateur Web? Fonctionnement Caractéristiques communes Caractéristiques

Plus en détail

CONTEXTE DSI - Pôle Infrastructures/ Multimédia

CONTEXTE DSI - Pôle Infrastructures/ Multimédia Département du Système d Information CONTEXTE DSI - Pôle Infrastructures/ Multimédia SUJET Manuel de bonnes pratiques de la Plate-forme WebConferencing. référence MLTD000112V03T version statut créé le

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

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Solution E-transactions Date: 12/02/2015 E-transactions NOTE TECHNIQUE Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Version du 12/12/2015 1 Crédit Agricole S.A, société anonyme au

Plus en détail

Ajouter un objet Flash à votre site

Ajouter un objet Flash à votre site Créer des sites Web personnels 1 Ajouter un objet Flash à votre site La Galerie de WebPlus offre une vaste collection de bannières Flash prédéfinies que vous pouvez ajouter à votre site et personnaliser

Plus en détail

Guide Utilisateur ArkadinAnywhere

Guide Utilisateur ArkadinAnywhere Les arkadin services services arkadin Les services arkadin ArkadinAnywhere est une solution de webconférence économique et simple d utilisation, plus spécifiquement pour les applications de webinars, au

Plus en détail

Internet statique et dynamique Programmation côté Serveur. Programmation de sites web statiques et dynamiques. Programmation côté serveur

Internet statique et dynamique Programmation côté Serveur. Programmation de sites web statiques et dynamiques. Programmation côté serveur Programmation de sites web statiques et dynamiques Programmation côté serveur Jean CARTIER MASTER INI jcartier@laposte.net 1 SOMMAIRE Internet statique et dynamique Côté Client Le HTML : Principe de fonctionnement

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

Streaming vidéo avec VLC

Streaming vidéo avec VLC Streaming vidéo avec VLC PT 01 Nous allons dans ce TP utiliser un serveur Open Source de Streaming du nom de VLC (VideoLAN Client) http://fr.wikipedia.org/wiki/vlc_media_player. 1 Conteneurs audio/vidéo

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

Manipulation et Gestion de Fichiers Chèque n 2

Manipulation et Gestion de Fichiers Chèque n 2 Manipulation et Gestion de Fichiers Chèque n 2 Par Christophe ROCA et Ludovic RANDU Animateurs du Syndicat Mixte de l'oise Picarde 27/11/2007 L explorateur de fichiers Ce programme intégré à Windows, permet

Plus en détail

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

(Version complète et illimitée en anglais) ou Faire du Flash sans Flash! Eh oui, on peut le faire!

(Version complète et illimitée en anglais) ou Faire du Flash sans Flash! Eh oui, on peut le faire! (Version complète et illimitée en anglais) ou Faire du Flash sans Flash! Eh oui, on peut le faire! En effet, les développeurs web, graphistes, webdesigners et webmasters pro ou amateurs connaissent Flash

Plus en détail

Service de stockage et de diffusion de contenus vidéo sur IP

Service de stockage et de diffusion de contenus vidéo sur IP Service de stockage et de diffusion de contenus vidéo sur IP 1 Principe de diffusion streaming Numérisation encodeur Diffusion Streamer vidéo Visualisation par temporisation Logiciel de visualisation stockage

Plus en détail

Prérequis installation

Prérequis installation Prérequis installation Version 3.7.0 TELELOGOS - 3, Avenue du Bois l'abbé - Angers Technopole - 49070 Beaucouzé - France Tel. +33 (0)2 4 22 70 00 - Fax. +33 (0)2 4 22 70 22 Web. www.telelogos.com - Email.

Plus en détail

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 12/09/2008 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué

Plus en détail

4D Live Window. Plug-in Navigateur Web Windows /Mac OS. 4 ème Dimension 1985-2007 4D SAS. Tous droits réservés.

4D Live Window. Plug-in Navigateur Web Windows /Mac OS. 4 ème Dimension 1985-2007 4D SAS. Tous droits réservés. Plug-in Navigateur Web Windows /Mac OS 4 ème Dimension 1985-2007 4D SAS. Tous droits réservés. Pour Windows et Mac OS Copyright 1985-2007 4D SAS / 4D, Inc. Tous droits réservés Le logiciel et le manuel

Plus en détail

Anatomie de Twenty Twelve

Anatomie de Twenty Twelve 25 Anatomie de Twenty Twelve Architecture de base d un thème WordPress Avant de faire connaissance avec les fichiers qui composent Twenty Twelve, il est important de comprendre comment est conçu un thème

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

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

Plus en détail

Evolutions du Web et des langages

Evolutions du Web et des langages Evolutions du Web Evolutions du Web et des langages WEB statique Ces pages sont écrites en HTML Les pages demandées sont identiques quelque soit La personne qui les demande L heure de la demande Etc. WEB

Plus en détail

A.-M. Cubat Installation d un éditeur html intégré à PMB : TinyMCE Page 1 Source : http://amcubat.be/docpmb/pmb-installation-editeur-html-tinymce

A.-M. Cubat Installation d un éditeur html intégré à PMB : TinyMCE Page 1 Source : http://amcubat.be/docpmb/pmb-installation-editeur-html-tinymce A.-M. Cubat Installation d un éditeur html intégré à PMB : TinyMCE Page 1 Pour créer des infopages dans PMB, ou pour profiter pleinement des possibilités offertes par le portail inclus dans la version

Plus en détail

INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015

INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015 TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur

Plus en détail

Référentiel Général d Accessibilité pour les Administrations RGAA. Annexe 2 : Tests de conformité au RGAA

Référentiel Général d Accessibilité pour les Administrations RGAA. Annexe 2 : Tests de conformité au RGAA Référentiel Général d ccessibilité pour les dministrations RG nnexe 2 : Tests de conformité au RG Page 1/203 Cadres 1. Thématique Cadres 1.1. [Cadres] 1 : bsence de cadres non titrés Tout élément : frame

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

Expressive Speech Studio. Configuration du poste de travail

Expressive Speech Studio. Configuration du poste de travail Expressive Speech Studio Configuration du poste de travail Référence : VOX317_spo_configuration_poste_travail_2.1_FR Version : 2.1 Statut : Release Date : 27/01/2015 Diffusion : restreinte Historique Version

Plus en détail

L'Espace Numérique de Travail (ENT) Moodle 1.0

L'Espace Numérique de Travail (ENT) Moodle 1.0 L'Espace Numérique de Travail (ENT) Moodle 1.0 PF2010 Table des matières Objectifs 5 I - Présentation de Moodle 7 A. Qu'est ce que Moodle?...7 B. Que signifie le sigle Moodle?...7 C. A quoi servent des

Plus en détail

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Le Creative Cloud d Adobe 9 Interface de conception

Plus en détail

Initiation au Web et à l HTML

Initiation au Web et à l HTML Initiation au Web et à l HTML Thibault MARZAIS, Mathieu LACROIX, Antoine VACAVANT marzais@llaic3.u-clermont1.fr mathieu.lacroix@isima.fr antoine.vacavant@liris.cnrs.fr 24 et 25 Avril 2006 /39 Thibault

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

Initiation au Web et à l HTML

Initiation au Web et à l HTML Initiation au Web et à l HTML Mathieu LACROIX, François RÉVERET, Antoine VACAVANT mathieu.lacroix@isima.fr françois.reveret@univ-bpclermont.fr antoine.vacavant@liris.cnrs.fr 2 et 3 Avril 2007 /40 Mathieu

Plus en détail

Attributs et types de fichiers. Cours 3. Master LFA, 2011/2012

Attributs et types de fichiers. Cours 3. Master LFA, 2011/2012 Attributs et types de fichiers Cours 3 Master LFA, 2011/2012 Attributs d un fichier Nom et extension Taille : mesurée en octets, Ko, Mo,... Chemin d'accès (chemin absolu) Date de création de dernière mise

Plus en détail

Configuration requise pour l utilisation de la plateforme EnlightKS Online Certification Management Services ET2.13 février 2012 (et2-2.

Configuration requise pour l utilisation de la plateforme EnlightKS Online Certification Management Services ET2.13 février 2012 (et2-2. Configuration requise pour l utilisation de la plateforme EnlightKS Online Certification Management Services ET2.13 février 2012 (et2-2.13-13) EnlightKS Candidate, EnlightKS TestStation Manager, EnlightKS

Plus en détail

Chapitre 2: Présentation de Flex. Développer une application avec Adobe Flex 2.0

Chapitre 2: Présentation de Flex. Développer une application avec Adobe Flex 2.0 Chapitre 2: Présentation de Flex Développer une application avec Adobe Flex 2.0 Thèmes Comprendre l émergence des applications dynamiques pour Internet Présentation de Flex Développer des applications

Plus en détail

LES BALISES AUDIO ET VIDÉO EN HTML5

LES BALISES AUDIO ET VIDÉO EN HTML5 LES BALISES AUDIO ET VIDÉO EN HTML5 Eskimon 29 octobre 2015 Table des matières 1 Introduction 5 2 Les balises audio et vidéo 7 2.1 Les balises audio et vidéo.............................. 7 2.2 Les éléments

Plus en détail

Créer un diaporama photos

Créer un diaporama photos Créer un diaporama photos Diapo = diapositive, image positive sur support transparent, visible par projection sur un écran. Orama = vient du grec orama, ce que l'on voit, spectacle C'est un terme qui a

Plus en détail

L EXPLORATEUR WINDOWS

L EXPLORATEUR WINDOWS L EXPLORATEUR WINDOWS Souvenez-vous, vous disposez d un vrai atelier dans votre ordinateur. L'Explorateur Windows : L'Explorateur Windows est un programme très utile pour : - "explorer" le contenu de l'ordinateur,

Plus en détail

Développement Web pour mobiles

Développement Web pour mobiles Développement Web pour mobiles Les bases du HTML par Eric Sarrion Date de publication : 11/08/2010 Dernière mise à jour : Le langage HTML est le langage de base permettant de construire des pages web,

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

1) Toute formation à partir de Microsoft Office 2003

1) Toute formation à partir de Microsoft Office 2003 Erreur de lancement d une vidéo (bouton Leçon ou Solution) Cet article concerne des problèmes généraux rencontrés sur le lancement de vidéos dans le cadre de toute formation MEDIAplus. Lorsque le système

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

Bureautique Traitement de texte

Bureautique Traitement de texte Bureautique Traitement de texte Trucs et astuces pour produire un document de qualité rapidement Contact : bruno.pinaud@labri.fr Web : http://c2i.emi.u-bordeaux1.fr/wiki/doku.php Éditeur de Texte Logiciel

Plus en détail

Je ne peux lancer le cours, ou lorsque je clique sur «Lancer» rien ne se passe. Cela peut généralement être résolu par une des manières suivantes :

Je ne peux lancer le cours, ou lorsque je clique sur «Lancer» rien ne se passe. Cela peut généralement être résolu par une des manières suivantes : FAQ relative aux problèmes techniques Quelles sont les exigences systèmes? Nous recommandons fortement, mais n exigeons pas, les caractéristiques suivantes pour un affichage optimal de vos cours : Windows

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

Création d une page Web et mise en ligne.

Création d une page Web et mise en ligne. Création d une page Web et mise en ligne. Conception / description technique 1) Définir un objectif Définir des moyens, des stratégies : images, slogans Réflexion sur le contenu Qui suis-je? diplômes +

Plus en détail

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA)

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) No. Validation Tests avec les outils Commentaires A Contenu non- textuels

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Audio et vidéo dans les diaporamas (contexte choisi Powerpoint 2007)

Audio et vidéo dans les diaporamas (contexte choisi Powerpoint 2007) Audio et vidéo dans les diaporamas (contexte choisi Powerpoint 2007) Enregistrement de la narration Une diapositive contient un document iconographique pour lequel vous souhaitez enregistrer un commentaire

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

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