Formation HTML Lyon

Référence : WEHTM261

Nombre de stagiaires max : 5

Public visé : Chargé de communication, gestionnaire de sites web, toute personne devant créer ou gérer un site web en HTML/CSS.

Objectifs :

Maîtriser les fondamentaux du langage HTML5/CSS3 afin de pouvoir modifier des pages web.

Compétences visées :

Apprendre les bases du langage HTML5
Savoir créer et modifier des pages pages en HTML5
Optimiser ses créations grâce aux feuilles de style CSS3
Savoir créer des fonctionnalités pour enrichir ses pages web, ainsi que des applications en ligne.

Pré-requis : Savoir utiliser un ordinateur. Connaissance de l’environnement Windows.

Durée : 3 jour(s) / 21 heures

Points abordés :

LE LANGAGE HTML5/CSS3

• Dernière évolution de l’HTML/CSS
• Généralités (définition, fonctionnement, écriture)
• Structure d’un document
• Les principales balises
• Les balises et attributs obsolètes
• Mise en page
• Liens
• Images
• Homogénéisation de la présentation
• Respect des Standards
• Connaitre la compatibilité des navigateurs
• Le Doctype
• Les nouvelles balises
• Les nouveaux attributs
• Balises Vidéo et audio
• Balises de formulaire

FEUILLES DE STYLE CSS3

• Les sélecteurs avancés
• Combiner les sélecteurs
• Grouper les sélecteurs
• Optimiser son code CSS
• Les pseudo-classes
• Manipulation des propriétés CSS
• Les bordures arrondies
• La transparence
• Les ombres portées
• Mise en page
• Les animations (transitions et transformations)

MISE EN APPLICATION

• Création de pages web
• Intervention sur le CMS WordPress

Référence : WEHTM262

Nombre de stagiaires max : 5

Public visé : Développeur, intégrateur web, toute personne souhaitant se perfectionner sur l’HTML5/CSS3.

Objectifs :

Renforcez ses compétences sur l’HTML5/CSS3

Pré-requis : Connaître de l'HTML5/CSS3 ou avoir suivi la formation initiation.

Durée : 2 jour(s) / 14 heures

Points abordés :

LES API JAVASCRIPT HTML5

• Le dessin avec la balise Canvas 2D/3D
• Le drag and drop
• Le stockage de données (Local storage)
• La gestion des évènements
• La géolocalisation
• Web Workers
• Web Sockets

CSS3 avancé

• Les média query (responsive web design)
• Les flexbox
• Les préprocesseurs CSS (SASS, LESS)

MISE EN APPLICATION

Référence : WEHTM263

Nombre de stagiaires max : 5

Public visé : Tout public

Objectifs :

1/ Maîtriser les fondamentaux du langage HTML5/CSS3 afin de pouvoir

• Créer et modifier des pages pages en HTML5/CSS3
• Optimiser ses créations grâce aux feuilles de style CSS3
• Savoir créer des fonctionnalités pour enrichir ses pages web, ainsi que des applications en ligne

2/ Renforcez ses compétences en HTML5/CSS3

Pré-requis : Savoir utiliser un ordinateur ou un mac. Connaissance de l’environnement Windows ou Mac OS

Durée : 5 jour(s) / 35 heures

Points abordés :

PRESENTATION DU LANGAGE HTML5/CSS3

• Dernière évolution de l’HTML/CSS
• Généralités (définition, fonctionnement, écriture)
• Disposition d’un document
• Les éléments primordiaux, les éléments et attributs périmés
• Configuration de la page
• Hyperliens et graphiques
• Uniformisation de la présentation
• Conformité aux Normes et compatibilité des navigateurs
• Doctype, nouvelles balises et attributs récents
• Éléments Vidéo et sonores, éléments de formulaire

LES FEUILLES DE STYLE CSS3

• Les sélecteurs avancés
• Combiner ou grouper les sélecteurs
• Regrouper les sélecteurs
• Optimisation du code CSS
• Les pseudo-classes
• Gestion des propriétés CSS
• Contours arrondis, transparence et ombres projetées
• Mises en page et animations

LES API JAVASCRIPT HTML5

• Le dessin avec la balise Canva 2D/3D
• Le drag and drop
• Le stockage de données et la gestion d’évènements
• Géolocalisation
• Web Workers et Web Sockets

LE CSS3 AVANCE

• Les média query (responsive web design)
• Les flexbox
• Les préprocesseurs CSS (SASS, LESS)

TRAVAUX PRATIQUES