Webdesigner par Icadémie Editions
Lieu(x)
À distance
Durée
Total : 400 heures
En centre : 400 heures
Financement
Demandeur d’emploi
Salarié
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
Module 1 Introduction au webdesign et au métier de
webdesigner (30h)
o Le métier de webdesigner
o La veille technologique
o Travailler au service du client
o L'analyse du besoin client
o L'analyse des cibles
o Les objectifs de communication du site
o Le cahier des charges
o Les contraintes
o Le budget
o La gestion de projet web
o La démarche créative
o Les fondamentaux techniques : HTML, CSS, etc.
Module 2 Graphisme pour le web (80h)
o Les phases de recherche
o Les bases de Photoshop pour le web
o La taille et la résolution en design web
o La création de documents pour le web
o Les mises en page responsive
o L'harmonie des couleurs
o Les typographies
o Les sprites et les animations
o La création de maquettes web
o Les wireframes et le zoning
o Les éléments d'interface utilisateur
o L'enregistrement de visuels pour le web
Module 3 Maquettage et prototypage (60h)
o Le prototypage d'interfaces graphiques interactives
o L'analyse des besoins client
o L'analyse des besoins utilisateur
o L'arborescence et le plan du site
o Les gabarits et scénarios d'usage
o L'UX design
o L'ergonomie et l'utilisabilité des interfaces
o Le prototypage papier
o Les maquettes fonctionnelles
o L'accessibilité web
Module 4 Intégration et développement web (80h)
o Le navigateur web
o La création d'une page web en HTML
o Les balises
o Le CSS
o La modification de l'apparence des éléments
o L'animation du CSS
o Le responsive design
o L'utilisation d'une framework CSS
o L'initiation au Javascript
o Les protocoles de communication
Module 5 Interactivité avec JavaScript (30h)
o Syntaxe et concepts
- clés du langage JavaScript
o La gestion des animations et de l'interactivité des sites web
o La modification dynamique des caractéristiques des éléments d'une
page à l'aide du DOM
Module 6 Création de sites web dynamiques avec PHP et
MySQL (50h)
o Introduction au PHP : configuration, syntaxe, logique et concepts clés
o La transmission des données de page en page
o Utilité et fonctionnement des bases de données
o La connexion à MySQL en PHP
o Sécurisation de la connexion
o Les protocoles web (HTTP, FTP, SMTP)
o Hébergement et mise en ligne d'un site web
Module 7 Utilisation d'un CMS : Wordpress (60h)
o Les fondamentaux de Wordpress
o La préparation des contenus
o L'installation et la configuration de Wordpress
o L'interface de Wordpress
o La création d'une page, d'un article
o L'intégration de médias
o La gestion des thèmes
o
webdesigner (30h)
o Le métier de webdesigner
o La veille technologique
o Travailler au service du client
o L'analyse du besoin client
o L'analyse des cibles
o Les objectifs de communication du site
o Le cahier des charges
o Les contraintes
o Le budget
o La gestion de projet web
o La démarche créative
o Les fondamentaux techniques : HTML, CSS, etc.
Module 2 Graphisme pour le web (80h)
o Les phases de recherche
o Les bases de Photoshop pour le web
o La taille et la résolution en design web
o La création de documents pour le web
o Les mises en page responsive
o L'harmonie des couleurs
o Les typographies
o Les sprites et les animations
o La création de maquettes web
o Les wireframes et le zoning
o Les éléments d'interface utilisateur
o L'enregistrement de visuels pour le web
Module 3 Maquettage et prototypage (60h)
o Le prototypage d'interfaces graphiques interactives
o L'analyse des besoins client
o L'analyse des besoins utilisateur
o L'arborescence et le plan du site
o Les gabarits et scénarios d'usage
o L'UX design
o L'ergonomie et l'utilisabilité des interfaces
o Le prototypage papier
o Les maquettes fonctionnelles
o L'accessibilité web
Module 4 Intégration et développement web (80h)
o Le navigateur web
o La création d'une page web en HTML
o Les balises
o Le CSS
o La modification de l'apparence des éléments
o L'animation du CSS
o Le responsive design
o L'utilisation d'une framework CSS
o L'initiation au Javascript
o Les protocoles de communication
Module 5 Interactivité avec JavaScript (30h)
o Syntaxe et concepts
- clés du langage JavaScript
o La gestion des animations et de l'interactivité des sites web
o La modification dynamique des caractéristiques des éléments d'une
page à l'aide du DOM
Module 6 Création de sites web dynamiques avec PHP et
MySQL (50h)
o Introduction au PHP : configuration, syntaxe, logique et concepts clés
o La transmission des données de page en page
o Utilité et fonctionnement des bases de données
o La connexion à MySQL en PHP
o Sécurisation de la connexion
o Les protocoles web (HTTP, FTP, SMTP)
o Hébergement et mise en ligne d'un site web
Module 7 Utilisation d'un CMS : Wordpress (60h)
o Les fondamentaux de Wordpress
o La préparation des contenus
o L'installation et la configuration de Wordpress
o L'interface de Wordpress
o La création d'une page, d'un article
o L'intégration de médias
o La gestion des thèmes
o
Objectifs
Le/la webdesigner est en charge de la conception et du
développement graphique (et parfois technique) de sites web. Par
ses compétences créatives et techniques, mais aussi par sa culture
web, sa connaissance des caractéristiques des interfaces et sa
capacité à comprendre des besoins spécifiques, le/la webdesigner
accompagne et conseille son client sur les solutions techniques et
le design les plus adaptés à la création de son site, et ce afin de
séduire et convertir ses visiteurs ponctuels en visiteurs réguliers.
Les projets web sur lesquels il/elle peut intervenir sont variés, de la
création de sites statiques très simples (sites vitrines, portfolios,
etc.) à des sites dynamiques beaucoup plus élaborés. Si son
coeur de métier réside plutôt dans la conception et la création
graphique d'interfaces, il peut également être sollicité, parfois, sur le
développement global de sites. Il est donc important pour lui d'avoir
un bon socle de connaissance des langages d'intégration (HTMLCSS)
et de développement web (notions de JavaScript et de PHP).
En constante mutation, ce métier très riche demande une grande
curiosité, nécessaire pour mener une veille graphique et technique,
et ainsi rester en phase avec les (r)évolutions du web. C'est un métier
où l'on apprend et où l'on se réinvente tous les jours.
développement graphique (et parfois technique) de sites web. Par
ses compétences créatives et techniques, mais aussi par sa culture
web, sa connaissance des caractéristiques des interfaces et sa
capacité à comprendre des besoins spécifiques, le/la webdesigner
accompagne et conseille son client sur les solutions techniques et
le design les plus adaptés à la création de son site, et ce afin de
séduire et convertir ses visiteurs ponctuels en visiteurs réguliers.
Les projets web sur lesquels il/elle peut intervenir sont variés, de la
création de sites statiques très simples (sites vitrines, portfolios,
etc.) à des sites dynamiques beaucoup plus élaborés. Si son
coeur de métier réside plutôt dans la conception et la création
graphique d'interfaces, il peut également être sollicité, parfois, sur le
développement global de sites. Il est donc important pour lui d'avoir
un bon socle de connaissance des langages d'intégration (HTMLCSS)
et de développement web (notions de JavaScript et de PHP).
En constante mutation, ce métier très riche demande une grande
curiosité, nécessaire pour mener une veille graphique et technique,
et ainsi rester en phase avec les (r)évolutions du web. C'est un métier
où l'on apprend et où l'on se réinvente tous les jours.
Métier(s)
- Affichiste
- Animateur / Animatrice 2D
- Animateur / Animatrice 3D
- Chef de fabrication d'édition publicitaire
- Chef de studio de créations graphiques
- Coloriste numérique
- Designer / Designeuse d'interactivité
- Designer / Designeuse graphique
- Designer web mobile
- Dessinateur / Dessinatrice d'édition
- Dessinateur / Dessinatrice de bande dessinée
- Dessinateur / Dessinatrice de presse
- Dessinateur / Dessinatrice en publicité
- Dessinateur / Dessinatrice graphiste
- Décorateur / Décoratrice graphiste
- Gouacheur / Gouacheuse en films d'animation
- Graphiste 2 D
- Graphiste 2 D - jeux vidéo
- Graphiste 3 D
- Graphiste concepteur / conceptrice
- Graphiste multimédia
- Illustrateur / Illustratrice
- Illustrateur / Illustratrice graphiste
- Infographiste
- Infographiste 3 D
- Infographiste effets spéciaux
- Infographiste en image de synthèse
- Infographiste en multimédia
- Infographiste intégrateur / intégratrice
- Infographiste web master
- Intégrateur / Intégratrice graphiste
- Intégrateur / Intégratrice multimédia
- Layout man / woman
- Lead graphiste - jeux vidéo
- Maquettiste en arts graphiques
- Modeleur / Modeleuse 3 D
- Modeleur textureur / Modeleuse textureuse 3D - jeux vidéo
- Modélisateur / Modélisatrice 3D
- Motion designer multimédia
- Roughman / Roughwoman en arts graphiques
- Réalisateur / Réalisatrice multimédia
- Story boarder
- Stéréographe 3D
- Technicien / Technicienne en image de synthèse 3D
- UI - user interface designer
- UX - user experience designer
- Vidéographiste
- Web designer
Compétence(s)
- Chaîne graphique
- Colorimétrie
- Computer To Film (CTF)
- Computer To Plate (CTP)
- Design d'interface utilisateur
- Droit de la propriété intellectuelle
- Langage informatique HTML
- Langage informatique Javascript
- Langages de programmation informatique
- Logiciel 3DS MAX
- Logiciel After Effects
- Logiciel Anime Studio
- Logiciel Arnold
- Logiciel Blender
- Logiciel Character Studio
- Logiciel Cinéma 4D
- Logiciel Corel Draw
- Logiciel Dreamweaver
- Logiciel Fireworks
- Logiciel Flash
- Logiciel FrameMaker
- Logiciel Houdini
- Logiciel Illustrator
- Logiciel InDesign
- Logiciel LightWave
- Logiciel Matchmover
- Logiciel Maya
- Logiciel Mental-ray / V-ray
- Logiciel Motion Builder
- Logiciel Nuke
- Logiciel Page Maker
- Logiciel Painter
- Logiciel Quark Express
- Logiciel Realflow
- Logiciel TVPaint
- Logiciel Toon Boom
- Logiciel XSI Softimage
- Logiciel Zbrush
- Logiciel d'animation 2D
- Logiciel d'animation 3D
- Logiciel de montage photo
- Logiciels StopMotion / iStopMotion
- Logiciels d'image de synthèse
- Logiciels d'édition multimédia
- Logiciels de création vidéo
- Management
- Normes qualité
- Photoshop
- Procédés et contraintes d'impression
- Publication Assistée par Ordinateur (PAO)
- Règles de sécurisation de fichiers informatiques
- Techniques commerciales
- Techniques d'infographie
- Techniques de compositing
- Techniques de dessin
- Techniques de gestion de réseaux prépresse
- Techniques de storytelling - communication narrative
- Techniques de séparation Cyan Magenta Jaune Noir
- Technologies de l'accessibilité numérique
- Typographie
- UX/UI Design
Formation proposée par : Icadémie Editions
À découvrir