Catégorie : Index

Communication Créative

CC-1 (cours)

Ressources pour la communication visuelle (bouquet de liens)

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

Structuration, stylisation, composition (approfondissement)

Les écritures latines

Les couleurs en design graphique

Les fondamentaux de la communication visuelle (synthèse)

CC-1 (exercices et activités)

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

Présenter ses propositions graphiques

Récapitulatif avec Balo

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és)

Illustrer un kit de communication

Créer une mascotte

Fondamentaux de la Création de Site

FCS – 1 (cours)

Expliquer comment fonctionne le Web

L’architecture client-serveur et les protocoles HTTP et FTP

Identifier les étapes du processus de design Web

Identifier le contenu d’un dossier de page Web

Les modes de publication en ligne

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

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é)

Rédiger une page Web en 10 étapes

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 pour présenter ses travaux à partir d’une structure mettant en valeur les projets à montrer

W3.CSS (exos)

Tests de webdesign avec w3.css

Personnaliser le gabarit Starter

Utiliser les kits W3.CSS

Présentation des parcours IMeP et CDUI

Dispensée en début de session, ce cours présente l’articulation entre les différentes formations et modules proposés pour la préparation des titres pros Infographiste Metteur en Page et Concepteur Designer UI.

Présentation des parcours IMeP et CDUI

Mener une veille informationnelle

Ce cours concerne une pratique fondamentale du design graphique et détaille toutes les étapes du processus à suivre pour mener une veille active et en partager les résultats.

Mener une veille informationnelle

Publier un press-book

Le press-book est le nom donné dans le référentiel du titre IMeP pour désigner une présentation imprimée de travaux personnels réalisés en formation. Ce cours permet de préparer cet imprimé dans les règles de l’art.

Publier un press-book pour valider le titre pro IMeP

Construire un diaporama commenté

La validation d’un titre professionnel passe par la présentation au jury d’un diaporama commenté au cours duquel le candidat fait part de son projet professionnel et en détaille les principales étapes. Cette épreuve se prépare avec soin.

Identifier les canaux d’un diaporama commenté

Construire et commenter un diaporama pour défendre son projet pro
(pour la validation du titre pro IMeP)

Bilans sous forme d’infographies

Cette section rassemble plusieurs infographies pouvant être utilisées pour faire le point sur son parcours de formation?

Infographies à imprimer et à compléter

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)