Préambule
Le saviez-vous ?
- Hypertext Markup Language plus connu sous l’acronyme HTML est un langage de balisage permettant d’écrire de l’hypertexte. Ainsi, ce format de données a été mis en place pour représenter des pages Web.
- Ce langage permet également de mettre en forme le contenu d’une page et d’ajouter des images, des formulaires et d’autres ressources multimédias.
- Le HTML a été enrichi avec de nombreuses technologies Web. Ainsi, aujourd’hui le HTML à lui seul n’est plus suffisant pour réaliser des pages au goût du jour. Il faut également utiliser le JavaScript et surtout le CSS pour Cascading Style Sheets (feuille de style en cascade).
- Depuis de nombreuses années, HTML5 et CSS3 sont en développement. Bien que certaines fonctionnalités soient déjà disponibles notamment de nouveaux éléments, des attributs et surtout des APIs permettant de réaliser des applications riches, il n’y a pas encore eu de sortie officielle.
Niveau requis :
Connaître quelques bases du HTML et avoir l’expérience de la création de pages Web.
Niveau acquis :
Maîtriser les bases du HTML5 et connaître les propriétés CSS.
Objectif de la formation :
- Savoir créer ou modifier des pages HTML5.
- Acquérir l’autonomie et le recul nécessaire pour réaliser des pages web de qualité.
- Découvrir la conception et le design CSS3.
Durant la formation :
Les stagiaires reçoivent un enseignement théorique sur la réalisation d’un site web, et un enseignement pratique sur la mise en œuvre des notions étudiées.
Durée de la formation :
2 journées de 7 heures soit 14 heures
Programme de la formation
Présentation HTML5
- Les différents types de balises et la logique du langage balisé.
- HTML/XHTML.
- Les règles importantes.
- Créer une page HTML : en-tête, titre, caractères spéciaux, police, paragraphe, hiérarchie.
- Différencier contenu (HTML5) et forme (CSS3).
Présentation CSS3
- La syntaxe du CSS3.
- Les propriétés du CSS3 : largeur, hauteur, marges, espacements, couleurs, bordures…
- Le positionnement.
- Balise inline/block.
- Balise float.
- Les différentes polices, styles et couleurs.
Insérer des médias
- Les différents formats.
- Positionnement par rapport au texte.
- Propriétés alt et title.
- Ajouter du son.
- Ajouter une vidéo.
- Gérer les images.
Animation d’un site Web
- Effets dynamiques.
- Utiliser la bibliothèque Javascript.
- Tester un site Web et le publier.
Responsive Web design
- Utilisation d’un framework CSS responsive.
- Structurer un document.
- Utiliser les médias queries.
- Personnaliser le CSS.