XHTML et CSS Images vidéo son

Code CSS pour insérer
une image

Insérer des images

le 21 octobre 2008

A partir d'un texte, nous allons insérer des images. Dans l'exemple ci dessous nous placerons les placerons aux trois positions possibles : à droite, à gauche et au centre.

Avec l'image centrée nous avons inséré une légende.

La Pointe de Bilfot, Bretagne

Lorem ipsum dolor sit amet, purus est laborum porta pellentesque nullam sit, nam sodales dictumst aliquam, sem amet et elementum suscipit fermentum, et eget et justo mauris in. Hac eu pharetra dui massa adipiscing, ac ultrices pulvinar dapibus lacinia, netus ipsum suspendisse est massa cras sapien.

Curabitur facilisis montes, vehicula sollicitudin aliquam sapien aliquam. Blandit blanditiis iaculis fringilla pulvinar amet consequat, a ultricies diam wisi proin orci ante, rutrum justo eget mauris suspendisse integer consequat. Sit mauris nullam donec, ultrices eros, tincidunt in feugiat sodales tempor orci est, tempus enim condimentum, quisque dapibus vel elit metus venenatis.

Megève

Ut nunc in quisque enim. In ut scelerisque, tellus vestibulum rhoncus amet.

Pour voir l'ensemble des codes utilisés cliquez ici

Insérer une vidéo ou diaporama dans une page xhtml valide w3c.

le 22 octobre 2008

Tous les sites de partage vidéo en ligne proposent l'insertion dans des pages web.

Mais ces sites utilisent la balise embed qui n'est pas acceptée par le w3c.

Ainsi il faut remplacer la balise embed par une balise object.

Toutefois cela n'est pas suffisant.

Il faut aussi modifier :

Placer la balise object dans une boîte div.

Dans l'adresse de la vidéo if faut remplacer & par &

D'une manière générale nous utiliserons :

Code XHTLM

<div style="width: 400px; margin: 10px auto;">
<object type="application/x-shockwave-flash"
data="insérer la valeur de src de la balise embed"
width="400" height="326" id="VideoPlayback">
<param name="movie"
value="insérer la valeur de src de la balise embed" />
<param name="FlashVars" value="insérer la valeur de FlashVars de la balise embed" />
</object>
</div>

Ou plus complet si nécessaire :

Code XHTLM

<div style="width: 400px; margin: 10px auto;">
<object type="application/x-shockwave-flash"
data="insérer la valeur de src de la balise embed"
width="400" height="326" id="VideoPlayback">
<param name="movie"
value="insérer la valeur de src de la balise embed" />
<param name="allowScriptAcess" value="sameDomain" />
<param name="quality" value="best" />
<param name="bgcolor" value="#FFFFFF" />
<param name="scale" value="noScale" />
<param name="salign" value="TL" />
<param name="FlashVars" value="insérer la valeur de FlashVars de la balise embed" />
</object>
</div>

Insérer une vidéo

le 6 février 2008

Après beaucoup d'essai j'ai trouvé ce player flash qui est le plus simple et qui fonctionne très bien.

Ce player est complètement paramétrable est valide avec les normes 3wc

Pour en savoir plus

Insérer un diaporama

le 13 février 2008

De nombreuses méthodes existent pour insérer un diaporama dans une page web ou un blog.

Pour voir tous les diaporamas cliquez ici

Insérer une carte Google maps

le 11 mai 2008

Google fournit les codes nécessaires pour insérer une carte Google Map dans un site web ou une application

Deux méthodes sont possibles pour réaliser cela. Soit utiliser les codes source fournis par Google ou tout simplement utiliser le module de création de Google.

Dans les deux cas pour fonctionner sur votre site web vous avez besoin d'une clef fournie par Google. Avec le module de création cette clef est créer automatique ou bien si le site possède déjà cette clef elle sera incorporée automatiquement.

Tutoriels pour insérer des cartes Google maps

Insérer une simple carte Google Maps

Insérer une carte Google Maps avec des "markers"

Insérer une carte Google Maps avec un module de recherche

Insérer une carte Google maps statique avec des marqueurs

André Willemijns WebSite

Catégories

Blogroll