Création de sites web en coopération, ... cours, ... webdesign, ... webmastering ...
... Aucune formule prédéfinie, .....elle tue toute création....donc adaptée à votre projet.....pour une autonomie.... Un moment est nécessaire pour tout charger, merci. • cours 9 (X)HTML : menu.
... l'intégration multimédia ... se fait en ...XHTML ... au moyen de la balise ...objet ...
... il y a la balise entrante ... <objet> ... et la balise sortante ... </objet> ...
... c'est à l'intérieur de ces balises que vont se placer du son, une animation flash, une vidéo ...
... cette balise objet ...a des attributs de genre et de type de fichier ...
... et aussi les dimensions de l'espace nécessaire pour visualiser le son ou la vidéo ...
... cet objet ... sera placé dans un bloc ... div ... qui aura son style ...
Les attributs de la balise objet :
data :
... le premier attribut précise de quel fichier il s'agit ... on écrit :
... data="......" ...
type :
... le deuxième attribut précise de quel type de fichier il s'agit ... on écrit :
... type="......" ...
width :
... nous lui donnons une largeur : ... width="...." ... en pixel ...
height :
... nous lui donnons une hauteur : ... height="...." ... en pixel ...
... la balise ... param ... définit les paramètres ... il y en a, en général plusieurs ...
... c'est une balise unique ... et s'écrit : ... <param name="......" value="......" /> ...
... Lorsque nous intégrons une vidéo comme proposé par You Tube, il y a aussi une balise ...embed ...
... cette balise s'écrit de la même manière que pour ... param ...
... <embed name="......" value="......" /> ... une balise plus ancienne ...
… mais, … une nouvelle manière d'intégration d'une vidéo par You Tube ... se fait avec la balise …
… <iframe width="___" height="___" src="___"> … comme balise entrante …
… et … </iframe> … comme balise sortante ...
... d'autres manières d'écrire existent encore ... d'où la difficulté d'être validé pour le XHTML ...
... c'est aussi une des raisons de l'utilisation du ...XHTML transitional ...
Les attributs de la balise param :
name :
... comme souvent, il faut nommer en écrivant ... name="......" ...
... intégration de vidéo à but pédagogique ... (code vidéo non xhtml 1.0)
... si vous ne pouvez voir le lecteur, téléchargez Flash Player et Shockwave Player ...
... il est mis en mode ... autoplay=0 ... dans le ... param ... et ... dans le ... embed ...
... pour qu'il démare à l'ouverture, ... il faut changer la valeur ... 0 ... en ... 1 ...
... pour voir le ... code à intégrer ... de ce vidéo, allez sur la flèche montante qui se trouve à droite ...
... et cliquez sur le pictogramme qui apparait ...
... vous voyez apparaître en haut à droite le ... code à utiliser ...
... recliquez sur ce pictogramme pour revenir à la situation première ...
... ici nous avons un exemple ... récent ... sur You Tube ...
... dès que le premier morceau est terminé apparaissent ...
... le code ... l'adresse ... et ... la suite du premier morceau ...
… mais depuis peu, You Tube propose le choix entre ce code ancien et complexe …
… et un nouveau code posant moins de problèmes avec la conformité du W3C …
… ce nouveau code se présente sous la forme d'un … iframe … balise que nous venons de voir ...
... Pink Floyd avec Syd Barrett ...
... Interstellar Overdrive-Part 1 and Part 2 ...
... pour obtenir le code sur You Tube ... il faut :
... cliquez sur ... partager ... ensuite sous le lien, cliquez sur ... intégrer ...
... et le code modifiable est disponible ...
... il est important de choisir les options de sécurité ... ... pour éviter des problèmes de copyright ...
... il faut cocher les cases ad-hoc pour obtenir ... https ... et ... no-coockies ...
... ... il reste le choix entre l'ancien code et le nouveau qui se trouve ci-dessus ...
... on découvre dans le code : ... autostart qui est ... false ... correspondant à (0)...
... et qui peut aussi être ... true ... correspondant à (1)...
... intégration de son à but pédagogique ... (code son non xhtml 1.0)
... si vous ne pouvez voir le lecteur, téléchargez Flash Player ...
... vider le cache du Navigateur et du Téléchargement régulièrement ...
... en fait il faut y ajouter l'inclusion dans un tableau ... dans un ... div ... qui a son style ...
... nous pouvons alors écrire le code plus complet suivant ...
... La balise HTML ... embed ... est utilisée pour insérer dans un document HTML un objet ...
... par exemple, une musique, une vidéo ou une animation en Flash ...
... cette balise n'est pas reconnue par tous les navigateurs ... et ne fonctionne plus en XHTML ...
... elle double les balises param comme vous pouvez le voir dans l'exemple précédant ...
... il y avait la balise entrante ... <embed> ... et la balise sortante ... </embed> ...
... elle est remplacée par la balise ... objet ... précédemment vue ...
... cette balise ... embed ... est reprise dans le nouveau ... HTML 5 ...
... sauf qu'elle devient une ... balise unique ...
... nous avons le même problème avec la balise ... bgsound ... plus ancienne encore ...
... non reconue par le ... W3C ... à juste titre ... mais encore utilisée par ... YouTube ...
... c'est une des raisons de l'utilisation de ... XHTML transitional ... sur notre site ... pédagogique ...
... intégration de son à but pédagogique ... (code son non xhtml 1.0)
... nous voyons que nous pouvons régler le volume d'écoute entre 10 et 100 ...
... c'est important surtout si on le place en autostart=1 comme musique de fond ...
... le lecteur audio en Flash peut être trouvé chez ... Alsacreation ...
... nous pouvons alors écrire le code plus complet suivant ...
... nous avons donc les trois morceau de musique mp3 enregistrés ...
... ils se trouvent dans le dossier ... musique ... qui se trouve à même hauteur que les fichiers .html et .css ...
... comme nous pouvons le voir ci-dessus ...
... chaque adresse complète est mise l'une à la suite de l'autre ... séparé par la barre verticale ... | ...
... c'est pour être écouté et vu par le plus grand nombre, qu'il y a cette juxtaposition de différentes balises ...
... cette répétition va disparaître dans le ... HTML 5 ... que nous allons voir bientôt ...
-
Plan du site -
Actualiser votre site. 
... Création de site web : ... masterligne .
