Aller au contenu principal

IB FORMATION : 02. HTML5, CSS3, Responsive – Création de pages web

Organisme

IB FORMATION
1 PLACE DE LA PYRAMIDE
92911 PARIS LA DEFENSE CEDEX

Durée

21 heures

Modalités

Formation
  • Classe virtuelle
  • Présentiel
Évaluation

Une attestation de fin de formation sera remise au stagiaire à l'issue de la formation

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
926.1€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
3717€ HT / groupe
4 stagiaires minimum

Public

Développeurs, concepteurs web, chefs de projets…

Pré-requis

- Avoir des connaissances internet standard.

- Une expérience pratique du web est souhaitable

Objectifs pédagogiques

- 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 CSS 3 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


Programme détaillé

EN PRÉSENTIEL / A DISTANCE

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 DOUCMENT 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 VID2O  

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

14. CSS3 - LES STYLES AVANC2S

  • 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

Retrouvez sur le Learning Hub ib :

  • 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

 

LES PLUS DE LA FORMATION

  • Une progression pédagogique qui permet de comprendre les traitements qui peuvent être délocalisés du serveur vers le poste client.
  • Création d’une application "fil rouge" : création du contenu, de la mise en forme, tests multi-navigateurs, ajout de fonctionnalités dynamiques et HTLM5, mise en production.
  • La pédagogie favorise les échanges entre participants ; l'animateur apporte des réponses personnalisées à chacun.
  • Les contenus digitaux mis à disposition des participants après la formation renforcent l'efficacité pédagogique du programme et garantissent un bénéfice durable de l'action de formation.
  • Répartition théorie/pratique : 50% / 50%
  • Cette formation se compose d’une alternance d’apports théoriques, de travaux pratiques s’articulant autour d’une application fil rouge, de démonstrations, de phases d’échanges entre participants et de synthèses de la part du formateur.

Sessions

Filtrer les résultats

21 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Les compétences professionnelles visées par la formation sont validées via un test permettant d’obtenir une certification officielle.
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat