La mise en page d'un site web avec HTML et CSS

- Savoir nommer et utiliser les balises de base de HTML5?

- Structurer une page web grâce au HTML (texte, images, tableaux, formulaires, son et vidéo)?

- Savoir mettre en relation une feuille de style CSS avec HTML5?

- Maîtriser la mise en page et la mise en forme avec les feuilles de style CSS.  

- La formation vise à permettre aux participants d’acquérir les bases du développement web. 

- Ils ou elles sauront structurer une page web, créer une mise en page simple, intégrer des liens et des images et modifier les apparences des éléments HTML. Les participants auront les bases nécessaires pour apprendre la conception d’un site web statique / gérer et personnaliser un site sous WordPress.

INTRODUCTION

• Spécifications HTML : historique et évolutions.
• Vision HTML 5 et contextes d’utilisation.
• Support par les navigateurs.

CONCEPTION DE PAGES WEB AVEC HTML 5

• Présentation des différents éditeurs de code.
• Organiser les fichiers d’un site.
• Structure d’une page.
• Eléments de styles CSS en HTML 5

BALISES HTML 5

• Balises de mise en forme du contenu : titres, paragraphes, ...
• Balises sémantiques et d’organisation.
• Les tableaux.
• L’intégration d’images.
• Création et utilisation de formulaires.
• Les nouvelles balises pour la page Web.
• Les objets médias riches (audio, vidéo, pdf).

BALISES HTML 5

• Notions de base : sélecteurs, propriétés de mise en forme.
• Positionnement CSS.
• Ordre de priorité : cascade et héritage.
• Formater du texte avec du CSS.
• Créer un menu de navigation.
• Principes de création de newsletters.

CSS

• Spécification W3C et standardisation.
• Sélecteurs disponibles.
• Propriétés de mise en forme : bordures, ombres, transparence, fonds, couleurs, ...
• Mise en page et positionnement : multi-colonnes, boites, ...
• Transformations et transitions.

ATELIER

• Coder une page simple, construire un template Web, passer un contenu existant aux standards actuels.

BILAN & ÉVALUATION 

• Évaluation QCM?
• Bilan et perspectives d’approfondissement.  

Consulter le diplôme, titre ou certificat... délivrés en fin de formation ainsi que les métiers auxquels cette formation vous donne accès.