Visuel du bouquet de services académiques

Langues vivantes

Pour l'école de la confiance

Sommaire

Pour les utilisateurs de SPIP {{{Quelques lignes de code assez précieuses}}} {{{1. Rediriger une page}}} -Code à insérer dans les {{meta}} pour forcer la redirection d'une page web vers une autre :
| | | |
{Il suffit de compléter l'{{adresse cible}} et de régler la {{durée de la transition}}.}
________ {{{2. Intégrer une vidéo}}} -Code à insérer pour {{intégrer une vidéo}} dans un article sous SPIP :
| | ||
{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).} -{{Effet produit}} : ______________ {{{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 ->http://etablissements.ac-amiens.fr/0601178e/quadriphonie/spip.php3?article993].}} Vous désirez voir des [{{exemples d'utilisation multilingue}} ->http://etablissements.ac-amiens.fr//0601178e/quadriphonie/spip.php3?article958] - Voici la marche à suivre pour l'installer et l'utiliser dans nos pages : 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} : | | |
| - À la place de "{{truc}}", inscrivez le nom de votre fichier, sans mettre d'espace et sans enlever autre chose.
Faites en sorte que le nom du fichier soit simple et court... - Vous pouvez redimensionner le lecteur, en remplaçant "{{200}}" par "{{150}}" ou "{{100}}" par exemple. - Vous pouvez aussi {{centrer}} ou {{aligner}} différemment le lecteur en utilisant les balises habituelles : |
ou
| {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... }) -{{Effet produit}} :
________ {{{4. Créer un lien vers une autre fenêtre}}}
| | | {{}} |
a) {après "a href=" , insérer l'adresse URL;} b) {entre les doubles accolades, glisser le texte du lien cliquable} -{{Exemple}} : | | |{{Le site de l'Académie}}| -{{Effet produit}} : {{Le site de l'Académie d'Amiens}} ___________ {{{5. Attribuer une couleur à une portion de texte}}} - Code à copier-coller ci-dessous ; - Remplacer {{Coucou}} par le texte choisi ; - Remplacer le code couleur {{#CC66FF}} par le {{code}} de la couleur choisie : | | | {{Bonjour}} | -{{Effet produit}} : {{Bonjour}} - Si la couleur désirée est "simple", il est possible d'écrire "red", blue", "green", etc. | | | {{Bonjour}} | -{{Effet produit}} : {{Bonjour}} | | | {{Bonjour}} | -{{Effet produit}} : {{Bonjour}} | | | {{Bonjour}} | -{{Effet produit}} : {{Bonjour}} -{{ Augmenter la taille de la police}} | | | {{Bonjour}} ! | -{{Effet produit}} : {{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]}} | -{{Effet produit}} : {{[?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.
-{{Intérêt de la manœuvre}} :
Ceux qui sont friands de tableaux apprécieront ;-) Comment l'utiliser ? Rien de plus simple ! -Rendez-vous sur le lien ci-dessous, téléchargez l'archive ZIP, décompressez-la à l'endroit indiqué puis suivez les instructions pas à pas : -
{{Macro-spip}}

SPIP - Trucs, astuces, macros et lignes de code

Intégrer couleur, son et vidéo dans un SPIP

Pour les utilisateurs de SPIP

Quelques lignes de code assez précieuses

1. Rediriger une page

  • Code à insérer dans les meta pour forcer la redirection d’une page web vers une autre :
<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

  • Code à insérer pour intégrer une vidéo dans un article sous SPIP :
<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).

  • Effet produit [1] :

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

  • Voici la marche à suivre pour l’installer et l’utiliser dans nos pages :

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>
  • À la place de "truc", inscrivez le nom de votre fichier, sans mettre d’espace et sans enlever autre chose.
    Faites en sorte que le nom du fichier soit simple et court...
  • Vous pouvez redimensionner le lecteur, en remplaçant "200" par "150" ou "100" par exemple.
  • Vous pouvez aussi centrer ou aligner différemment le lecteur en utilisant les balises habituelles :
<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... )

  • Effet produit :

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

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

<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

  • Code à copier-coller ci-dessous ;
  • Remplacer Coucou par le texte choisi ;
  • Remplacer le code couleur #CC66FF par le <a href=http://etablissements.ac-amiens.fr//0601178e/StagesNT/EnseignInt2005/Comprendre/couleurs.htm
    target= "blank"> code [2] de la couleur choisie :
<font color="#CC66FF">{{Bonjour}}</font>
  • Effet produit :

Bonjour

  • Si la couleur désirée est "simple", il est possible d’écrire "red", blue", "green", etc.
<font color="red">{{Bonjour}}</font>
  • Effet produit :

Bonjour

<font color="blue">{{Bonjour}} </font>
  • Effet produit :

Bonjour

<font color="green">{{Bonjour}} </font>
  • Effet produit :

Bonjour

  • Augmenter la taille de la police
<font size="72pt">{{Bonjour}} !</font>
  • Effet produit :

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]}}
  • Effet produit :

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.

  • Intérêt de la manœuvre :
    Ceux qui sont friands de tableaux apprécieront ;-)

Comment l’utiliser ? Rien de plus simple !

  • Rendez-vous sur le lien ci-dessous, téléchargez l’archive ZIP, décompressez-la à l’endroit indiqué puis suivez les instructions pas à pas :
  • <a href=http://www.spip-contrib.net/Macro-word
    target= "blank">Macro-spip
Mise à jour : 10 octobre 2007