Catalogue de formations 2015-2016

Créer un site internet simple et accessible sous Spip

Depuis 30 ans, Ritimo, réseau d’information et de documentation pour la solidarité internationale et le développement durable, regroupe en France 90 lieux (centres de documentation, lieux ressources, médias et projets documentaires en ligne...) engagés collectivement dans un projet de mobilisation citoyenne pour la solidarité internationale.

Animé par Ritimo, la plate-forme e-change vise à l’appropriation d’Internet par les acteurs du changement, en particulier les acteurs associatifs, pour avoir un regard critique et des applications adaptées à leurs besoins de mobilisation, d’éducation et de sensibilisation. Elle répond aux besoins des acteurs associatifs producteurs de contenus afin de valoriser leurs réflexions, leurs productions sous différents formats, ainsi que leurs actions via un site Web de qualité et avec un coût raisonnable.

Cette formation propose la création et la prise en main de son site internet sur la distribution e-change (créée à partir du logiciel Spip).

Elle se compose de trois journées : la première est dédiée d’une part à la présentation de SPIP et la distribution e-change et d’autre part à l’accessibilité de vos contenus web pour tous les individus quelles que soient leurs aptitudes physiques ou mentales, ou leur façon d’accéder à un ordinateur. La deuxième journée permettra d’apprendre à créer son site à l’aide de la distribution e-change, d’organiser, de publier les premiers contenus et de configurer le fonctionnement du site pour l’adapter à ses besoins. Le troisième jour portera sur le fonctionnement des squelettes, pour apprendre à personnaliser l’apparence visuelle d’un élément de la page et l’apparence générale du site.

Les formations seront assurées par Benoit Mamet et Cédric Morin de Nursit, plateforme d’hébergement basée sur SPIP et concepteur de la distribution e-change et par Armony Altinier, de la SCOP Access42.

Objectifs

• Présenter la « distribution e-change » et le logiciel de gestion de contenus SPIP (système de publication de contenu pour l’internet).

• Apprendre à créer son site internet à l'aide de la distribution SPIP, de l'organiser, de publier les premiers contenus, et de configurer le fonctionnement du site pour l'adapter à ses propres besoins.
  
  

Contenus

Matin :

Présentation du logiciel SPIP et de la plateforme e-change.
Écrire un nouvel article et ajouter des images, des documents dans un article.
Déplacer un article.
Publier un article à la une.
Publier un édito et un album photo.
Ajouter le fil twitter sur le site
Syndiquer un fil RSS .
Modifier le menu de navigation principal dans le site.
Taille et poids des images
Choisir un thème visuel pré-existant.
Récupérer son zip, sauvegarde/restauration.
Comment migrer mon site qui existe déjà ?
Bouton mémo ?

Après-midi :

Définir l'accessibilité du Web.
Les principales aides techniques utilisées par les personnes handicapées sur le Web.
Les principales difficultés rencontrées par les personnes handicapées sur Internet.
Le public senior
Les grands principes de l'accessibilité numérique, ses bénéfices pour tous et ses avantages induits (interopérabilité, référencement).
Choisir le référentiel adapté à sa situation selon son contexte,
Les grandes étapes de la mise en place d'une démarche accessibilité du Web autant en terme technique qu'en terme d'organisation interne et le rôle des différents intervenants.

jour 2 :

Introduction à SPIP : dossier squelette.
Créer une page hello.html, ajouter des styles puis les déplacer dans un fichier CSS.
Utilisation de skeleditor.
Introduction à HTML.
Introduction aux CSS.
Notion de surcharge.
Qu'est-ce que la distribution ?
Mise en page du site.

jour 3 :

Organisation des CSS dans la distribution et compression des CSS (activer/désactiver).
Notion de responsive (media-queries)
Notions de thème dans SPIPr/BootStrap: choisir un thème visuel pré-existant.
Utilisation de firebug pour repérer un élément dans la page.
Construire le sélecteur CSS pour le cibler.
Ajouter une règle CSS dans perso.css pour modifier cet élément de page.
Mettre à jour la page pour voir le résultat.
Présentation du fichier variables.less pour les réglages de base de l'apparence. Personnalisation pour modifier les réglages généraux d'apparence sur lequel le site est construit.

Approche pédagogique

La participation des participants est indispensable et prend une place importante au sein des formations Ritimo.