Photos videos et images

Philippe ROCA
Formateur TICE
Système de Publication
pour
l’Internet Partagé
Philippe ROCA
Formateur TICE
ScolaSPIP
ScolaSpip
Philippe ROCA
Formateur TICE
 Personnalisation :




Couleurs
Page d’accueil « edito »
Bandeau supérieur : texte ou image
Activation : affichage de l’agenda, des brèves…
Philippe ROCA
Formateur TICE
Insérer une image ou un
document (texte)
Philippe ROCA
Formateur TICE
Caractéristiques
 Ne pas dépasser des dimensions d’environ
1024 x 768 pixels, soit environ 300 Ko
maximum.
 Pas d’images provenant directement d’un
appareil photo.
 Redimensionnement, recadrage à l’aide
d’un logiciel gratuit, comme Photofiltre.
Philippe ROCA
Formateur TICE
Insertion
 Dans un article, fonction
« Ajouter une image
ou un document »
 l’image reçoit un numéro
 Facultatif :
 « Titre de l’image »
 « Description »
 « Supprimer (…) »
 « Déposer dans le
portfolio »
Philippe ROCA
Formateur TICE
Mise en page
 3 paramètres :
 Numéro de l’image (ou du document) ;
 Alignement : left, center ou right ;
 Type d’affichage : doc ou img ;
 Images affichées à une taille fixe définie dans les
paramètres du site ;
<img51|center>
<doc51|center>
Philippe ROCA
Formateur TICE
Portfolio
 Définition dans les paramètres du document
 Intégration dans le portfolio
 Permet de réaliser un diaporama
 Les images
sont affichées en
miniature et
lorsqu’on clique
dessus, on lance
le diaporama en
plein écran
Philippe ROCA
Formateur TICE
Documents
 Mêmes paramètres pour les documents
(texte, tableau, PréAO, diaporama en
SWF….)
<img52|center>
<doc52|center>
Philippe ROCA
Formateur TICE
Insérer un son
Philippe ROCA
Formateur TICE
Insertion
 Un seul format à utiliser : MP3
 On insère les sons comme les images avec la
fonction « Ajouter une image ou un document »
 Soit on propose le
fichier en téléchar-gement
<doc55|center>
 Soit on le propose
à l’écoute directe
<doc55|player>
Philippe ROCA
Formateur TICE
Insérer une vidéo
Philippe ROCA
Formateur TICE
Formats
 Il est possible d’insérer une vidéo stockée sur les
sites de Youtube, Dailymotion ou de la Web TV
académique : http://webtv.ac-versailles.fr
 Si vous stockez la vidéo sur le site du collège, il
faut utiliser le format FLV (Flash Vidéo)
 La conversion depuis n'importe quel format se fait
avec Quick Media Converter
 À télécharger à http://www.01net.com
Philippe ROCA
Formateur TICE
Conversion
 Si nécessaire, convertissez les sons et vidéos
sous un format plus utilisable.
 Différents CODECs (Codeur-Décodeur) :
 Sons : format MP3
 Vidéos : format FLV pour diffuser sur le site
internet ;
 Utilisation du logiciel gratuit Quick Media
Converter
 À télécharger à http://www.01net.com
Philippe ROCA
Formateur TICE
Quick Media Converter
 1. Glisser les fichiers dans le tableau central ou
sélectionnez-les en utilisant l’icône
 2. Cliquez sur l’icône
 « et choisissez « DIVX Redim libre »

et « Flash video Redim libre » pour de la vidéo sur le
site

et « MP3 » pour du son sur le site
 3. Sélectionnez l’emplacement où arriveront les fichiers
convertis
 4. Lancez la
conversion
Philippe ROCA
Formateur TICE
Insertion
 On insère les vidéos comme les images avec la
fonction « Ajouter une image ou un document »
 Soit on propose le fichier
en téléchargement
<doc56|center>
 Soit on le propose
à l’écoute directe
<doc56|player>
Expérimentation
Philippe ROCA
Formateur TICE
 SPIP Portable
 Plugins
 Site : Portable\ZMWS\_web.zmwsc\spip
 Navigateur : Mozilla Firefox (45%), Google
Chrome (10%), Opera (4%), Apple Safari (2%).
Eviter IE (35%)
 Premier onglet : espace privé
 Deuxième onglet : page publique





Notepad++
RGBéditor
PhotoFiltre
OpenOffice
7-Zip