La conception d'un site web avec HTML et CSS

Comprendre les concepts fondamentaux de la conception web, tels que l'experience utilisateur, la hierarchie de l'information, la typographie, la couleur et le lay-out. Maitriser les bases du langage HTML pour structurer le contenu d'un site web. Acquerir une connaissance approfondie des techniques CSS pour creer des mises en page et des designs modernes et attractifs. La formation vise a fournir aux participants les competences et les connaissances necessaires pour concevoir des sites web professionnels et modernes, en se concentrant sur l'experience utilisateur, la lisibilite, la hierarchie de l'information et les dernieres tendances en matiere de design web. Ainsi, les apprenants auront des competences solides en conception web avec HTML/CSS, ce qui peut leur permettre de poursuivre une carriere en tant que concepteur web, designer UI/UX ou developpeur front-end.

INTRODUCTION Objectifs de la formation et presentation; Historique et evolutions; Html5 et contexte dutilisation; Compatibilite avec les navigateurs; Configuration de l'environnement de travail (visual studio code, notepad++,sublime text). CONCEPTION DUNE PAGE HTML Structure dune page; Les balises CSS; Les balises HTML5; Differences 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 video); L'integration des objets (fichiers pdf). LES BALISES CSS Specification w3c; Selecteurs disponibles; Les balises de mise en forme; Les balises de positionnement; Transformations et transitions. NOTION DE TYPOGRAPHIE Bien utiliser les polices; Les unites de valeurs (px, em, rem, pourcentage, etc.). POSITIONNEMENT DES ELEMENTS MISE EN FORME DES ELEMENTS HTML / CSS & LE RESPONSIVE DESIGN Le responsive design avec CSS; Les medias queries. HTML / CSS & BOOTSRAP Presentation et utilite de bootstrap; Les boutons; Les formulaires; Les sliders; Les images; Les tableaux; Les menus deroulants; Les menus de navigation; Les icones. HTML / CSS & WORDPRESS Interaction avec la feuille de style CSS de Wordpress; Presentation du module CSS additionnel dans Wordpress; Exemples d'application. BILAN & EVALUATION Montage d'une maquette en HTML / CSS et realisation dun e-mailing avec CSS3 inline; Finalisation de la mise en pratique (realisee tout au long de la semaine) et evaluation; Bilan et perspectives dapprofondissement.

MODALITES DEVALUATION Evaluation sur le montage d'une maquette en html / css et la realisation dun e-mailing avec CSS3 inline VALIDATION Attestation de formation Cette formation fait partie du bloc de competences Realiser ameliorer et animer des sites web du titre professionnel Concepteur Designer UI Niveau 6 inscrit au RNCP

Graphistes, Charge de communication souhaitant evoluer vers la conception web et/ou le front-end. Freelance, independant voulant apprendre a concevoir un site en HTML/CSS pour gerer leur propre activite. Jeune diplome.e en graphisme ou communication souhaitant evoluer vers la conception web et/ou le front-end. Toute personne voulant acquerir ou developper ses competions en conception web Maitrise imperative de lenvironnement informatique (PC/Mac), de la navigation web. Connaissance des bases du HTML/CSS et du Responsive Design.