Ce qu’il faut utiliser et savoir en tant que rédacteur d’un site sous SPIP

Retour Sommaire

Outils

Retour Sommaire

Navigateur et extensions

  • Un navigateur : Firefox
  • Pour ne pas être gêné par le cache de FireFox :
  • Des extensions pour les rédacteurs :
    • Shrunked Image Resizer : permet de redimensionner les images à la volée en les envoyant au serveur [1]
    • HTML Validator With Tidy : à régler en mode SGML
      Permet de vérifier qu’il n’y a pas d’erreur grossières dans les raccourcis typographiques utilisés
    • Headings Map
      Permet de vérifier que les titres sont correctement utilisés dans la page
    • Pour utilisateurs avancés, férus d’accessibilité Opquast Desktop : permet d’effectuer à tout moment plus de 450 tests qualité, seo, accessibilité, performance… sur les pages que vous êtes en train de consulter ou de développer.
  • Des extensions utiles en tout temps
    • The Addon Bar (restored) : pour retrouver la barre des modules dans Firefox 29+ (Australis)
    • RSS Icon pour retrouver l’icone de RSS dans la barre d’adresse de Firefox 4 [2]
    • Adblock Plus : pour ne plus avoir de publicités
    • FireShot : pour faire des captures d’écran du navigateur
    • Facultatif : Muter : pour couper le son de FireFox (utile si une vidéo démarre dans un onglet qu’on ne voit pas)
    • LastPass : pour gérer ses mots de passe dans un coffre fort sécurisé avec remplissage automatique des formulaires de login
    • Backspace Enabler : uniquement sous Linux : pour que la touche retour arrière ramène à la page précédente comme sous Windows et MacOSX

Et pour aller un peu plus loin : Une collection d’extensions FireFox pour les rédacteurs SPIP.

Retour Sommaire

Des images libres de droit

  • Icon Finder : des icônes dont certaines sont libres de droit
  • IconsDB : d’autres icones
  • morgueFile
  • Photo Pin
  • everystockphoto
  • Wikimedia commons
  • foter : méta moteur de recherche d’images libres de droit
  • Pexels
  • Pixabay : que nous utilisons très très souvent !
  • ReShot
  • photosgratuiteslibresdedroits.com : Des centaines de photos gratuites libres de droits à télécharger
  • Negative Space : des photos tombées dans le domaine public
  • Stock Up : moteur de recherche pour plus de 9000 images
  • visualhunt : pour rechercher dans 350 millions d’images libres de droit !
  • LibreStock : moteur de recherche d’images libres de droit
  • Pixnio : images gratuites pour toute personne et toute utilisation
  • pikwizard : images libres de droit gratuites
  • [Burst-https://burst.shopify.com/ ] : photos gratuites gratuites libres de droit à usage commercial
  • Unsplash : banque d’images à haute résolution
  • Gratisography : images gratuites à usage commercial
  • Little Visuals : Images gratuites à haute résolution
  • SuperFamous : images de haute qualité gratuites à télécharger, utilisation à des fins personnelles et commerciales
  • Life Of Pix : photos de très haute résolution
  • Startup Stock : images professionnelles en haute résolution, idéales pour un site web traitant de technologie
  • MMT : photos professionnelles gratuites à usage commercial
  • Pexels : photos artistiques professionnelles
  • Magdeleine : possibilité de trier les photos en fonction des couleurs et des catégories
  • Jay Mantri : photos de ville et de paysages libres de droits à usage commercial
  • Stock Snap : images et photos gratuites à usage commercial
  • Picography : magnifiques photos de « style de vie » pouvant être utilisées à des fins commerciales
  •  

Et pour Google Maps :

  • Mapicons collection un grand choix d’icones, et la possibilité de personnaliser leurs couleurs
Retour Sommaire

Aide à l’écriture

Retour Sommaire

Outils de retouche d’image

Retour Sommaire

En ligne

  • Sumo Paint Un photoshop-like en ligne
  • Aviary : une suite d’outils en ligne (rachetés par Google)
Retour Sommaire

En local

  • XnView : retouche d’image et traitement par lot
  • Screenshot Captor : Open source : capture d’écran et retouches
  • Paint.Net : un clone de Photoshop™ gratuit
  • The Gimp : la référence Open Source face à PhotoShop (interface qui peut dérouter)
  • ShareX permet de faire des captures et de retoucher les images
Retour Sommaire

Outils de retouche sonore

  • Audacity : la rolls pour traiter les sons !
Retour Sommaire

Mise en œuvre avec un CMS

Les principes sont les mêmes quel que soit le CMS.

Ces articles sont écrit pour SPIP, mais la mise en œuvre serait sensiblement la même avec un autre CMS :

Retour Sommaire

Les bases pour les rédacteurs

Retour Sommaire

Squelette SoyezCreateurs sous SPIP

Retour Sommaire

Vous préférez une formation (pouvant être prise en charge par votre OPCA) : Plan de cours : Formation SPIP + SoyezCréateurs.

[1Un résident Windows équivalent pour tous navigateurs : RoboSizer.