contact@anthony-vidal.com

06 30 88 00 44

FORMATIONS HTML5-CSS3-LYON

Formations HTML5 et CSS3 lyon-caluire

Anthony vidal, formateur html 5 et css3 lyon - caluire

Être capable de nommer et d’utiliser les balises de bases HTML5 pour la structuration d’une page web (utilisation du texte, des images, des formulaires et les balises rich médias: son et vidéos).
Savoir mettre en relation une feuille de style CSS3 avec HTML5.
Maîtriser la mise en page et la mise en forme responsive design pour les mobiles et tablettes.

Introduction

Spécifications HTML : historique et évolutions
Vision HTML 5 et contextes d'utilisation
Support par les navigateurs

Conception de pages web avec HTML5

Structure d'une page
Eléments de styles CSS en HTML5
Différences avec le HTML4/XHTML (nouveaux éléments, éléments obsolètes)

Balises HTML5

Balises de mise en forme du contenu (titres, paragraphes, etc...)
Les listes (ordonnées, non ordonnées, listes de description)
Les tableaux (simples et avec fusion)
Création et utilisation de formulaires
Balises sémantiques et d'organisation
Les balises riches média (son et vidéo)
Intégration des objets (fichiers pdf, flash)

Mise en page d'une page HTML avec tableaux

Marges, bordures, espacements et contenus
Modèle de mise en forme visuel
Mise en forme d’une newsletter et e-mailing

Responsive design

Apprendre les techniques de responsive design
Les media queries
Le framework Bootstrap
Les flexbox css3

Réalisations pratiques

Création de pages Web en HTML5 / CSS3
Réalisation d’une newsletter avec CSS3 inline

Syntaxe des CSS

Pseudo-classes et pseudo-éléments
Notions de base (sélecteurs, classes, propriétés de mise en forme)
Ordre de priorité : cascade et héritage
Hacks et styles alternatifs

CSS 3

Spécification W3C
Sélecteurs disponibles
Propriétés de mise en forme : bordures, ombres, transparence,...
Mise en page et positionnement : multi-colonnes, boites, grille, ...
Transformations et transitions  

Positionnement

Positionnement des éléments
Propriétés de positionnement, de dimensionnement
Hiérarchie des éléments
Positionnements en flux, absolu, fixé, flottant

Typographies

Bien utiliser les polices
Unités de valeurs
Tailles fixes et relatives
Propriétés de texte

Création de supports numériques

Concevoir un site ou une application web
Réaliser des illustrations, graphismes et visuels
Réaliser des maquettes et des interfaces
Elaborer une animation pour différents supports de diffusion

Création de sites Web

Intégrer des pages web en tenant compte du référencement, de l’accessibilité et de l’ergonomie
Adapter des systèmes de gestion de contenus
Publier des pages web

Projets de communication numérique

Assurer une veille technique et concurrentielle
Contribuer à l’élaboration d’un cahier des charges pour différents types de sites
Optimiser un site ou une application web

Public visé varié

Etudiant(e)s de niveau ou titulaire d’un BAC général ou professionnel, avec des bases artistiques et des connaissances de l’outil informatique.

Particulier, vous vous voulez vous former sur le code html 5, être autonome dans la création de site web en dur plus léger que les sites internet réalisés sur CMS (comme wordpress).

La technologie HTML 5 en total édéquation avec la demande des moteurs de recherche, des navigateurs web, et un gage de qualité pour le référencement web.

Salariés d’entreprise justifiant d’une expérience professionnelle de 1 an minimum.