Formation HTML et CSS pour les débutants
| 2200€ HT / personne |
| 4 jours (28 heures) |
Présentation
Depuis plusieurs années, le web s’est inscrit dans les habitudes de consommation courantes. Un site performant et esthétique est aujourd’hui essentiel pour mettre en avant votre entreprise.
Notre formation HTML et CSS destinée aux non-développeurs vous assurera une compréhension du fonctionnement des pages web. Vous saurez ainsi créer et styliser des pages web statiques.
En effet, notre programme vous plongera dans le monde des navigateurs, suite à une introduction aux nouveautés, nous vous enseignerons comment créer le squelette de votre première page HTML.
Par la suite, vous apprendrez en profondeur à designer votre page HTML grâce aux feuilles de style (CSS). Nous proposons un aperçu complet du CSS pour créer des applications adaptées à tous les appareils (viewport, transformation, media…).
Enfin, sachez que notre formation vous enseignera les dernières versions de ces langages, à savoir : HTML5 et CSS3.
Objectifs
- Créer des pages en HTML5 et utiliser les nouvelles balises
- Mettre en place une structure HTML5
- Créer des pages compatibles avec les différents navigateurs
- Gérer la mobilité et maîtriser le responsive web design
- S’assurer de produire une page à partir d’un design
- Maitriser les outils de style (CSS)
Public visé
- Développeurs
- Architectes
- Concepteurs Web
- Chefs de projets
- Personnes impliquées dans un projet web
Pré-requis
Connaissances de base du web.
Pré-requis logiciel
Un IDE comme notepad++ ou Visual Studio Code.
Programme de notre formation HTML, CSS pour les débutants
Introduction
- Rappel sur les évolutions de HTML et CSS depuis 20 ans
- Le processus de normalisation : le W3C et le WHATWG
- Les apports de HTML5, CSS3 et JavaScript
Les fondamentaux
- La syntaxe HTML
- Le nouveau Doctype
- Encodage des caractères
- Le support navigateur
HTML5 : Structurer un document
- Toutes les balises à connaître
- Les propriétes des balises communes à toutes les balises
- Les propriétes de balises spécifiques aux balises les plus courantes
- Les nouvelles balises : header, footer, structure, aside, nav, hgroup, etc.
- Les balises obsolètes : center, font, frame, acronym, etc.
- Structurer une page avec les nouvelles balises
- TD : Ma première page HTML
CSS3: Introduction & Selector
- Les préfixes
- Cascade et compatibilité
- Rappel sur les sélecteurs
- Les nouveaux sélecteurs CSS3
- Les nouvelles pseudo-class CSS3 (last-child, nth-child, nth-of-type, not…)
Les formulaires
- Les nouveaux champs de formulaire et leur structure
- Créer un formulaire de contact à partir d’un modèle
- Les règles de validation de champs
- Accessibilité des éléments dynamique (ARIA)
Le multimédia
- La balise video
- Les balises images (format svg png,jpeg…)
- La balise audio
- Les balises object, embed et svg
- Gérer différents formats de vidéo avec la balise script : conteneur (MP4, OGG, WEBM) et codec (.h264, Vorbis, Theora, VP8…)
La mobilité avec HTML5
- Stockage permanent et stockage dans la session
- Cartes (OpenStreetMap et Leaflet)
- Utiliser la localisation en HTML 5
- Intégrer une carte Maps
- Utiliser le multitouch
Mise en forme
- Fonction calc() et propriété box-sizing
- Mise en forme tabulaire et multi-colonnes
- Le modèle de boite flexible
- Les modèle de mise en page CSS
- La mise en page en grille CSS
- Mise en forme d’un modèle de site vitrine
Habillage
- Couleurs et polices de caractère
- Coins arrondis, Ombres portés, Dégradé de couleurs
- Bordures en images
- Fonds multiples
- Transformations 2D et 3D
- Génération de contenu
- Les tooltips
Responsive Web Design
- Les bonnes pratiques du Responsive Web Design
- Le viewport
- Créer une page adaptive : balises media
- Adaptabilité des pages et web application
- Frameworks et bibliothèques : tailwindcss, iUi, Less, FitVids, Moderniz, MaterialUI
- Adaptabilité du contenu et du contenant
Animation
- Les transitions
- Les animations
- Menu de navigation animé
Bonus
- Présentation de Bootstrap, le framework cadriciel de Twitter
Pour aller plus loin
Formation HTML CSS JS
Formation Flask
Formation Bootstrap
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| 2200€ HT / personne |
| 4 jours (28 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
