Cette formation, présente les concepts fondamentaux, les approches et les outils essentiels de la conception web. Étudiez de façon approfondie le métier de concepteur de sites web et les différents domaines dans lesquels vous pouvez vous spécialiser. Passez également en revue les outils des concepteurs web, et choisissez l’outil qui vous convient. Vous saurez ainsi ce qu’il faut apprendre, comment aborder l’apprentissage et en quoi le design est spécifique au web. Cette formation convient très bien aux débutants. Vous pourrez alors mettre rapidement en ligne des sites sans compétences techniques de développement.
Étudiez de façon approfondie le métier de concepteur de sites web et les différents domaines dans lesquels vous pouvez vous spécialiser. Passez également en revue les outils des concepteurs web, et choisissez l’outil qui vous convient.
S’initier au design web
Découvrir le design web
Explorer l’environnement du design web
Se lancer dans le design web
Découvrir les outils
Apprendre le design web
Adoptez une méthode de conception web efficace. Optimisez la structure, les textes, l’accessibilité, les interactions avec l’utilisateur, ainsi que l’optimisation pour mobile.
Aborder l’expérience utilisateur pour le
web
Comprendre l’expérience utilisateur
Optimiser la structure et la navigation
Soigner le design et la mise en forme
Écrire pour le web
Enrichir l’interaction avec l’utilisateur
Ayez une vue d’ensemble du processus de conception de sites web. Définissez la stratégie de contenu, le développement, la conception, les tests, pour finalement lancer votre site.
Aborder le processus de conception web
Comprendre ce qui est utile
Préparer son projet
Définir la stratégie de contenu
Effectuer les tests préliminaires
Construire son site web
Effectuer les tests et les corrections
Optimiser son site web
Lancer son site web
Lancez-vous dans le langage HTML5 et la construction de votre propre site web grâce à cette formation de Damien Bruyndonckx reposant entièrement sur des cas concrets.
Aborder le langage HTML
Aborder le fonctionnement du
langage HTML
Marquer le texte en HTML
Ajouter des éléments multimédia
Structurer les pages
Mettre en place des liens
Créer des formulaires
Finaliser le site
Améliorer l’accessibilité et le
référencement des sites web
Appliquez des styles CSS à vos éléments HTML et contrôlez précisément l’apparence de votre site. Puis mettez en forme vos pages web pour les rendre adaptables à tous les types d’écran.
Aborder cette formation
Découvrir les grands principes de
fonctionnement du CSS
Découvrir les principaux sélecteurs du
CSS
Mettre en forme du texte en CSS
Définir les couleurs et les unités de
mesure
Appliquer des images de fond
Comprendre le CSS Box Model
Utiliser le CSS Box Model
Appréhender les modes de
positionnement
Créer la mise en forme générale des
différentes pages du site
Rendre le site responsive
Mettre en page avec les flex et les
grids
Finaliser le site
Concevez des interfaces utilisateur applicatives pour les mobiles et pour le web avec Sketch. Créez des éléments d’interface, du simple bouton au pictogramme plus complexe, etc.
Aborder le langage HTML
Aborder le fonctionnement du
langage HTML
Marquer le texte en HTML
Ajouter des éléments multimédia
Structurer les pages
Mettre en place des liens
Créer des formulaires
Finaliser le site
Améliorer l’accessibilité et le
référencement des sites web
Aborder le langage HTML
Aborder le fonctionnement du
langage HTML
Marquer le texte en HTML
Ajouter des éléments multimédia
Structurer les pages
Mettre en place des liens
Créer des formulaires
Finaliser le site
Améliorer l’accessibilité et le
référencement des sites web
Découvrir Sketch
Comprendre les bases du design web
Aller plus loin dans la création des formes
Exploiter les symboles et les styles
Gérer son projet Sketch
Créez des visuels de sites web percutants dans Photoshop, avec cette formation couvrant les notions de base, la création d’un espace de travail et les méthodes pour être productif.
Introduction à la formation Le design web avec Photoshop
Connaître les bases du design web
avec Photoshop
Travailler la couleur de son contenu
web dans Photoshop
Travailler avec les calques dans
Photoshop pour le web design
Travailler avec des formes et des
objets dans Photoshop
Créer un Wireframe pour le web
design
Travailler sur le texte dans Photoshop
Utiliser les styles de calque de
Photoshop
Créer la maquette de votre site web
Optimiser les visuels pour le web à
l’aide de Photoshop
Créer des sprites d’images
Automatiser votre flux de production
web
Travailler le web design avec d’autres
applications
Passez d’une maquette au format Photoshop vers une page web interactive en HTML5 et CSS. Découvrez des outils et des techniques indispensables dans votre travail d’intégrateur.
Découvrir l’intégration web avec
Photoshop
Explorer les outils de Photoshop
Réaliser le code HTML5 de la maquette
Préparer la feuille de style
Créer la feuille de style CSS du premier
point d’arrêt
Rendre la page web entièrement
responsive
Finaliser l’intégration de la page web
Concevez des maquettes de sites web avec Illustrator, dans cette formation qui vous présentera toutes les possibilités du logiciel, de la création à la présentation des projets.
Introduire le design web avec Illustrator
Connaître les concepts de base du design
web
Travailler avec la couleur pour le web
Travailler avec des calques
Utiliser les formes et les symboles
Étudier son fil conducteur de design web
Créer le texte web
Utiliser les effets d’Illustrator
Réaliser la maquette d’un site web
Créer des éléments d’interface
Optimiser ses graphiques web
Créer une planche de sprites
Intégrer avec d’autres applications
Suivez votre progression et consulter vos statistiques (temps de connexion, taux de complétion ...)
Notre plateforme e-learning vous permet de monter en compétences sans barrière d'horaire
Des experts vous présentent les notions clés de la formation via des vidéos de bonne qualité
Vos exercices téléchargeables au format .PDF afin de pouvoir évoluer sans connexion