Concepteur-réalisateur en communication - les fondamentaux du web - Photoshop, Illustrator, HTML, CSS par Marcorel - formations certifiantes en design graphique, web et communication
Lieu(x)
En centre (75)
Durée
Total : 140 heures
En centre : 140 heures
Financement
Demandeur d’emploi
Éligible CPF
Diplômes délivrés
BAC+3/4
Types
Professionnalisation
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
1) L'écriture HTML :
Prise en main
- Navigateurs web (accessibilité, type de contenus, compatibilités)
- Prise en main de l'espace de travail.
- Configurer la gestion de site.
- Contraintes de nommage des fichiers.
- Notion d'arborescence.
Les éléments de fond :
- Insertion et formatage structuré du texte en HTML.
- Insertion d'images en HTML.
- Différents types de balises en HTML (définition, liste exhaustive, formatage).
- Hyperliens texte et images en HTML (définition, création, intérêt de la gestion de site).
- Introduction au HTML5.
- Introduction aux CSS.
2) Les feuilles de style en cascade CSS :
- Rappels sur l'écriture HTML.
- Rappels sur la sémantique du web.
- Rappels sur les conteneurs sémantiques et non sémantiques.
- Rappels sur les balises et leur comportement d'affichage.
Bien utiliser les CSS 1 et CSS 2 :
- Savoir isoler le fond (texte structuré) de la forme (CSS).
- Comprendre les différentes manières d'affecter les CSS aux éléments dans le code HTML.
- Ajouter des classes et identifiants.
- Maîtriser les sélecteurs les plus courants en CSS 1 et CSS 2.
- Maîtriser les propriétés en CSS 1 et CSS 2, et leurs valeurs.
- Déboguer, modifier et contrôler les CSS avec l'extension Firebug.
3) Produire pour le web avec Photoshop :
Créer des interfaces web professionnelles avec Photoshop.
- Paramétrage de profil en sRGB.
- Spécificités de Photoshop pour le web.
- Gérer la couleur (sRGB, nuanciers personnalisés).
- Espace de travail.
- Travailler avec une grille de colonnage.
- Travailler avec des web fonts (typos et icônes).
- Utiliser les calques.
- Masques de fusion et vectoriels.
- Utiliser les filtres.
- Calques dynamiques.
4) L'enregistrement pour le web :
- Tranches.
- Formats d'enregistrement pour le web (gif, jpg, png8 et png24).
- Exporter en HTML et des images à partir des tranches.
- Optimiser le poids et la qualité des images.
- Animer image par image (bannière pub).
5) Produire pour le web avec Illustrator :
Créer des interfaces web professionnelles avec Illustrator.
- Paramétrage de profil en sRGB.
- Différents modes d'aperçu, notamment en pixels.
- Particularités d'Illustrator propre au mode RVB.
- Gérer le magnétisme (repères, points d'ancrage, tracés).
- Gérer la couleur (RVB, nuanciers personnalisés)
- Gérer les calques et sous
- calques.
- Analyser la constitution d'un tracé ouvert et fermé.
- Sélection directe des points d'ancrage, tracés, points d'inflexions, poignées.
- Sélection d'objets similaires.
- Tracé transparent et masque ( compréhension empilement des objets ).
- Palette pathfinder.
- Outil dégradé de forme ( différentes applications ).
- Effets et palette d'aspect (réalisation de boutons en flat design).
- Réaliser une page maquettée de site web dans Illustrator.
- Travailler avec une grille de colonnage.
- Réaliser et éditer des symboles.
- Travailler avec des web fonts (typos et icônes).
6) L'enregistrement pour le web
Prise en main
- Navigateurs web (accessibilité, type de contenus, compatibilités)
- Prise en main de l'espace de travail.
- Configurer la gestion de site.
- Contraintes de nommage des fichiers.
- Notion d'arborescence.
Les éléments de fond :
- Insertion et formatage structuré du texte en HTML.
- Insertion d'images en HTML.
- Différents types de balises en HTML (définition, liste exhaustive, formatage).
- Hyperliens texte et images en HTML (définition, création, intérêt de la gestion de site).
- Introduction au HTML5.
- Introduction aux CSS.
2) Les feuilles de style en cascade CSS :
- Rappels sur l'écriture HTML.
- Rappels sur la sémantique du web.
- Rappels sur les conteneurs sémantiques et non sémantiques.
- Rappels sur les balises et leur comportement d'affichage.
Bien utiliser les CSS 1 et CSS 2 :
- Savoir isoler le fond (texte structuré) de la forme (CSS).
- Comprendre les différentes manières d'affecter les CSS aux éléments dans le code HTML.
- Ajouter des classes et identifiants.
- Maîtriser les sélecteurs les plus courants en CSS 1 et CSS 2.
- Maîtriser les propriétés en CSS 1 et CSS 2, et leurs valeurs.
- Déboguer, modifier et contrôler les CSS avec l'extension Firebug.
3) Produire pour le web avec Photoshop :
Créer des interfaces web professionnelles avec Photoshop.
- Paramétrage de profil en sRGB.
- Spécificités de Photoshop pour le web.
- Gérer la couleur (sRGB, nuanciers personnalisés).
- Espace de travail.
- Travailler avec une grille de colonnage.
- Travailler avec des web fonts (typos et icônes).
- Utiliser les calques.
- Masques de fusion et vectoriels.
- Utiliser les filtres.
- Calques dynamiques.
4) L'enregistrement pour le web :
- Tranches.
- Formats d'enregistrement pour le web (gif, jpg, png8 et png24).
- Exporter en HTML et des images à partir des tranches.
- Optimiser le poids et la qualité des images.
- Animer image par image (bannière pub).
5) Produire pour le web avec Illustrator :
Créer des interfaces web professionnelles avec Illustrator.
- Paramétrage de profil en sRGB.
- Différents modes d'aperçu, notamment en pixels.
- Particularités d'Illustrator propre au mode RVB.
- Gérer le magnétisme (repères, points d'ancrage, tracés).
- Gérer la couleur (RVB, nuanciers personnalisés)
- Gérer les calques et sous
- calques.
- Analyser la constitution d'un tracé ouvert et fermé.
- Sélection directe des points d'ancrage, tracés, points d'inflexions, poignées.
- Sélection d'objets similaires.
- Tracé transparent et masque ( compréhension empilement des objets ).
- Palette pathfinder.
- Outil dégradé de forme ( différentes applications ).
- Effets et palette d'aspect (réalisation de boutons en flat design).
- Réaliser une page maquettée de site web dans Illustrator.
- Travailler avec une grille de colonnage.
- Réaliser et éditer des symboles.
- Travailler avec des web fonts (typos et icônes).
6) L'enregistrement pour le web
Objectifs
Se familiariser avec les fonctionnalités et l'utilisation des logiciels incontournables spécifiques au graphisme et à la mise en page. Comprendre et savoir exécuter une mise en page web professionnelle en appliquant les acquis à des cas concrets.
Les cours sur les fondamentaux du métier, dispensés par des professionnels formateurs investis également dans l'exercice de la production, sont systématiquement suivis par des travaux pratiques.
Ce programme conçu en semaines a été élaboré en fonction des besoins exprimés par les personnes souhaitant une première expérience dans le multimédia, celles travaillant dans la communication ou le marketing et ayant besoin des outils dans ce domaine ou celles travaillant dans le web et désirant apprendre ou approfondir ses connaissances.
Les cours sur les fondamentaux du métier, dispensés par des professionnels formateurs investis également dans l'exercice de la production, sont systématiquement suivis par des travaux pratiques.
Ce programme conçu en semaines a été élaboré en fonction des besoins exprimés par les personnes souhaitant une première expérience dans le multimédia, celles travaillant dans la communication ou le marketing et ayant besoin des outils dans ce domaine ou celles travaillant dans le web et désirant apprendre ou approfondir ses connaissances.
Centre(s)
- Paris - 15ème (75)
Métier(s)
- Assistant / Assistante de communication
- Assistant / Assistante parlementaire
- Assistant / Assistante relations presse
- Assistant / Assistante relations publiques
- Attaché / Attachée de presse
- Chargé / Chargée de communication
- Chargé / Chargée de communication externe
- Chargé / Chargée de communication interne
- Chargé / Chargée de communication on line
- Chargé / Chargée de communication scientifique
- Chargé / Chargée de communication sociale
- Chargé / Chargée de communication web
- Chargé / Chargée de presse
- Chargé / Chargée des relations extérieures
- Chargé / Chargée des relations presse
- Chargé / Chargée des relations publiques
- Chargé / Chargée des relations publiques digitales
- Chef de création artistique communication multimédia
- Chef de groupe de création multimédia
- Chef du service d'information et de communication
- Concepteur / Conceptrice artistique communication multimédia
- Concepteur / Conceptrice de jeux vidéo
- Concepteur / Conceptrice de jeux web online
- Concepteur / Conceptrice en publicité
- Concepteur / Conceptrice multimédia
- Concepteur réalisateur / Conceptrice réalisatrice communication
- Concepteur rédacteur / Conceptrice rédactrice communication
- Concepteur rédacteur / Conceptrice rédactrice publicitaire
- Conseiller / Conseillère en communication
- Conseiller / Conseillère technique en communication
- Consultant / Consultante en communication
- Consultant / Consultante en e-réputation
- Coordonnateur / Coordonnatrice des relations internationales
- Directeur / Directrice artistique - jeux vidéo
- Directeur / Directrice artistique communication multimédia
- Directeur / Directrice artistique web
- Directeur / Directrice de création - jeux vidéo
- Directeur / Directrice de création communication multimédia
- Directeur / Directrice de la communication
- Game designer
- Game designer - jeux web online
- Lead game designer - jeux vidéo
- Level designer
- Level designer - jeux web online
- Lobbyiste
- Producer chef de projet jeux vidéo
- Responsable de communication en entreprise
- Responsable de communication externe
- Responsable de communication interne
- Responsable de communication santé
- Responsable de conception communication multimédia
- Responsable de l'information et de la communication
- Responsable de la communication
- Responsable des relations extérieures
- Responsable des relations internes
- Responsable des relations presse
- Responsable des relations publiques digitales
- Responsable du service de presse
- Rédacteur / Rédactrice des débats
- Rédacteur / Rédactrice web
- Social media manager - Responsable des médias sociaux
- Sténographe des débats
- Webmaster chargé / chargée de communication
- Webmaster concepteur / conceptrice de site web
Compétence(s)
- Animation vectorielle
- Chaîne graphique
- Communication digitale
- Communication externe
- Communication interne
- Dispositifs de financement culturel
- Droit de l'information
- Droit de la propriété intellectuelle
- Gestion administrative
- Gestion budgétaire
- Gestion comptable
- Gestion de projet
- Gestion financière
- Linguistique
- Logiciel d'animation 3D
- Logiciel de montage photo
- Logiciels d'édition multimédia
- Management
- Marketing direct
- Normes rédactionnelles
- Organisation d'évènements culturels
- Organisation d'évènements d'entreprises
- Organisation d'évènements sportifs
- Organisation de soirées
- Outils bureautiques
- Outils de web analyse - web analytics
- Publication Assistée par Ordinateur (PAO)
- Règles d'élaboration d'une Charte Graphique
- Réseaux stratégiques d'information
- Spécificités des médias
- Stratégies de communication externe
- Stratégies de communication interne
- Sémiotique
- Techniques commerciales
- Techniques d'impression
- Techniques d'infographie
- Techniques de communication
- Techniques de reportage
- Techniques de storytelling - communication narrative
- Technologies de l'accessibilité numérique
- Utilisation d'appareil photographique
Formation proposée par : Marcorel - formations certifiantes en design graphique, web et communication
À découvrir