Externaliser les illustrations dans un blog
08 juillet 2006 Catégorisé dans : RapidWeaver
J'ai un blog dans lequel je donne mon
point de vue sur chaque film que je vois à la
télévision, sur DVD ou au cinéma. Chaque billet
est illustré par une image de l'affiche du film
que je récupère sur le site Allociné et quand on clique
sur cette image, cela renvoie sur la fiche du
film sur ce site.
Il n'est pas nécessaire de recopier cette image sur son propre site, ce qui gaspille de la place sur l'espace ftp. Au lieu de cela, on peut écrire quelques lignes de code HTML pour se contenter de pointer sur l'image distante.
Il n'est pas nécessaire de recopier cette image sur son propre site, ce qui gaspille de la place sur l'espace ftp. Au lieu de cela, on peut écrire quelques lignes de code HTML pour se contenter de pointer sur l'image distante.
La séquence à taper dans le texte du billet est la
suivante :
Il faut remplacer l'adresse href par celle de la page web qu'on veut atteindre quand on clique sur l'image. Alt est le nom donné à l'image si la cible n'est pas accessible; l'adresse de cette image est dans le champ src.
Tout ce texte ne doit pas être pris en compte dans la présentation du billet. On se sélectionne pour lui appliquer l'option "Ignorer le format" du menu "Format" et on signale qu'il s'agit de code HTML avec l'option "Code" du sous-menu "HTML" du menu "Format". Le texte-code apparaît alors avec un fond verdâtre.
Le résultat est le suivant :
Ou encore, avec du texte autour de l'image :
Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam
voluptua.
<div class="image-left">
<a href="http://www.allocine.fr" rel="external">
<img class="imageStyle"
alt="Allociné"
width="70"
height="100"
src="http://a69.g.akamai.net/n/69/10688/v1/img5.allocine.fr/
acmedia/skin/AlloCineV5/habillage/AffichetteAllocine.gif"
/>
</div>
Il faut remplacer l'adresse href par celle de la page web qu'on veut atteindre quand on clique sur l'image. Alt est le nom donné à l'image si la cible n'est pas accessible; l'adresse de cette image est dans le champ src.
Tout ce texte ne doit pas être pris en compte dans la présentation du billet. On se sélectionne pour lui appliquer l'option "Ignorer le format" du menu "Format" et on signale qu'il s'agit de code HTML avec l'option "Code" du sous-menu "HTML" du menu "Format". Le texte-code apparaît alors avec un fond verdâtre.
Le résultat est le suivant :
Ou encore, avec du texte autour de l'image :
|