Introduction à la formation Première Pro Perfectionnement

Rappels des fondamentaux

Saisie et paramètres de projet

Définition standard et haute définition

Créer et éditer des paramètres de projet

Ajuster les préférences de l’utilisateur

Saisir la vidéo et l’audio

Enregistrer et paramètres de saisie

Saisie en lots

Importer des éléments

Gérer les médias dans le panneau projet

Gérer des médias dans l’explorateur de médias

Aperçu des formats: vidéo: audio: images

Problèmes vidéo, audio, images et graphiques

Se servir du panneau source

Options d’affichage et de rappel

Notions de base du montage

Utiliser un point d’entrée et un point de sortie

Aperçu du montage et de la séquence

Ajouter, supprimer des pistes audio/vidéo

Créer un premier montage

Outils et marqueurs de base du montage vidéo

Moniteurs de programme et de référence

Rogner des clips audio et vidéo

Travailler avec l’outil d’édition propagation et l’outil

de suppression de propagation

Montage en trois points

Effets et transitions

Effets et panneau contrôle des effets

Initiation aux transitions audio et vidéo

Ajouter, supprimer et éditer les transitions

Utiliser l’outil de coupe et l’outil d’édition de

modification sur les transitions

Filtres audio et vidéo

Filtres de base d’amélioration vidéo et audio

Comprendre la correction de couleur vidéo

Appliquer la réduction de bruit audio et vidéo

Correction de base de la couleur

Créer des titres

Travailler en se servant de la fenêtre titre

Outils de titrage: actions: propriété

Styles de lettrage

Utiliser des modèles de titrage

Utiliser des images clés

Utiliser des images clés

Ajouter: supprimer des images clés

Éditer des images clés

Pistes audio à l’aide du panneau mixage audio

Exportation

Exporter: Adobe Media Encoder

Formats: QuickTime: H.264

Windows Media : Adobe Encore

Paramètres d’exportation pour You Tube: Vimeo

et Apple TV et des lecteurs de médias portatifs

Exporter vers un DVD SD ou BLU-Ray

Introduction à la formation Adobe Première Pro

• Initiation au montage non-linéaire
• Interface : Panneaux : Outils
• Espaces de travail

Saisie et paramètres de projet

• Définition standard et haute définition
• Créer et éditer des paramètres de projet sur Première Pro
• Ajuster les préférences de l’utilisateur
• Saisir la vidéo et l’audio
• Enregistrer et paramètres de saisie
• Saisie en lots

Importer des éléments dans Adobe Première Pro

• Gérer les médias dans le panneau projet
• Gérer des médias dans l’explorateur de médias
• Aperçu des formats : vidéo, audio, images
• Problèmes vidéo, audio, images et graphiques
• Se servir du panneau source
• Options d’affichage et de rappel

Notions de base du montage Adobe Première Pro

• Utiliser un point d’entrée et un point de sortie
• Aperçu du montage et de la séquence
• Ajouter, supprimer des pistes audio/vidéo
• Créer un premier montage
• Outils et marqueurs de base du montage vidéo
• Moniteurs de programme et de référence
• Rogner des clips audio et vidéo
• Travailler avec l’outil d’édition propagation et l’outil de suppression de propagation
• Montage en trois points

Effets et transitions

• Effets et panneau contrôle des effets
• Initiation aux transitions audio et vidéo
• Ajouter, supprimer et éditer les transitions
• Utiliser l’outil de coupe et l’outil d’édition de modification sur les transitions

Filtres audio et vidéo

• Filtres de base d’amélioration vidéo et audio
• Comprendre la correction de couleur vidéo
• Appliquer la réduction de bruit audio et vidéo
• Correction de base de la couleur

Créer des titres

• Travailler en se servant de la fenêtre titre
• Outils de titrage : actions, propriétés
• Styles de lettrage
• Utiliser des modèles de titrage
• Utiliser des images clés

Ajouter / supprimer des images clés

• Éditer des images clés
• Pistes audio à l’aide du panneau mixage audio
• Exportation

Exporter : Adobe Media Encoder

• Formats : QuickTime, H.264
• Windows Media : Adobe Encore
• Paramètres d’exportation pour YouTube, Vimeo, Apple TV et des lecteurs de médias portatifs
• Exporter vers un DVD SD ou BLU-Ray

Conclusion sur la formation Première Pro

Introduction à la formation Adobe InDesign

• Présentation du logiciel et de ses cas d’usage professionnels
• Découverte de l’interface, des outils et des panneaux de travail
• Personnalisation de l’espace de travail pour un flux efficace
• Fixation des préférences du document et du logiciel

Créer et structurer un document

• Définir le format, les marges et la pagination automatique
• Créer un document multi-colonnes et organiser les pages
• Utiliser les repères, grilles et modes d’affichage
• Maîtriser les gabarits simples et complexes

Manipuler les blocs

• Créer et gérer des blocs texte, image et vectoriel
• Chaîner, aligner, redimensionner et modifier les blocs
• Contrôler les contenus, contenants et contours

Maîtriser le texte et la typographie

• Mise en forme du texte via la barre de contrôle
• Styles de paragraphe, de caractère et GREP
• Texte sur tracé, objets ancrés, variables de texte
• Gestion des colonnes, tabulations, césures et habillage
• Correction orthographique et recherche/remplacement avancée

Styliser et automatiser

• Utiliser et imbriquer les styles de texte et d’objet
• Importer des styles depuis Word et synchronisation en mode livre
• Créer des listes à puces/numérotations automatiques
• Générer automatiquement une table des matières et des notes de bas de page

Créer et gérer des tableaux

• Créer un tableau dans InDesign ou importer depuis Excel/Word
• Appliquer des styles de tableau et de cellule
• Intégrer visuellement les tableaux à la mise en page

Images et médias

• Importer et positionner des images (manuelle et en mode grille)
• Utiliser le panneau Liens pour gérer les visuels
• Détourage, cadrage, habillage du texte et légendes dynamiques
• Exploitation des métadonnées

Couleurs, nuanciers et dégradés

• Créer, modifier et organiser des couleurs personnalisées
• Utiliser les bibliothèques et nuanciers (Pantone, CMJN, RVB)
• Appliquer transparence, recouvrement et surimpression

Structurer les documents longs

• Utiliser les sections, chapitres et chaînage automatique
• Créer un livre InDesign et gérer les calques
• Créer des signets, index et boutons interactifs (Indexmatic)

Préparer les documents pour l’impression et le web

• Contrôle en amont, vérification des polices et images
• Aperçu des séparations et assemblage du fichier
• Création de profils de vérification et d’exportation
• Export aux formats PDF, SWF, ou interactif pour le web
• Impression, épreuves et création de la couverture complète

Formation complémentaire recommandée

InDesign avec IA – Du texte à l’image
: apprenez à intégrer l’intelligence artificielle dans votre workflow créatif avec Adobe Firefly.

Introduction à la formation WordPress

Présentation du programme de la formation

Mise en place des outils nécessaires

Qu’est-ce qu’un Gestionnaire de Contenu (CMS) ?

Historique de WordPress

Vocabulaire de WordPress (article, page, widget, thème, plugin…)

Installation et configuration de base

Déposer un nom de domaine

Trouver un hébergeur

Télécharger et installer WordPress

Configurer WordPress

Découverte du tableau de bord

Créer et organiser le contenu

Créer des articles et des pages

Afficher des articles sur la page d’accueil

Créer des catégories

Créer et gérer des menus

Atelier pratique : créer des articles, des menus et afficher sur le site

Gestion des médias

Formats image (PNG, GIF, JPEG)

Gérer les fichiers médias

Insérer des images et vidéos dans les contenus

Administration du site

Gérer les utilisateurs et leurs droits

Créer des groupes et définir les accès

Gérer l’apparence du site

Notion et choix de thème

Installer et paramétrer un thème

Personnalisation de l’apparence

Extensions WordPress

Définition et utilité d’un plugin

Trouver, télécharger et installer des extensions

Configurer les plugins

Référencement dans WordPress

Définition et importance du référencement

Notions de base du SEO

Extensions SEO pour WordPress
Les concepts clés du SEO

Référencement local

SEO appliqué à WordPress

Préparation du thème en HTML/CSS

Format et types de balises HTML

Utilisation des balises HTML5

Atelier : création d’un site statique HTML5/CSS3

Création d’un thème WordPress

Structure d’un thème et fichiers essentiels

Déclaration et configuration du thème

Hiérarchie des pages et modèles

Fonctions d’inclusion, marqueurs et références

Personnalisation avec functions.php

Les boucles, hooks (actions et filtres), formats d’articles

Champs personnalisés et internationalisation

Préparer le package final

Atelier : création d’un thème WordPress complet

Création d’un thème enfant WordPress

Concept et utilité des thèmes enfants

Modifier ou ajouter des fonctions

Atelier : création d’un thème enfant

Introduction à la formation WordPress

Présentation du programme de la formation

Mise en place des outils pour la formation WordPress

Installation et configuration de base

Qu’est-ce qu’un Gestionnaire de Contenu (CMS) ?

Vocabulaire de WordPress (article, page, widget, thème, plugin,,,)

Historique de WordPress

Déposer un nom de domaine.

Trouver un hébergeur pour son site.

Télécharger WordPress

Installer WordPress

Configurer WordPress

Tableau de bord

Créer et organiser le contenu

Créer des articles

Afficher des articles en page d’accueil

Créer des catégories

Créer des menus

Atelier pratique: créer des articles, des menus et afficher sur le site

La gestions des médias

Les formats image (PNG, GIF, JPEG).
Gérer des médias
Insérer des images
Insérer la vidéo

Administration du site

Les utilisateurs, les groupes et les droits

Droits d’accès au contenu

Gérer les utilisateurs

Gérer l’apparence du site

Notion de thème

Installer des thèmes

Paramétrer le thème

Modifier l’apparence des thèmes

Extension WordPress

Définir un plugin

Paramétrer un plugin

Où trouver des extensions WordPress

Télécharger/installer des extensions

Référencement dans WordPress

Définition du référencement

Notions de base du référencement naturel

Extension WordPress pour le référencement

Recommandé suite à cette formation :

Formation WordPress : Créer un thème et le référencement

Formation WooCommerce

Formations Avancées WordPress:

Formation création de plugins WordPress

Introduction à la formation Foundation 5

Qu’est ce que Foundation

documentation Foundation.

Télécharger/installer Foundation

Atelier pratique : Créer un dossier d’un site web avec Foundation complet

Premiers pas avec foundation

Approche du Responsive Web Design( requêtes de média, les textes, les images)

La grille de mise en page de Foundation

Découvrir la grille de Foundation

Appliquer une grille par média(les écrans d’ordinateur, les Smartphones)

Adapter une grille selon l’?orientation de l’écran

Grille imbriquée

Les composants de navigation

La barre de navigation horizontale, latérale

Manipuler une barre de navigation

Faire apparaître le fil d’Ariane

Système de pagination

Manipuler les fenêtres modales

Exploiter les fenêtres d’alerte

Utiliser des composants de Foundation pour le contenu

Mettre en place des menus déroulants

Intégrer des accordéons avec Foundation

Implémenter des panneaux à onglets

Configurer des blocs à hauteur identique

Insérer des tableaux simples avec Foundation

Explorer un exemple de page d’accueil

Medias avec Foundation

Affecter des images responsive

Visualiser les vignettes d’image

Incorporer une vidéo responsive

Afficher un diaporama d’images ou slider avec Foundation

Personnaliser le slider

Afficher un diaporama d’images interactif

Les formulaires

Insérer un formulaire avec les objets usuels

Connaître les options des formulaires

Valider les formulaires

La mise en page et la typographie

Appliquer une mise en forme typographique

Manipuler des listes en ligne

Ajouter des étiquettes de mise en forme

Jouer sur les touches du clavier

Gérer les utilitaires de mise en page

Introduction à la formation HTML5 / CSS3 + cours JavaScript

Modèle Client/Server: Les protocoles associés

Sites (statiques,  dynamiques)

Environnement de développement

Atelier pratique:Mise en évidence et installation des outils de développement

Apprendre HTML

Principes de fonctionnement

Structure d’un document XHTML

Doctype

Type des balises

Format des balises

Atelier pratique: Création d’un premier site web

Mettre du contenu texte, Insérer des liens hypertextes

Les entités HTML

Balise de type bloc

Balise de type en ligne

Retour chariot

Les liens

Les ancres

les liens mailto

Liens relatifs

Liens absolus

Utiliser les images et les médias

Formats d’images pour le web

La balise img

Redimensionnement

Les sons, vidéos

Utiliser des listes

Les listes à puces

Les listes numérotées

Les liste de définitions

Atelier pratique:Créer un menu de navigation

Structurer un page avec des tableaux

Spécifier un tableau : taille, bordure, centrage, couleur de fond, …

Créer un tableau html

En têtes de tableau

fusion des cellules d’un tableau

Atelier pratique:Structurer notre site web avec les tableaux

Créer des formulaires

Principes de l’interaction avec l’utilisateur

Les champs de saisie, les boutons de sélection

Cases à cocher

Les listes de sélection

Bouton d’envoi

Atelier pratique: création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages

Insérer et Définir un style

Principes des règles CSS

Associer un style à une balise HTML

Types de sélecteurs : balise, classe, ID, composé

Les couleurs et arrière plans

Organisation en boîtes : bordures et marges

Atelier pratique:mettre en forme notre site web

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique: mettre en forme du texte

Structurer le contenu d’un document

Diviser un document

Les identifiants de division

Identifiant avec CSS

La balise span

Atelier pratique:Structurer notre site web avec les div

Mise en page CSS, positionnement css

Marges intérieures et extérieures

Largeur et hauteur des blocs

Les blocs flottent

Différentes méthodes de positionnement css

Habillage CSS

Gérer l’arrière-plan

Utiliser les images de fond

Mise en pratique

Affichage des blocs et de leur contenu

Voir d’autres sélecteurs avancées

Sélecteurs d’attributs

Imbriquer les sélecteurs

E-marketing

Présentation des enjeux du référencement

Connaître les actions de base.

Choix des mots-clés

Soumission dans les moteurs et annuaires

E-mailing, newsletter et affiliation;

Atelier pratique: référencer les pages de notre site web

Apprendre le langage JavaScript

Déclaration et portée des variables.

Types de données (Number, Boolean, Date, Math, String, Array).

Gestion des chaînes de caractères

Manipulation des dates

Manipulation des tableaux

Opérateurs logiques et arithmétiques.

Boucles (for, while…).

Boîtes de dialogue prédéfinies

Fonctions de base prédéfinies en JavaScript

Atelier pratique: Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples exemples pratiques.

Déboguer et tester JavaScript

Outils de débogage des navigateurs

Déboguer dans l’éditeur de texte

Gérer les Evénements

Les principaux événements JavaScript

ajouter un gestionnaire d’événement

associer un traitement à un événement

Atelier pratique:Changer dynamiquement les propriétés d’une image

Gestion de formulaires HTML

Manipulation de contenu de formulaire

Créer des contrôles de saisie en JavaScript

Fonctions de validation de formulaire.

Evénements liés aux éléments de formulaire : changement, initialisation, clic…

Atelier pratique: Contrôle des champs de formulaire avant soumission

Manipulation de la page (DOM2)

Arbre DOM

Méthodes de sélection d’éléments

Les Propriétés d’état

Les propriétés de relation

Modification du contenu HTML

Modification du style des éléments HTML

Atelier pratique:Mise en oeuvre des différentes fonctionnalités du DOM à travers de multiples exemples pratiques.

Introduction à AJAX / L’API Fetch

Principe de fonctionnement
Programmation asynchrone
L’objet XMLHttpRequest
Créer une requête fetch()
Gérer les erreurs
Syntaxe async et await

Atelier pratique: Lire le contenu d’un fichier texte

Introduction à la formation Dreamweaver

Introduction

Qu’est-ce qu’un site Internet?

Qu’elles sont les différentes catégories de site sur Internet ?

Modèle Client/Server

Sites statiques

Sites dynamiques

Dreamweaver

Interface du logiciel

L’environnement de travail

Les menus et les palettes

Principes de fonctionnement

Initiation au langage html

Structure d’un document HTML5
Doctype
format des balises
type des balises

Atelier pratique : Création d’un premier site web

Bases de la création de site avec Dreamweaver

Créer une nouvelle page
Incorporer et baliser du texte dans une page
Créer un tableau
Créer des liens
Insérer des listes à puces
Insérer des listes numérotées
Insérer des liste de définitions

Atelier pratique : Créer un menu de navigation

Utiliser les images et les médias

Formats d’images pour le web
La balise img
Les sons, vidéos

Mise en page avec des tableaux

Spécifier un tableau : taille, bordure, centrage, couleur de fond, …
Créer un tableau html
En têtes de tableaux
fusion des cellules d’un tableau

Atelier pratique : Structurer notre site web avec les tableaux

Créer des formulaires

Principes de l’interaction avec l’utilisateur
Les champs de saisie, les boutons de sélection
Cases à cocher
Les listes de sélection

Boutons d’envoi

Atelier pratique : création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages
Insérer et Définir un style
Principes des règles CSS
Associer un style à une balise HTML
Types de sélecteurs : balise, classe, ID, composé
Les couleurs et arrière plans
Organisation en boîtes : bordures et marges

Atelier pratique : mettre en forme notre site web

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique : mettre en forme du texte

Les feuilles de styles avec CS Designer

Découvrir CS Designer
Ajouter des styles dans la page
Ajouter des styles dans un document externe
Ajouter des selecteurs
Ajouter des propriétés

Habillage CSS

Gérer l’arrière-plan
Utiliser les images de fond

Affichage des blocks et de leur contenu

Transférer son site sur un serveur distant avec Dreamweaver

Qu’est-ce que le FTP ?
Démonstration avec FileZilla

Atelier pratique : mise en ligne de notre site

Introduction à la formation Responsive Web Design

Principe

Vocabulaire(ecran, dimensions,résolution, grid, scan,…)

supports (mobile, tablette, ordinateur,…)

Point de rupture

Standards HTML, HTML5, CSS3

Design: Static, Liquid, Adaptative, Rivesponsive

Conception et approches

Responsive degradation

Mobile first

Media queries CSS 3

Syntaxe des medias queries

Atelier pratique : Adapter une page web en fonction des dimensions d’ecran

Le concept de grille fluide

Les unités pixel, em, %,….

points de rupture

les multicolonnes en RWD (CSS3 columns)

Gérer les débordements de contenus (texte, image,,,,,)

Adaptive Images

Quelques solutions : L’attribut srcset, Network Switching, Art Direction

Les règles à respecter: sémantique de la balise , adapter la qualité des images,….;

La méthode des 3 couches

la librairie externe AdaptiveImages

Direction artistique

Les techniques avancées ET outils

Découvrir FlexBox CSS3 et ses possibilités pour le Web mobile

Bootstrap

HTML shiv

Respond.js

Les plugins jQuery: ResponseJs, Flexslider,

Introduction à la formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design

Pourquoi HTML5 ?

Format des balises

Les normes HTML, CSS, XHTML, XML, HTML5

Le W3C et les validateurs

La logique d’encodage, ISO-8859-1, UTF-8,..

Rappel sur les bases

Type des balises

syntaxe des règles de style

Positionnement css(relatif, absolu, flaot, display)

Atelier pratique : Créer un site XHTML/CSS

Passage en HTML5

Syntaxe, nouveau doctype et outils

structure et sémantique
Div et span

Nouvelles balises HTML5

Atelier pratique : Reconstruire notre site en HTML5/CSS3

Balises multimédias

inserer une image(Balises <figure>)

insérer une vidéo(Balises <video>)

insérer un son (Balises <audio>)

Compatibilité navigateur

Atelier pratique : Utiliser JavaScript pour contrôler les objets audio et video

Les formulaires

Nouveaux types pour <input>

Nouveaux attributs

Nouveaux éléments <output>,

Les validations de formulaire en HTML5v

Atelier pratique : Réaliser un formulaire HTML5

Dessiner : Création dynamique d’images en JavaScript

La balise Canvasv

SVGv

Tracer de formes(rectangle, cercle,,,,)

Couleurs, remplissages, dégradés

Atelier pratique : Améliorer la lecture de notre vidéo par une barre de progression

Géolocalisation

Vue d’ensemble

Se positionner (latitude, longitude)

CSS3

Vue d’ensemble

Syntaxe, préfixes CSS3

Coins arrondis

Ombres portés

Text-Shadow

Box-shadow

Dégradé linéaire

font-face

Sélecteur d’attribut

CSS3 :Transformations, transitions et animations

Rotation,

translation

Animations

Atelier pratique : Animer les différentes propriétés d’un élément

Découvrir JavaScript

Introduction à JavaScript

Concepts de base du Javascript

Notion d’événements

Gestion dynamique des CSS

Atelier pratique : Validation des champs de notre formulaire de contact

Document Object Model

Qu’est-ce que le DOM ?

Concept de noeud

Hiérarchisation des noeuds(Arbre DOM)

Les proprités de rélation

Les proprités d’état

Les méthodes d’accès aux noeuds

Firefox DOM Inspector

modification du contenu HTML

Modification du style des elements HTML

Atelier pratique : Créer une galerie photo

Faire du responsive design

Principe

Medias queries CSS 3

Atelier pratique : création d’un site multiplateforme (smartphone, tablette..)

Utiliser Bootstrap

Présentation de Bootstrap

Installation de Bootstrap

Le système de grille pour positionnement

Les layouts

Le responsive Design

Atelier pratique : créer une page avec Bootstrap

Les composants Bootstrap

Menus déroulants

Barres de navigation

Fil d’arianne