Catégorie : Index

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

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

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 (cours et activité)

Créer une mascotte

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 pratiquement sans coder

FCS 3 (exo)

Personnaliser le thème Massively pour créer un site vitrine ou un portfolio

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

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

Parcours IMeP et DW

Présentation des formations IMeP et DW

Mener une veille

Mener une veille informationnelle

Publier un press-book

Cours pour les seuls candidats au Titre pro IMeP

Publier un press-book pour valider le titre pro IMeP

Construire un diaporama

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)

Construire et commenter un diaporama pour valider ses compétences de designer Web
(pour la validation du titre pro DW)

Questionnaires

Questionnaires sur les cours en ligne

Infographies – bilans

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)