HTML5 et CSS 3

Créer des applications web dynamiques et responsives, avec le langage HTML5 et les feuilles de style CSS3

2j (14h)

Débutant

Présentiel

(0 avis)

Objectifs

Public concerné

Pré-requis

Programme

Modalités

Accueil > Formations > Informatique > Formation HTML5 et CSS 3 – Créer des applications web dynamiques et responsives, avec le langage HTML5 et les feuilles de style CSS3 – Débutant – Présentiel – 14hCréer des applications web dynamiques et responsives, avec le langage HTML5 et les feuilles de style CSS3

HTML5 et CSS 3 - Créer des applications web dynamiques et responsives, avec le langage HTML5 et les feuilles de style CSS3 - Présentiel - 2j (14h)

Objectifs

A l’issue de la formation, le participant sera en mesure de :

Concevoir et développer des applications Web en HTML5 et CSS3
Mettre en place et valider la structure HTML 5 des pages Web
Habiller des pages Web en CSS3 afin de les rendre plus attractives
Savoir produire des pages compatibles avec les différents navigateurs internet
Rendre responsive design les pages Web d’un site
Créer des images et des animations vectorielles

Public concerné

Développeurs Concepteurs web Chefs de projets

Prérequis

Connaissances internet standard. Une expérience pratique du web est souhaitable.

Programme

Présentation

Contexte historique
HTML : le langage du Web
Fonctionnement d’un site internet
Histoire et normalisation du HTML
La nouvelle vision HTML5

Structure d’un document HTML

Concept et usage des balises
Le bon usage des balises
Particularités et pièges du HTML
Le document HTML minimum

L’en-tête d’un document HTML

Doctype ou DTD
Méta-informations

Le corps d’un document HTML

Texte sans balise
Types de balise et référencement
Balises de type block et inline

Structurer le texte

Titres et paragraphes de texte
Le contrôle de passage à la ligne
Les caractères spéciaux
Les commentaires
Les autres balises de texte

Les feuilles de style

Dynamiser un site avec CSS : styles inline, balise style, balise link
Les commentaires
Les propriétés Styles du texte : couleur, police, taille, alignement, …
Intérêt des balises div et span
Styles des boites : bordures, fond, taille, marge, …
Les sélecteurs : balise, classe, id, pseudo-classes …
Gérer les positionnements

Les listes

Numérotées, à puces, imbriquées
Les listes de définition
Styles dans les listes

Les tableaux

Cellules de tableau et fusion des cellules
Gestion de la taille du tableau En-tête et légende
Les bordures
Les groupes de colonnes et de lignes
Styles dans les tableaux

Les hypertextes

La balise de liens
Les différents types de liens : vers une autre page, dans une page, vers un site Web, de téléchargement…
Les Target
L’attribut titre Pseudo-classes des liens
Styles dans les liens

Insertion d’images

L’insertion d’une image
Couleur et image d’arrière-plan
L’insertion d’un lien sur une image
Les images réactives Styles sur les images

11 – Les formulaires

La déclaration de formulaire (balise form)
Zone de texte à une ligne
Menu déroulant
Boutons : radio, checkbox, d’envoi, d’annulation, de commande
Les champs cachés, de transfert de fichier, de mot de passe
L’organisation des éléments d’un formulaire
Styles dans les formulaires

Le balisage HTML5

Référencement et web sémantique
Les nouveaux éléments (main, header, footer…)

CSS3 – les styles avancés
Se passer d’images, éviter les astuces
Coins arrondis, ombres portées, transparence, animations
Niveau de présentation
Mise en page par patron
Mise en page multi-colonnes
Mise en page par boites horizontales ou verticales (flexbox)
Positionnement par grille (grid)

Modalités d'évaluation

Tout au long du processus de formation, la progression pédagogique du participant fait l’objet d’une évaluation au moyen de QCM, mises en situation, travaux pratiques, quizz…

Le participant est également soumis à un test de positionnement en début et en fin de formation pour valider les compétences acquises.

Contrôle et suivi

Cours en présentiel
Exercices de mises en situation et quizz
Échanger et partager entre participants
Interagir et recevoir des feed-backs des formateurs

Délai d'accès à la formation

Le participant pourra commencer la formation dans un délai compris entre 11 et 14 jours, selon les modalités de financement, suivant la date d’inscription à la formation.