Formation - HTML5, CSS3, Responsive - Création de pages web

Qualiopi
Durée 3 jours (21 heures)
Localisation Partout en France
Logo de IB Cegos - Formation - HTML5, CSS3, Responsive - Création de pages web

Proposé par

IB Cegos

Prérequis

Public admis

  • Salarié en Poste
  • Entreprise

Demandeur d'emploi et Etudiant non admis

Financement

  • Votre OPCO
  • Financement personnel

Financement CPF non pris en charge

Modalités

  • En entreprise
  • À distance
  • En centre

Objectifs pédagogiques

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.

Programme de la formation

1 - Présentation

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

2 - 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

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

  • Doctype ou DTD
  • Méta-informations

4 - Le corps d’un document HTML

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

5 - 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

6 - 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

7 - Les listes

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

8 - 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

9 - 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

10 - 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

12 - Le balisage HTML5

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

13 - Audio et vidéo

  • Les éléments audios et vidéos
  • Les conteneurs, les codecs
  • Compromis pour un site à forte audience

14 - 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)
  • Autres nouveautés

15 - Responsive Web Design

  • Découverte du viewport
  • Présentation en mode grille
  • Media queries
  • Introduction à Boostrap
Après la session
  • Des vidéocasts pour revenir sur les points clés de la formation
  • Des vidéos-tutos pour vous accompagner dans vos premiers développements avec HTML5 et CSS3
Logo de IB Cegos - Formation Formation - HTML5, CSS3, Responsive - Création de pages web

Proposé par

IB Cegos

"Formations aux technologies et métiers du Numérique"

Voir la fiche entreprise
Logo de IB Cegos - Formation - HTML5, CSS3, Responsive - Création de pages web

Formation - HTML5, CSS3, Responsive - Création de pages web

0 ville proposant cette formation
Logo

La 1ère plateforme pour trouver une formation, choisir son orientation ou construire son projet de reconversion.

© 2024 France Carrière. Tous droits réservés.