Langues vivantes

SPIP - Trucs, astuces, macros et lignes de code

Astuces pour rendre un site "mulitmédia" / Intégrer couleur, son et vidéo dans un SPIP

mardi, 7 novembre 2006

http://langues-vivantes.ac-amiens.fr/063-spip-trucs-astuces-macros-et-lignes-de-code.html

Pour les utilisateurs de SPIP

Quelques lignes de code assez précieuses

1. Rediriger une page

<meta http-equiv="refresh" content="2;URL=http://www.ac-amiens.fr/...">

Il suffit de compléter l’adresse cible et de régler la durée de la transition.


2. Intégrer une vidéo

<embed src="http://www.ac-amiens.fr/etablissements/0601178e/rvluso/IMG/mpg/Capoeira_1.mpg&volume=10" widht="550" height="400" loop="false">

Tout d’abord, créez l’article et associez-lui un fichier vidéo (ajouter un document).
Il suffit ensuite de copier le code encadré ci-dessus et de l’insérer à l’endroit voulu de l’article.
En dernier lieu, complétez l’adresse cible puis réglez les dimensions du lecteur (hauteur et largeur).


3. Intégrer un fichier audio

Code à insérer pour intégrer un fichier audio avec son lecteur dans un article sous SPIP :

Vous connaissez le lecteur Dew Player.

Vous désirez voir des exemples d’utilisation multilingue

1. Téléchargez votre fichier son au format mp3, comme d’habitude.

2. À l’endroit où vous souhaitez placer le lecteur, collez le code qui se trouve dans le fichier ci-dessous :

Code à recopier pour faire apparaître le lecteur audio :

Copiez le code figurant ci-dessous :

<center><object type="application/x-shockwave-flash" data="IMG/swf/dewplayer.swf?son=IMG/mp3/truc.mp3" width="180" height="20"> <param name="movie" value="IMG/
swf/dewplayer.swf?son=IMG/mp3/truc.mp3" /> </object></center>
<center> </center> ou <right> </right>

Après validation de votre article rédigé sous Spip, une zone blanche apparaîtra à l’endroit où vous avez choisi d’afficher le lecteur.

Celui-ci ne sera actif qu’au moment où l’article sera publié... OK ?!

Et le tour sera joué !

(Vous n’avez pas à vous soucier du script du lecteur qui est déjà installé dans nos pages... )


4. Créer un lien vers une autre fenêtre

<a href=
target= "blank">{{}}</a>

a) après "a href=" , insérer l’adresse URL ;

b) entre les doubles accolades, glisser le texte du lien cliquable

<a href=http://www.ac-amiens.fr/
target= "blank">{{Le site de l'Académie}}</a>

<a href=http://www.ac-amiens.fr/
target= "blank">Le site de l’Académie d’Amiens


5. Attribuer une couleur à une portion de texte

<font color="#CC66FF">{{Bonjour}}</font>

Bonjour

<font color="red">{{Bonjour}}</font>

Bonjour

<font color="blue">{{Bonjour}} </font>

Bonjour

<font color="green">{{Bonjour}} </font>

Bonjour

<font size="72pt">{{Bonjour}} !</font>

Bonjour !


6. Créer un lien vers un article de Wikipédia

L’on fait simplement précéder le mot du lien d’un point d’interrogation :

{{[?Papillon]}}

Papillon


7. Créer des tableaux : utiliser la macro "Word pour Spip"

Cette macro vous permet, d’un simple clic sur un bouton, de transformer un document au format Word en texte codé à insérer tout simplement dans un article sous SPIP.

Comment l’utiliser ? Rien de plus simple !

[1Attention ! l’effet produit pourra varier d’un navigateur à l’autre...

[2Voici un lien vers quelques codes couleurs. Vous trouverez davantage d’informations sur <a href=http://ufoco2.amiens.iufm.fr/ufoco/intro/index.php
target= "blank">Ganesha ainsi que le reste des TP et des cours :-)

En visitant la page http://langues-vivantes.ac-amiens.fr/063-spip-trucs-astuces-macros-et-lignes-de-code.html, vous pourrez télécharger ces documents :