FFCT-Centre-Val de Loire
Le cyclotourisme dans la région Centre-Val de Loire
Les rubriques du site :
Photo gagnante du concours jeunes
2019
La citation du jour
Louis Mermaz : S’arrêter, lorsque l’on est sur une bicyclette, cela revient à tomber.
Concours photo 2018 : toutes les photos participantes
Dernières brèves
Concours photo 2018 : toutes les photos participantes
Catégories
- Documentation
- Commissions
- Organisations
- Dossiers
- espaces
- Qualifications
- Gestion du site
- Glossaire
2018 2017
FFCT-Centre-Val de Loire

Toute l’information régionale du tourisme à vélo et du cyclotourisme.

https://ffct-centre.org


Cours précédent :Positionner une image et sa légende << Le programme >> Cours suivant :Modifier l’ordre des images


Une gageure réalisée : cet article parle de photos et n’en affiche... aucune !

 Le cours

Normalement, un portfolio est un document constitué dans le but de prouver les compétences d’une personne. On parle d’ailleurs moins de portfolio de nos jours que de "portefeuilles de compétences" ou de "cyberfolio". Voir l’article portfolio sur Wikipedia.

Spip   a récupéré le terme pour l’attribuer à une manière différente d’afficher les photos (et les images). Généralement, les photos et images sont utilisées pour illustrer les articles (voir les cours précédents). Le portfolio de Spip   présente ce qu’il serait plus juste d’appeler une "planche contact" et permet d’accéder à une forme de diaporama.

Pour voir le portfolio ou visionner le diaporama, il faut se placer dans l’espace public. Voici un article qui utilise cette technique : Concours photo 2019 : toutes les photos participantes. L’accès du côté privé permet de constater que l’article ne contient aucune photo d’illustrations : elles ont toutes été rangées dans le portfolio. Côté public, l’article permet d’abord de voir la planche contact baptisé "portfolio"[Pourquoi faire compliqué quand on peut faire simple...!]] en mode "vignettes" (photos de petite taille très vite affichées). Un clic sur une photo permet de l’afficher en taille plus normale [1] et d’accéder à la fonction "diaporama" (en fait un diaporama automatique) ou au visionnage photo par photo à l’aide des flèches présentes sous la photo.

Comment créer un diaporama ?

Tout d’abord, il vaut mieux réserver cette fonctionnalité pour afficher une collection de photos. S’il n’y en a qu’une ou deux, voire trois, peut-être que l’ajout normal dans la page de l’article devrait suffire.

  1. Créer l’article qui permettra d’afficher toutes les photos
  2. Joindre toutes les photos (voir ci-dessous "Comment joindre rapidement un grand nombre de photos").
  3. Les mettre toutes dans le portfolio
  4. Publier l’article

Difficile de faire plus simple apparemment.

Comment joindre en une seule fois plusieurs photos ou images ?

Il va falloir préparer un document avant de télécharger : il s’agit de créer un fichier zippé (au format .zip) regroupant toutes les photos. C’est ce fichier qu’il faudra télécharger et non les photos. Pour réaliser un zip d’un ensemble de fichiers, il est recommandé d’utiliser un logiciel qui n’ajoute pas trop d’informations. Ce site préconise 7zip (lien vers "téléchargement de 7zip" et vers "En savoir davantage sur 7 zip")

Spip   va alors demander s’il faut conserver le fichier .zip comme un document ou s’il faut dézipper. Évidemment, il faut dézipper. Inutile de conserver le fichier zippé sur le site. Spip   va aussi poser d’autres questions et en particulier s’il faut installer les images dans le portfolio. Évidemment, il faut accepter puisque c’est l’objectif.

Et voilà, c’est fini.

Nota : la technique peut être utilisée pour télécharger plusieurs illustrations d’un seul coup. Alors, il ne faudra pas les installer dans le portfolio.

Comment illustrer l’article éventuel de présentation des photos par l’une des photos ?

Il faut récupérer le numéro de la photo à intégrer et l’inclure dans la page avec le code "emb" au lieu de "img" ou "doc".

  • "imgXXX" affiche la photo seule, une vignette si la photo est dans le portfolio
  • "docXXX" affiche la photo (ou une vignette si la photo est dans le portfolio), son titre et son descriptif.
  • "embXXX"affiche la photo en taille réelle si elle est dans le portfolio (ou si elle n’y est pas).

 Exercices

  • Créer un article et y ajouter quatre ou cinq photos après les avoir allégées (dpi   à 72 et plus grand côté à 400 pixels). Puis les mettre dans le portfolio. Rédiger un article de présentation en y intégrant la vignette d’une des photos et une des autres photos dans son format original.

 Auto-évaluation

- Comment afficher un diaporama de photos dans un article sous Spip s'il n'y a pas de carrousel installé ?
- Comment télécharger rapidement un lot de photos pour créer un diaporama avec Spip ?
- Avec Spip, quel est le code à utiliser pour intégrer la photo n°2020 à sa taille normale si la photo est rangée dans le portfolio ?


Cours précédent :Positionner une image et sa légende << Le programme >> Cours suivant :Modifier l’ordre des images



Pour contacter le formateur, cliquer sur le lien suivant : contact

dimanche 15 mars 2020 , par Roland Bouat (MDT)


[1Dans l’article cité en exemple, les photos sont plutôt petites afin de les protéger contre l’utilisation sans droit.

Mots clés : doc. web, Formation, web

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document


Article précédent : Positionner une image et sa légende

Article suivant : Modifier l’ordre des images