La conception d'un site web avec HTML et CSS
La formation « La conception d’un site web avec HTML et CSS » vise à vous fournir les compétences et les connaissances nécessaires pour concevoir des sites web professionnels et modernes, en se concentrant sur l’expérience utilisateur, la lisibilité, la hiérarchie de l’information et les dernières tendances en matière de design web.
En fin de compte, la formation vous aidera à acquérir des compétences solides en conception web avec HTML/CSS, ce qui peut vous permettre de poursuivre une carrière en tant que concepteur web, designer UI/UX ou développeur front-end.
- Comprendre les concepts fondamentaux de la conception web, tels que l’expérience utilisateur, la hiérarchie de l’information, la typographie, la couleur et le layout.
- Maîtriser les bases du langage HTML pour structurer le contenu d’un site web.
- Acquérir une connaissance approfondie des techniques CSS pour créer des mises en page et des designs modernes et attractifs.
Public visé et pré-requis
- Graphistes, chargé.es de communication souhaitant évoluer vers la conception web et/ou le front-end
- Freelance, indépendant.es voulant apprendre à concevoir un site en HTML/CSS pour gérer leur propre activité
- Jeunes diplômé.es en graphisme, communication souhaitant évoluer vers la conception web et/ou le front-end
- Toute personne voulant acquérir ou développer ses compétions en conception web
- Pré requis : Être opérationnel sur la mise en page en HTML/CSS et le Responsive Design
- Maîtrise impérative de l’environnement informatique ( PC/Mac), de la navigation Web.
1 400 €
Financement sur-mesure possible selon profil, financement AFDAS possible (sous condition d’éligibilité).
5 jours
(35 heures)
Choisissez votre centre
Lyon
PROGRAMME
JOUR 1
INTRODUCTION
- Objectifs de la formation et présentation ;
- Historique et évolutions ;
- Html5 et contexte d’utilisation ;
- Compatibilité avec les navigateurs ;
- Configuration de l’environnement de travail (visual studio code, notepad++, sublime text).
CONCEPTION D’UNE PAGE HTML
- Structure d’une page ;
- Les balises CSS ;
- Les balises HTML5 ;
- Différences entre HTML-4 et HTML-5.
JOUR 2
LES BALISES HTML
- Balises de mise en forme du contenu ;
- Les listes ;
- Les tableaux ;
- Les paragraphes et saut de ligne (<p> et <br>) ;
- Les formulaires ;
- Les balises de media (son et vidéo) ;
- L’intégration des objets (fichiers pdf).
LES BALISES CSS
- Spécification w3c ;
- Sélecteurs disponibles ;
- Les balises de mise en forme ;
- Les balises de positionnement ;
- Transformations et transitions.
JOUR 3
NOTION DE TYPOGRAPHIE
- Bien utiliser les polices ;
- Les unités de valeurs (px, em, rem, pourcentage, etc.).
POSITIONNEMENT DES ÉLÉMENTS
- Positionnement statique ;
- Positionnement absolu ;
- Positionnement relatif ;
- Positionnement sticky ;
- Notion de top, bottom, left, right ;
- Présentation de la balise z-index
MISE EN FORME DES ÉLÉMENTS
- Mise en forme des textes ;
- Mise en forme des images ;
- Mise en forme d’un background (color ou image, effet parallaxe) ;
- Propriété hidden et display:none.
JOUR 4
HTML / CSS & LE RESPONSIVE DESIGN
- Le responsive design avec CSS ;
- Les medias queries.
HTML / CSS & BOOTSRAP
- Présentation et utilité de bootstrap ;
- Les boutons ;
- Les formulaires ;
- Les sliders ;
- Les images ;
- Les tableaux ;
- Les menus déroulants ;
- Les menus de navigation ;
- Les icones.
HTML / CSS & WORDPRESS
- Interaction avec la feuille de style CSS de WordPress ;
- Présentation du module CSS additionnel dans WordPress ;
- Exemples d’application.
JOUR 5
BILAN & ÉVALUATION
- Montage d’une maquette en HTML / CSS et réalisation d’un e-mailing avec CSS3 inline ;
- Finalisation de la mise en pratique (réalisée tout au long de la semaine) et évaluation ;
- Bilan et perspectives d’approfondissement.
Évaluation et validation
Evaluation sur le montage d’une maquette en html / css et la réalisation d’un e-mailing avec CSS3 inline
SUITE DE PARCOURS
- Cette formation fait partie du bloc “Web Design avancé : HTML – CSS & WordPress” qui compose le titre “Product Designer UI“, tous deux finançables au titre du CPF.
- Vous souhaitez aller plus loin dans la maitrise de la conception Web ?Découvrez également nos modules:
MÉTHODES MOBILISÉES & ENCADREMENT
Alternance entre théorie et pratique basée sur des situations professionnelles reconstituées.
Formation en présentiel, distanciel nous consulter, dispensée par un.e formateur.ice expert.e en conception de sites web.
ACCESSIBILITÉ AUX PERSONNES EN SITUATION DE HANDICAP
Un.e référent.e handicap est à votre écoute sur chaque centre de formation. Pour plus d’informations, rendez-vous sur notre page dédiée :
3is-executive.fr/handicap-et-accessibilite
N’hésitez pas à nous contacter !