Créez des sites Internet professionnels
avec le HTML5, CSS3 & JavaScript

1. Objectifs pédagogiques.

À la fin de ce cours, vous serez capable de :

• utiliser du code HTML ;
• structurer une page web en HTML ;
• utiliser du code CSS ;
• mettre en forme une page web en CSS ;
• organiser les éléments d’une page web grâce au CSS ;
• modifier l'agencement d'une page HTML avec CSS ;
• intégrer des formules dans une page web ;
• adapter une page pour les petites résolutions en CSS.

1. Présentation du cours

Ce cours a comme objectif de maîtriser les bases du HTML5 et le codage des feullles de style
dans le but de créer des sites Internet adaptés à tous les types d’écrans.

2. Public visé

Ce cours s’adresse à toute personne intéressée à créer son site Internet mais est spécialement
adapté pour les infographes et graphistes qui désirent élargir leurs compétences vers le Web.

3. Plan de cours - 21 heures

 Le fonctionnement du World Wide Web

• W3C et le W3 School
  • Web statique et Web dynamique
  • Les serveurs et fournisseurs d’accès
  • Règles du Responsive Web Design
  • Notions de référencement

Coder des pages Web

• Règles de programmation
• Gestion des fichiers HTML, CSS
  et Javascripts
• Comprendre les fondements
  du langage HTML
• Connaître et utiliser les balises HTML
• Structurer adéquatement un code
• Créer et gérer des tableaux
  Créer des liens et des hyperliens
• Créer une navigation
• Créer un menu et un sous-menu.
  Créer des ancres

Les modes de programmation d’un site Internet

• Anatomie d’une feuille de style
• Créer une feuille de styles externe
• Ciblage et structuration
• Comprendre et utiliser les balises
• Comprendre l’utilisation des sélecteurs
• Variables et valeurs CSS
• Animation à l’aide du CSS3
• Typographie
• Utilisation des fontes sur le Web
• Google Font et autres fonderie
• Gestion du texte
• Alignement et espacement des
• paragraphes
• Créer des listes à puces et numérotées
• Insérer des médias
• Insérer des images et des vidéos
• Formulaires
• Créer un formulaire
• Utiliser le PHP
• Validation d’un formulaire
• Nettoyer le code
• Valider son site Web