La conception d'un site web avec HTML et CSS

Objectifs

- 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 lay-out. 


- 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. 


-  La formation vise à fournir aux participants 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. Ainsi, les apprenants auront des compétences solides en conception web avec HTML/CSS, ce qui peut leur permettre de poursuivre une carrière en tant que concepteur web, designer UI/UX ou développeur front-end. 

 

Programme de la formation

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. ? 

les balises html 

Balises de mise en forme du contenu?;

• Les listes?; 


• Les tableaux?; 


• Les paragraphes et saut de ligne (

  et
  )?; 



• 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. ? 

notion de typographie 

• Bien utiliser les polices?; 


• Les unités de valeurs (px, em, rem, pourcentage, etc.).? 

positionnement des éléments 


mise en forme des éléments 


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. ?? 

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.  

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique