Formation HTML5 / CSS3

HTML5 / CSS3
HTML(HyperText Markup Language 5) est la dernière version de HTML offrant un grand nombre de possibilités pour la création de page web. CSS3 est le dernier standard du langage CSS, il est d'ailleurs une véritable révolution.

Financer ma formation Obtenir un devis


Le programme de formation détaillé


Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.

HTML


Le matériel et les logiciels

  • Ressources nécessaires
  • Un éditeur de code
  • Les navigateurs

Introduction

  • Les différentes versions du HTML
  • Les standards du web
  • Compatibilité avec les navigateurs

Structure de base d'un document HTML

  • Le doctype
  • La balise HTML
  • Définition de l'encodage
  • La balise head
  • La balise body

La sémantique

  • Qu'est-ce que la sémantique ?
  • Concept

Mieux structurer ses pages

  • header
  • nav
  • section
  • article
  • aside
  • footer

Mettre en forme du texte

  • Le formatage du texte : gras, italique, soulignement, mise en évidence …
  • Les balises d'entêtes
  • Les listes ordonnées
  • Les listes non ordonnées
  • Les listes de définition
  • Les abréviations
  • Les espaces insécables, les sauts de ligne ...
  • Les paragraphes

Les tableaux

  • Insertions de tableaux
  • Insertion, suppression de lignes et colonnes
  • Fusionner des lignes et colonnes
  • Fractionner des lignes et colonnes
  • caption, col, colgroup

Les liens hypertexte

  • Création de lien hypertexte sur du texte
  • Création de lien hypertexte sur des images
  • Création de lien vers messagerie
  • Les attributs

Les images

  • Les formats d'images du web
  • Les nouveaux formats
  • Les contraintes liées aux images
  • Insertion d'images
  • Les attributs
  • figure, figcaption

Autres élements graphiques

  • Canvas
  • SVG

Les médias

  • Insertion de vidéos
  • Insertion de sons
  • Utilisation d'iframe (Youtube, Google maps ...)

Les formulaires

  • La balise form
  • Les champs de texte
  • Les zones de texte
  • Les listes déroulantes
  • Les boutons radio
  • Les cases à cocher
  • Les boutons

Mettre en ligne son site

  • De quoi ai-je besoin ?
  • Client et serveur FTP
  • Les outils indispensables

CSS


Norme actuelle et tendance du CSS

  • Evolution du CSS
  • Compatibilité dans les navigateurs

Ou placer votre code ?

  • Dans une feuille de style externe
  • Dans un document
  • Dans un style intégré
  • Avantages et inconvénients des différentes méthodes

Mettre en forme à l'aide de CSS

  • Principe des styles
  • Créer des règles de style
  • Bonnes pratiques pour structurer le CSS

Les sélecteurs CSS

  • Les sélecteurs de type
  • Les sélecteurs de classe
  • Les sélecteurs d'identifiant
  • Le sélecteur universel
  • Les sélecteurs d'attribut
  • Les combinateurs
  • Les pseudo-classes
  • Les pseudo-éléments

Les bases du CSS

  • La gestion du texte, polices, couleur, taille, mise en évidence ...
  • Les arrière-plans
  • Les blocs
  • Les boites
  • Les bordures
  • Les listes
  • Le positionnement (absolu, relatif, fixe ...)

Le CSS3

  • Les couleurs(RGB, RGBA), les dégradés, l'opacité
  • Les arrière-plans multiples, ajustement au conteneur
  • Les ombres et effets d'ombres
  • Les bordures et les coins arrondis
  • Utilisation de polices personnalisées
  • Les transformations
  • Les transitions
  • Les animations

Gestion des colonnes

  • Ancienne méthode : float
  • Les méthodes récentes : grid, column, flex
  • Les avantages et inconvénients, la compatibilité avec les navigateurs

Responsive Web Design (RWD)

  • Adaptation aux périphériques
  • Les media Queries
  • Les frameworks: Bootstrap, foundation, Materialize

Formation ajoutée le 01/01/2015, mise à jour le 26/05/2022.

Pré-requis

Connaissances de base de l'environnement Windows ou Mac

Public

Développeurs web, webmasters, ou novices souhaitant découvrir le langage.

Objectifs :

Créer des pages web avec HTML5 et les mettre en forme à  l'aide du CSS3.


Moyens pédagogiques :

Un PC par personne, le formateur diffuse son écran sur un vidéo-projecteur ou télévision grand écran
Un groupe de maximum 5 personnes en inter-entreprise.
En distanciel : Utilisation de Zoom ou Teams avec partage d'écran, chat, audio et vidéo en temps réel.
Exposé théorique, suivi d'une mise en pratique.


Moyens pour suivre l’exécution de l’action :

  • La présence du stagiaire est vérifiée par le formateur à l'aide d'une feuille de présence signée par demi-journées

Moyens pour en apprécier les résultats :

  • A la fin de la formation, le stagiaire complète une évaluation à chaud (Permettant d'évaluer la qualité de la prestation)
  • Puis, il complète avec le formateur une évaluation des acquis (Permettant de déterminer les points acquis, non acquis ou en cours d'acquisition)
  • Quelques mois après la formation, le donneur d'ordre complète une évaluation à froid (Permettant de s'assurer que la formation a pu être mise en pratique)

Profil formateur :

Formateurs passionnés et expérimentés intervenant en milieu professionnel en tant qu'intégrateur et développeur.

Accueil et accès des personnes en situation de handicap :

Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com

Délai d'accès :

En intra-entreprise : En fonction de vos disponibilités et celles de nos formateurs.
En inter-entreprise : En fonction des sessions que nous avons programmé, consultable en cliquant ici


Moyenne des notes obtenues suite à l'évaluation de cette formation :

9.9 / 10 (Cette moyenne est calculée sur les 3 dernières années, de 2020 à 2022).

Personne à contacter :

Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com

Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.