Formation HTML5 / CSS3
Langage HTML 5 et feuilles de styles CSS 3 - 3 jours
Objectifs de la formation
Etre capable de comprendre les langage HTMl5 et CSS3 d'un site web avant d'utiliser un logiciel graphique.
Pouvoir modifier du code dans un éditeur de page web (Nopepad++, Dreamweaver, Joomla!...)
Public
Toute personne souhaitant créer et modifier le code HTML et CSS des pages Web.
Prérequis
Connaissance de l'environnement Windows et de la navigation sur internet.
Programme de la formation
Module 1 - Rappels et mise à niveau sur Internet
Le Web et l'hypertexte.
Le modèle client-serveur : serveur Web et client Web(navigateur) Le protocole HTTP
Module 2 - Conception de pages Web.
L'organisation d'une réflexion stratégique préalable.
L'organisation du projet, les points sensibles.
La conception d'un cahier des charges
Importance de la Charte Graphique
Module 3 - Création des pages Web.
Les caractéristiques du langage HTML 5.
La présentation du texte.
Les liens hypertextes.
Liaisons entre documents : chemins absolus et relatifs.
Les tableaux et la mise en page.
Les cadres (fonctionnement et problématique).
Les formulaires.
L'insertion de scripts (principes).
Les conseils sur la conception des pages Web
Module 4 - Pages Web et serveurs Web.
Les serveurs Web (HTTP).
L'hébergement des pages Web.
Les principes des pages dynamiques
Module 5 - Maintenance des pages Web et de l'arborescence.
La mise à jour de l'arborescence.
La mise à jour des pages Web.
La récupération de l'existant bureautique.
L'animation des pages Web
Module 6 - Présentation des CSS.
Principes des feuilles de styles en cascades.
La structuration d'une feuille de style.
Appliquer les styles CSS3
Module 7 - Syntaxe des CSS3.
Les sélecteurs de style.
Les balises.
Les classes.
Les identificateurs.
Les sélecteurs d'éléments imbriqués.
Les pseudo-éléments : les liens CSS, les lettrines
Module 8 - Propriétés des CSS3.
La gestion des couleurs.
La gestion du texte.
Les arrières-plans.
Les blocs.
Les boites.
Les bordures.
Les listes.
Le positionnement des éléments
Module 9- Applications pratiques.
Des cadres arrondis avec les CSS.
Centrage des éléments avec les CSS
CSS Dynamique, infobulles sans javascript.
Construction d'un menu avec les CSS.