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 -

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

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

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

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

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

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

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

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

É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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Le langage JAVASCRIPT

Le langage JAVASCRIPT Le langage JAVASCRIPT I Introduction Vous vous dites encore un langage alors qu il y en a déjà un nombre non négligeable. En effet un de plus, mais à chaque langage son utilisation et sa particularité.

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

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

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

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

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

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

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

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

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

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

Plate-forme de travail collaboratif Agorazimut

Plate-forme de travail collaboratif Agorazimut Plate-forme de travail collaboratif Agorazimut MODE D EMPLOI Ronan LE MAO Ronan.lemao@azimut.net 02.97.88.26.26 1 La plate-forme de travail collaboratif Agorazimut est une application en ligne qui permet

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

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

Programmation du Web : Présentation du protocole HTTP

Programmation du Web : Présentation du protocole HTTP Programmation du Web : Présentation du protocole HTTP Jean-Baptiste Vioix (jean-baptiste.vioix@iut-dijon.u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-14 Présentation générale Le

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

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

Le Guide du marquage Streaming

Le Guide du marquage Streaming Le Guide du marquage Streaming Médiamétrie-eStat Buropolis, Bât 2 1240, route des Dolines Sophia Antipolis 06560 Valbonne Tél : 04 92 38 38 20 Fax : 04 92 96 91 25 E-mail : support-pro@mediametrie-estat.com

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

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles

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

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

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

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

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

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

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

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

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

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

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

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

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

DRUKPORTAL MANUEL VERSION DU 2 ER - AOÛT.2014

DRUKPORTAL MANUEL VERSION DU 2 ER - AOÛT.2014 CONTENU Exigences du système 3 Aide et assistance technique 3 1 E-mail : le compte a été créé 4 2 Adapter éventuellement votre nom d utilisateur 5 3 Vérifiez votre système 7 3.1 Dans l écran de connexion,

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

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

CATALOGUE DES OFFRES O2i INGÉNIERIE POUR LES PLATEFORMES ÉDITORIALES

CATALOGUE DES OFFRES O2i INGÉNIERIE POUR LES PLATEFORMES ÉDITORIALES CATALOGUE DES OFFRES O2i INGÉNIERIE POUR LES PLATEFORMES ÉDITORIALES SYGESP Solution éditoriale Cross-Média Fiche produit O2i + L' EXPERTISE O2I POUR LA SOLUTION Nous sommes distributeur exclusif de la

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

(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

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

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

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

À 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

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

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

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

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

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x!

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Tutoriel sur CK Forms 1 Adaptation FR Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Ce tutoriel vous présente les éléments principaux du composant et plugin CK Forms Installation/Désinstallation

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

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word.

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word. PRETASHOP LES OBJECTIFS : Vous verrez comment installer Joomla! localement puis sur un serveur distant, concevoir l organisation de votre site, rédiger vos premiers articles, maitriser les feuilles de

Plus en détail

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

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

AdOps Spécifications techniques publicitaires

AdOps Spécifications techniques publicitaires AdOps Spécifications techniques publicitaires Matériel publicitaire HTML5 (Desktop) Les spécifications suivantes doivent être respectées pour la fourniture de matériel publicitaire HTML. Si vous utilisez

Plus en détail

Affichage d'une table de base de données

Affichage d'une table de base de données Affichage d'une table de base de données par Philippe Vialatte (Traduction) (ma page DVP) (Blog) Date de publication : 22 Avril 2009 Dernière mise à jour : Traduction...3 Introduction...3 Créer les classes

Plus en détail

Développement Partie Cliente

Développement Partie Cliente ISI 1022 : Jean-Noël Sorenti. Année 2002/2003 Développement Partie Cliente ISI 1022 : 1 ISI 1022 : Développement Partie Cliente Le développement partie cliente concerne tout développement étant interprété

Plus en détail

Manuel d Utilisation Nouvelle Plateforme CYBERLIBRIS WWW.SCHOLARVOX.COM

Manuel d Utilisation Nouvelle Plateforme CYBERLIBRIS WWW.SCHOLARVOX.COM Manuel d Utilisation Nouvelle Plateforme CYBERLIBRIS WWW.SCHOLARVOX.COM Pour se connecter la 1 ère fois Allez sur l url de la nouvelle plateforme: www.scholarvox.com. Vous avez la page d accueil: En haut

Plus en détail

docxconverter Guide Utilisateur Mac OS X

docxconverter Guide Utilisateur Mac OS X docxconverter Guide Utilisateur Mac OS X docxconverter Guide utilisateur pour Mac OS X ii docxconverter Guide utilisateur pour Mac OS X Table des matières Table des matières... iii Quel est le but de docxconverter?...1

Plus en détail

Guide sur l accessibilité numérique des ressources pédagogiques

Guide sur l accessibilité numérique des ressources pédagogiques Pistes et conseils, pour vous aider à mettre rapidement en œuvre sur votre cours AMeTICE un contenu accessible à un maximum d étudiants. Guide sur l accessibilité numérique des ressources pédagogiques

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

Guide Utilisateur POCO

Guide Utilisateur POCO Guide Utilisateur POCO Description Document Sujet Révision Auteur Etat Diffusion Guide Utilisateur POCO Guide Utilisateur POCO V1.0.0 Pierre Koerber Diffusion Dicol Révision Date Rév. Nature Auteur 08.09.2011

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

PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE

PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE Merci d ajouter la solution de réservation OpenTable à votre site web! Veuillez compléter le plan de test suivant pour vous assurer que la fonction

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

Dreamweaver - Créer son site internet avec Dreamweaver

Dreamweaver - Créer son site internet avec Dreamweaver 2 Jours Dreamweaver - Créer son site internet avec Dreamweaver dans CREATION WEB - SITE INTERNET Objectifs de la formation Création de site web avec Dreamweaver Concevoir un site Web en HTML avec les fonctions

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

Comment faire pour créer un site web? (mon site, pas à pas)

Comment faire pour créer un site web? (mon site, pas à pas) Comment faire pour créer un site web? (mon site, pas à pas) Author : soufiane Bonjour, Bienvenue dans cette nouvelle série de tutoriels destinée aux débutants cherchant comment créer un site web de A à

Plus en détail

Expressions communes. Détection du type de navigateur

Expressions communes. Détection du type de navigateur 2 Expressions communes Certaines tâches JavaScript récurrentes doivent être réalisées quasiment chaque jour. Elles sont à la base de nombreuses applications JavaScript mais n entrent dans aucune catégorie

Plus en détail

SCHMITT Année 2012/2014 Cédric BTS SIO TP SPICEWORKS. SpiceWorks propose un logiciel de gestion de parc informatique aux multiples facettes :

SCHMITT Année 2012/2014 Cédric BTS SIO TP SPICEWORKS. SpiceWorks propose un logiciel de gestion de parc informatique aux multiples facettes : SCHMITT Année 2012/2014 Cédric BTS SIO TP SPICEWORKS Description: SpiceWorks propose un logiciel de gestion de parc informatique aux multiples facettes : inventaire de parc (postes de travail, logiciels

Plus en détail

I- Système d exploitation :

I- Système d exploitation : Système d exploitation - Windows XP - I- Système d exploitation : 1- définition : Un système d exploitation est un ensemble de programmes qui assure la communication entre : - L utilisateur - Les logiciels

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

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web. Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel

Plus en détail