Catégories
FCS FCS2-exos

La toolbox du niveau 2

Voici une sélection d’outils et de sites conçus pour faciliter l’édition pour le Web. Vous trouverez ci-dessous des ressources utiles en matière de création de site, pour le maquettage et la finalisation de vos portfolios.

Éditeurs de code en ligne

repl.it : éditeur de code à la manière de BRACKETS.

htmleditor.online : éditeur de code WYSIWYG.

Apprentissage HTML CSS et frameworks

w3schools.com : site norvégien d’apprentissage de HTML, CSS, W3.CSS, BOOTSTRAP et plusieurs autres langages.

w3docs : site de tutoriels HTML et CSS (et plusieurs autres langages)… en français.

Faux texte

loripsum.net : générateur de faux texte avec nombreux paramétrages.

quackit.com : « dummy text generator » simple et efficace.

Fausses et vraies images de maquette

placeholder.com : des images de zoning (aplat gris ou coloré), avec texte personnalisable.

picsum.photos : de vraies images intégrables à toutes les dimensions souhaitées.

Icônes Web

flaticon.com : une immense banque d’icônes téléchargeables aux formats svg, png ou jpeg.

fontawesome.com/v4.7.0 : toutes les icônes utilisées dans les gabarits w3.css.

Images libres de droits

pexels.com : une banque d’images rassemblant les images de plusieurs banques d’images gratuites.

freepik.com : une banque d’images vectorielle très riche (avec des icônes et des photos en bonus).

Pour accéder à davantage de ressources iconographiques, consultez le site https://y-goguely.netboard.me/banquesdimages/

Montage photos et illustrations

Photo Creator : outil de montage photo réaliste intuitif et très performant (contenus des montages mis à disposition).

Vector Creator : outil de montage d’illustrations dessinées très stylisées (contenus stylisés mis à disposition).

Autres ressources pour l’édition Web

Pour accéder à davantage de ressources pour l’édition en ligne, consultez le site https://y-goguely.netboard.me/publicationenligne/?tab=176628#

Par Yves Goguely

Formateur au GRETA Clermont-Auvergne