Catégories
Index

Formation CC

Communication Créative

CC – 1 (cours)

Structuration, stylisation et composition (présentation générale)

Composition, structuration, stylisation (approfondissement)

Les écritures latines

Les couleurs en design graphique

Créer des nuanciers fonctionnels avec Coolors

Les fondamentaux de la communication visuelle (synthèse)

CC-1 (exercices et activités)

Identifier l’écriture 01 et Identifier l’écriture 02 (pour identifier l’écriture de référence sur laquelle s’appuie une police de caractères typographique)

Présenter les polices calligraphiques de Google Fonts (pour consolider l’ancrage chronologique des écritures récemment repérées)

Composer un flyer dans Canva (pour s’entrainer à utiliser dans Canva les images de fond, les formes structurantes et les blocs de textes)

Collecter des blocs-dates (pour repérer les différentes manières de composer un bloc-date)

Caractériser une police de caractères (pour identifier les polices de caractères fondamentales utilisées en communication visuelle)

Réaliser une affiche inspirée du modernisme international (pour appliquer le cours sur la création de nuanciers fonctionnels)

CC-2 (cours)

Les 5 étapes du design d’un logo

Designer un logo, de la préparation à la finalisation

Le design de logo : idéation, création, réalisation

Récapitulatif au niveau 2

CC-2 (exercices et activités)

Quatre cahiers des charges (pour mettre en pratique la méthode proposée dans le cours)

CC-3 (cours)

L’illustration modulaire

Schémas de synthèse de la formation Com-Créa

CC-3 (activité)

Illustrer un kit de communication

Catégories
Index

Formation FCS

Fondamentaux de la Création de Site

FCS – 1 (cours)

Expliquer comment fonctionne le Web

Identifier le contenu d’un dossier de page Web

Les modes de publication en ligne

Personnaliser l’éditeur de code Brackets

Manipuler le code source avec Brackets

Identifier la structure HTML d’une page Web

Utiliser StackEdit (éditeur Markdown) pour structurer un texte destiné à la publication en ligne

Personnaliser un gabarit de site HTML-CSS

FCS-1 (exercices et activités)

Ma couleur préférée pour manipuler le code source et observer le contenu d’un dossier de site simple

Identifier les éléments de la structure HTML pour vérifier ses connaissances sur le rôle de quelques balises essentielles

Coder sans coder pour manipuler des balises HTML virtuelles

Activités sur la structure HTML d’une page Web pour consolider ses acquis sur la structure HTML élémentaire d’une page Web

Structuration et stylisation en 4 étapes pour élaborer une page Web sans prendre en compte toutes les contraintes de la rédaction Web

Rédiger une page Web en 10 étapes pour rédiger et prendre en compte les principales contraintes de la rédaction Web et du référencement naturel

FCS 2 (cours)

Oh my code pour consolider paisiblement ses acquis

Utiliser les services gratuits d’Alwaysdata pour publier en ligne une page Web

Utiliser Filezilla pour transférer un site Web sur un serveur

Se familiariser avec le framework w3.css pour personnaliser des gabarits de sites web réactifs (responsives)

Créer son porfolio avec w3.css pour personnaliser des gabarits de portfolios réactifs (responsives)

FCS 2 (exos)

Tests de mise en page avec w3.css

Personnaliser le gabarit Starter

La toolbox du niveau 2

FCS 3 (cours)

Utiliser le CMS Bludit pour créer un site vitrine simple

FCS 3 (exo)

Personnaliser le thème Massively pour créer un site vitrine à mentionner dans le portfolio de la formation FCS

Catégories
Index

Formation RWRN

Rédaction Web et Référencement naturel

RWRN (cours)

Identifier la structure HTML d’une page Web (prérequis)

Utiliser StackEdit (éditeur Mardown en ligne)

Personnaliser un gabarit de site HTML-CSS

Le parapente de la rédaction Web

RWRN (activités et exercices)

Identifier les éléments d’une structure HTML

Rédiger une page Web en 10 étapes

Nuancer la triplette du bourrin

Catégories
Index

Formation W3CSS

W3.CSS (cours)

Se familiariser avec w3.css pour personnaliser des gabarits de sites Web réactifs (responsives)

Créer son portfolio avec w3.css

W3.CSS (exos)

Tests de mise en page avec w3.css

Personnaliser le gabarit Starter

Catégories
Index

Formations IMeP-DW

Parcours IMeP et DW

Présentation des formations IMeP et DW

Cours pour les candidats aux Titres Pros IMeP et DW

Mener une veille informationnelle

Cours pour les seuls candidats au Titre pro IMeP

Publier son press-book

Construire et commenter un diaporama (pour le titre pro IMeP)

Questionnaires IMeP et DW

Questionnaires sur les cours en ligne

Infographies – bilans

Infographies à imprimer et à compléter

Catégories
Index

Formation FCIL

Enseignement
Techno-Numérique

ETN – M. Goguely

Consignes générales (valables pour tous les cours et tous les exercices)

Cours du 1er semestre

Sept > Oct

Contenu d’un dossier de page Web (pour identifier les fichiers et dossiers manipulés pendant le cours d’ETN)

Manipuler le code source avec Brackets (pour repérer les principaux éléments d’un dossier de site et d’une page Web)

Repérer la structure HTML et manipuler le code source
(pour réaliser un fichier de l’ensemble des élèves de la classe)

Nov > Déc

Intégrer images et dialogues dans un diaporama HTML
(pour scénariser et finaliser une bande dessinée numérique sous forme de diaporama)

Utiliser Photo Creator (pour créer une série d’image sur un thème d’actualité)

Cours du 2e semestre

Jan > Fév

Personnaliser un gabarit de portfolio HTML
(montrer et commenter des photomontages numériques)

Mars > Avril

Personnaliser un dessin vectoriel
(pour faciliter la création d’une animation image par image)

Animation avec vecta.io
(animer image par image un personnage vectoriel)