HTML5/CSS3 Initiation
35 heures sur 5 jours
à Paris & à distance
(Zoom, Google Meet, etc.).
Nous nous engageons à vous répondre dans un délai de 48h
2 000 € HT / personne
Etudions ensemble vos options de financement
Contactez-nous pour monter votre dossier !
La note de cette formation 5/5
Découvrez les avis laissés par nos stagiaires sur Avis vérifiés
Objectifs de la formation
HTML5/CSS3 Initiation
Utiliser les langages HTML et CSS dans leurs dernières versions pour concevoir
Habiller des documents ainsi que des sites statiques avec les standards du Web et adaptés à tous les terminaux (responsive)
Pré-requis
Être à l'aise avec l'utilisation de son environnement informatique.
Pour qui ?
Graphistes, webdesigners, webmasters, intégrateurs, développeurs, chefs de projet, ou toute autre personne en charge de la création de pages web.
Formations recommandées
Aucun programme supplémentaire n'est requis pour suivre cette formation.
Au programme de la formation
HTML5/CSS3 Initiation
Introduction
- Définition et utilité de HTML/CSS/JavaScript, les langages du web
- Concepts généraux de la conception de documents WEB
- Le navigateur, outil de diffusion et de développement
Hébergement - Publier son document sur le Web
- Notions de serveurs/clients
- Choisir un nom de domaine et un hébergement
- Se connecter via FTP avec Filezilla
HTML – La structure d’un document HTML
- Les balises sémantiques de HTML5
- Différentes parties d'un document HTML (header, footer, main, nav, …)
- Les principales balises et leurs attributs
HTML – Utiliser des balises sémantiques
- Balises title et meta
- Insertions des feuilles de styles CSS et des scripts JavaScript
- Les balises principales de contenu : titres, paragraphe, listes ...
HTML – Multimédia et interactivité
- Notion de lien absolu et de lien relatif
- Créer des menus et des ancres
- Ajouter des formulaires
- Les images et les règles à respecter
- Vidéo et audio (sans Flash)
CSS – Habiller le document
- Les sélecteurs de balise
- Utilisation des attributs HTML « id » et « class »
- Utilisation des pseudo-classes et mise en forme des liens
- Utilisation des sélecteurs d'attributs
- Calculer les règles de priorité
CSS – Positionner les éléments
- Principe des « boites » et leur positionnement
- Display : inline / block / inlineblock
- Dimensions, marges, espacements et bordures
- Positionnement classique : float / clear
- Les pièges des float et l'astuce du clearfix
- Positionnements spéciaux (relatif, absolu, fixe)
- Positionnements par Grille ou via Flexbox
CSS – Animations et effets
- Coins arrondis
- Ombres portées
- Transparence
- Filtres graphiques
- Transformations 2D
- Animations autonomes
- Valeurs dynamiques : calc()
CSS – Adapter la police et ajouter des couleurs
- Polices et textes
- Unités de mesure
- Couleurs
- Fonds
- Styles des listes
CSS – Adapter le document aux appareils
- Principes du Responsive Web Design (RWD)
- Différence entre résolution et taille d'affichage
- Mise en page fluide et adaptative
- Principe des media queries CSS
- Points de rupture et règles conditionnelles
- Menus adaptatifs
Méthode pédagogique
8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.
Accessibilité
Cette formation est accessible aux personnes en situation de handicap.
Modalité de validation des acquis
Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.