
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 !
QUALIOPI
8 stagiaires maximum par session.
Découvrez les autres engagements qualité qui font la marque de Ziggourat Formation
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.
Avoir suivi
Aucun programme supplémentaire n'est requis pour suivre cette formation.
Au programme
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.
Vous avez la possibilité de passer une certification à l’issue de votre formation:
TOSA Wordpress 2023Obtenir des informations
