Public : Tous
Durée : 5 jour(s)
Pré-requis : Notions fondamentales en création de sites Web, HTML et CSS
Objectifs : Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Connaitre les normes d'accessibilité - Apprendre à faire des sites multiplateforme : smartphone, tablette, etc.
Sanction : Attestation de fin de formation mentionnant le résultat des acquis
Taux de retour à l’emploi : Aucune donnée disponible
Référence : SIT653-F
Code RS : RS6245
Taux de satisfaction : 4,75 / 5
Certifications :
Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins
Contact : commercial@dawan.fr
2 495,00 CHF HT
Histoire du HTML
Versions
Les bases d'un document HTML
Le Doctype
Les balises html, head, body
Les commentaires
Structures des balises et des attributs
Différences entre les balises inline et block
Les titres (h1, h2, h3, etc)
Les paragraphes
Mise en gras et en italique
Les liens hypertexte
Les listes (ordonnées et non ordonnées)
Les tableaux
Atelier : Structurer une page html
Les images et format d'image
Les attributs essentiels (src, alt, etc)
Intégrer des sons et des vidéos
Autres médias
Atelier : Intégrer plusieurs médias sur une page html
Présentation et définition
Attacher une css à une page html
Les sélecteurs (balise, id, class)
Les pseudo-classes
Les propriétés et valeurs
Les commentaires
Atelier : Attacher une feuille css à une page html
Les propriétés de texte (police, taille, alignement)
Les couleurs hexadecimale, rgb, rgba et nommées
Les propriétés d'arrière plan
Les marges intérieurs et extérieur (margin, padding)
Les bordures
Les dimensions
Les listes
Atelier : Styliser une page existante
Positionnement absolu ou relatif
Bloc flottant et fixe
Les blocs flexibles
Les grilles
Atelier : Positionner différents blocs sur une page
Les balises de formulaire
Les attributs action et method
Les différents champs de formulaire
Les différentes formes du champs input
Les attributs pour les champs de formulaire (placeholder, required, etc)
Valider un formulaire
Atelier : Créer un formulaire d'inscription
Découvrir les normes (WAI, WCAG)
Connaître les critères essentiels : textes alternatifs, liens, menus, navigation
Critères de choix des couleurs
Savoir adapter le code HTML et CSS
Structurer un formulaire, erreur à éviter
Atelier : Rendre une page accessible
Les animations et transitions
Durée des animations
Les fonctions de transition
Les Keyframes
Atelier : Créer une animation
Les transformations
Les ombres de texte et de bloc
Les bordures arrondies
Les colonnes
La propriété box-sizing
Responsive Web Design (RWD) : définition, composantes
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)
Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements
Atelier : Multiples exemples de grilles flexibles
Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs
Atelier : Eviter le débordements d'images/vidéos
Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders
Atelier : Création de site responsive pure css avec des media-queries
Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques
Atelier : Construction d'un site adaptatif avec Bootstrap
Ce cours présente les fondamentaux et les bonnes pratiques de la conception de page web ; l'aide du HTML5 et CSS3, les normes d'accessibilité, ainsi que les règles de mise en forme du Responsive Web Design.
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Distance | Du 16/12/2024 au 20/12/2024 | S'inscrire | |
| Distance | Du 20/01/2025 au 24/01/2025 | S'inscrire | |
| Distance | Du 24/02/2025 au 28/02/2025 | S'inscrire | |
| Distance | Du 31/03/2025 au 04/04/2025 | S'inscrire | |
| Distance | Du 23/06/2025 au 27/06/2025 | S'inscrire | |
| Distance | Du 01/09/2025 au 05/09/2025 | S'inscrire | |
| Distance | Du 06/10/2025 au 10/10/2025 | S'inscrire | |
| Distance | Du 17/11/2025 au 21/11/2025 | S'inscrire | |
| Distance | Du 08/12/2025 au 12/12/2025 | S'inscrire | |
| Genève | Du 16/12/2024 au 20/12/2024 | S'inscrire | |
| Genève | Du 17/02/2025 au 21/02/2025 | S'inscrire | |
| Genève | Du 02/06/2025 au 06/06/2025 | S'inscrire | |
| Genève | Du 22/09/2025 au 26/09/2025 | S'inscrire | |
| Genève | Du 01/12/2025 au 05/12/2025 | S'inscrire |