La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Insertion d'Objets Multimédias Cet élément permet d'inclure un objet arbitraire dans un document HTML: Control ActiveX (MIE propriétaire), Objets multimédia.

Présentations similaires


Présentation au sujet: "Insertion d'Objets Multimédias Cet élément permet d'inclure un objet arbitraire dans un document HTML: Control ActiveX (MIE propriétaire), Objets multimédia."— Transcription de la présentation:

1 Insertion d'Objets Multimédias Cet élément permet d'inclure un objet arbitraire dans un document HTML: Control ActiveX (MIE propriétaire), Objets multimédia (images, son et vidéo), document HTML, applet Java… 2 balises : 1.Balise … a.Utilisation de l'attribut data Comparaison avec la balise classique attributs data, type, width et height data: URL de l'image, de la page web type: type MIME de l'objet width, height: largeur et hauteur de l'objet (px, %) Utilisation de la balise

2 Type MIME de l'Objet MIME = Multipurpose Internet Mail Extension Le type MIME est utilisé pour : • Spécifier le type d'un document attaché à un courriel • Spécifier le type du document transféré par le protocole HTTP (le serveur envoie en premier le type MIME d'un objet au navigateur, afin que ce dernier puisse le réceptionner et le traiter) Le type MIME s'écrit de la façon suivante : type_mime_principal / sous_type_mime

3 1.Balise … b.Utilisation de l'attribut classid Quelques attributs classid, width et height, codebase. Télécharger ActiveX helper : L'attribut codebase="url" indique au navigateur l'URL de téléchargement du contrôle ActiveX, ou du plug-in. Exemple pour le plug-in Flash : bs/flash/swflash.cab#version=7,0,0,0 La valeur de l'attribut classid (CLasSIDentifier) est de la forme: classid="clsid:object-id", est indique quel software / player doit être utilisé, ou fait référence à un contrôle ActiveX

4 2.Balise … L'attribut src (source) contient l'URL du fichier joué par le plug-in (ex. fichier flash joué par le plug-in Flash) L'attribut pluginspage="url" indique au navigateur l'URL de téléchargement du plug- in. Exemple pour le plug-in Flash : Quelques attributs src, width et height, pluginspace.

5 3.Contrôle des paramètres de l'objet multimédia a.Balise … Les paramètres de l'objet sont passés directement dans la balise suivant la syntaxe : Les paramètres dépendent du type d'objet inséré, et seules certaines valeurs sont permises. Liste des paramètres/attributs, et de leurs valeurs, pour l'intégration d'un objet Flash à l'aide la la balise :

6 b.Balise Ici, une balise dédiée pour le passage des paramètres, est imbriquée entre la balise … : 2 attributs name et value. Liste des propriétés de l'ActiveX Shockwave.Flash : La valeur de l'attribut name est le nom de la propriété. L'attribut value contient la valeur de la propriété défini. Chargement d'une animation flash : La valeur movie de l'attribut name permet de spécifier l'URL du fichier.swf comme valeur de l'attribut value, définition équivalente à l'URL de l'attribut src de la balise.

7 En général, on précise les 2 balises et pour insérer un objet multimédia dans une page HTML. Notez la correspondance entre les valeurs des attributs name et value de la balise, et les propriétés / attributs de la balise. Attention : la balise serait obsolète en XHTML, donc déconseillée! EX. Flash :

8 Exemples d'insertion d'objets (contrôle ActiveX) par la balise • Insertion d'une image Comparaison avec la balise img classique • Insertion d'une page web • Insertion d'un son • Insertion d'une vidéo • Insertion d'un control d'un curseur

9 • Affichage d'un calendrier • Dessiner un graphique • Insertion d'une animation flash

10 Les tableaux HTML … 5 premiers attributs width, height, border, cellspacing et cellpadding Dimensions du tableau par rapport à son conteneur (fenêtre du navigateur, une cellule d'un tableau…). La longueur (width) et la hauteur (height) s'exprime en pixel ou en % de la dimension du conteneur. Dimension de la bordure (border), espacement entre les cellules (cellspacing), et marges pour le contenu d'une cellule (cellpadding). Valeurs en pixel.

11 Lignes du tableau … Principaux attributs height, align et valign. Les autres étant obsolètes ! Left center rigth justify top middle bottom baseline Alignement horizontale et vertical des contenus des cellules du tableau, qui seront définies dans cette ligne.

12 Cellule d'une ligne … Ordre de déclaration (structure) : tableau  ligne  cellule Déclaration du tableau. Déclaration d'une ligne. Déclaration d'une cellule. T.O.M Contenu de la cellule (tout code HTML) Dans une ligne, le nombre de cellules déclarées impose le nombre de colonnes. Il doit donc y avoir autant de cellules de déclarées dans chaque ligne, sauf...

13 Les balises … : déclaration d'une cellule Les 4 principaux attributs width, height, colspan et rowspan La largeur (width) et la hauteur (height) s'exprime en pixel ou en % de la dimension du conteneur. Fusion de cellules sur une ligne (colspan - la cellule s'étend sur nb colonnes), ou sur une colonne (rowspan - la cellule s'étend sur nb lignes). La cellule la plus large impose la largeur de la colonne, la cellule la plus haute impose la hauteur de la ligne. La dimension de la cellule dépendra alors de son contenu. Le contrôle de la dimension sera une étape délicate et importante de la conception et du design. Note: le contenu d'une cellule ne doit jamais être vide. Astuce: utiliser & nbsp; (no break space) qui est un vide. Mais la cellule n'est plus vide! Ou insérer une image à fond transparent de taille 1x1 pixels, et en forçant une largeur égale à la largeur de cellule voulue. Attention: dans le cas de & nbsp;, la hauteur de cellule est forcée à celle de la taille d'un caractère! Une image de taille 1 x 1 pixel est alors préférable, et permet une hauteur de ligne de 1 pixel par ex.

14 Design d'une page par la technique des tableaux HTML Novos Excludat iurgia finis, Est vetus atque probus, centum qui perficit annos. Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit Veteresne poetas, an quos et praesens et postera respuat aetas Iste quidem veteres inter ponetur honeste, quirendus erit Veteresne poetas, an quos et praesens et postera respuat el mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et virtutem, equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et virtual. Novos Excludat iurgia finis, Est vetus atque probus, centum qui perficit annos. Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit Veteresne poetas, an quos et praesens et postera respuat aetas Iste quidem veteres inter ponetur honeste, quirendus erit Veteresne poetas, an quos et praesens et postera respuat el mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et virtutem. Novos Excludat iurgia finis, Est vetus atque probus, centum qui perficit annos. Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit Veteresne poetas. Novos Excludat iurgia finis, Est vetus atque probus, centum qui perficit annos. Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit Veteresne poetas, an quos et praesens et postera respuat aetas Iste quidem.


Télécharger ppt "Insertion d'Objets Multimédias Cet élément permet d'inclure un objet arbitraire dans un document HTML: Control ActiveX (MIE propriétaire), Objets multimédia."

Présentations similaires


Annonces Google