HTML 5 et CSS 3 - Création de pages Web par M2i FORMATION STRASBOURG

- Structure d'une page
- Tags principaux
- Simplification avec HTML 5- Les éléments et leur placement
- Exemple de travaux pratiques (à titre indicatif)- Création d'une page Web simple
- Balises structurantes
- Blocs div et span
- Listes
- Tableaux
- iFrames
- Exemples de travaux pratiques (à titre indicatif)- Création d'un menu à partir d'une liste à puces
- Création d'un tableau de contacts
- Affichage d'un fichier PDF dans une page Web
- Web Forms 2- Champs de saisie
- Listes déroulantes
- Boutons radio
- Champs date
- Placeholder
- Slider
- Validation automatique
- Exemple de travaux pratiques (à titre indicatif)- Création et validation d'un formulaire de saisie d'informations d'un contact
- HTML 5- Balises sémantiques
- Audio et vidéo
- Exemples de travaux pratiques (à titre indicatif)- Affichage d'un élément audio et vidéo
- Structuration d'une page Web avec les éléments
- Styles CSS
- Syntaxe des sélécteurs CSS
- Pseudo sélecteurs
- Principales propriétés CSS
- Règles CSS
- Frameworks CSS
- Exemples de travaux pratiques (à titre indicatif)- Analyse du site Zen Garden
- Mise en forme avec CSS
- Mise en forme d'un tableau et d'un formulaire avec Bootstrap
- Structure des éléments
- Le modèle de boîte
- Eléments block et inline
- La propriété display
- Padding, marges et bordures
- Exemples de travaux pratiques (à titre indicatif)- Mise en forme d'une page Web avec les propriétés CSS : padding et margin
- Positionnement
- Positionnement dans le flux
- Positionnement absolu et relatif
- Positionnement fixé- Positionnement flottant
- Exemple de travaux pratiques (à titre indicatif)- Utilisation des propriétés CSS position
- CSS 3- Nouveaux sélecteurs
- Fonts, couleurs et bordures
- Positionnement en colonnes
- Media Queries
- Exemples de travaux pratiques (à titre indicatif)- Utilisation des propriétés CSS

- Comprendre la structuration d'une page HTML 5- Ajouter des styles CSS aux éléments d'une page
- Utiliser les blocs et les tableaux
- Créer des formulaires avec WebForms 2- Tester les nouveautés HTML 5 et CSS 3