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

Distanciel

(0 avis)
Prix à partir de
Connaissances internet standard. Une expérience pratique du web est souhaitable.

HTML5 et CSS 3 - Créer des applications web dynamiques et responsives, avec le langage HTML5 et les feuilles de style CSS3 - Distanciel - 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 distanciel
  • 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.  

Accessibilité


Personnes en situation de handicap : nous contacter pour étudier ensemble les possibilités d’adaptation.