Formation HTML5, CSS3, Responsive - Création de pages web
expand_less
(...)
Vous êtes ici : Accueil > Formation HTML5, CSS3, Responsive - Création de pages web

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

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

Objectifs de cette formation

HTML5, CSS3, Responsive - Création de pages web
  • 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

  • Développeurs
  • Concepteurs web
  • Chefs de projets...

Pré-requis

Programme détaillé
En présentielEn Présentiel / A distance

Présentation

  • HTML : le langage du Web
  • Contexte historique
En présentielEn Présentiel / A distance

Environnement et structure

  • Concept et usage des balises
  • Le bon usage des balises
  • Particularités et pièges du HTML
  • Le document HTML minimum
En présentielEn Présentiel / A distance

Mise en forme du document

  • Le texte simple
  • Les objets d'un document
  • L'en-tête d'un document HTML
En présentielEn Présentiel / A distance

Mise en forme du texte

  • Titres et paragraphes de texte
  • Le contrôle de passage à la ligne
  • Le formatage du texte, l'alignement
  • La taille, la couleur et la police
  • Les caractères spéciaux
  • Les commentaires
  • Les autres balises de texte
En présentielEn Présentiel / A distance

Les listes

  • Numérotées, à puces, imbriquées
  • Les listes de définition
En présentielEn Présentiel / A distance

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
En présentielEn Présentiel / A distance

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
  • La couleur des liens
  • Liens et feuilles de style
En présentielEn Présentiel / A distance

Insertion d'images

  • L'insertion d'une image
  • L'espace autour d'une image
  • L'alignement d'une image
  • Couleur et image d'arrière-plan
  • L'insertion d'un lien sur une image
  • Les images réactives
En présentielEn Présentiel / A distance

Les formulaires

  • La déclaration de formulaire
  • Zone de texte à une ligne
  • Menu déroulant
  • Boutons : radio, checkbox, d'envoi, d'annulation, de commande
  • Les formulaires : cachés, de transfert de fichier, de mot de passe
  • L'organisation des éléments d'un formulaire
En présentielEn Présentiel / A distance

Les méta-informations

  • Doctype ou DTD
En présentielEn Présentiel / A distance

Les feuilles de style

  • Les propriétés : couleur, police, marge,...
  • Les classes
  • Dynamiser un site avec CSS
  • Gérer les positionnements
En présentielEn Présentiel / A distance

Introduction à JavaScript

  • JavaScript pour quoi faire ?
  • L'environnement du client Web
  • Le navigateur, les outils
En présentielEn Présentiel / A distance

JavaScript : le coeur du langage

  • La syntaxe
  • Les variables, les fonctions globales, les opérateurs, les structures de contrôle
  • Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
  • Objets personnalisés et objets globaux
  • Manipuler les tableaux, les dates, les chaînes de caractères
En présentielEn Présentiel / A distance

Les objets du navigateur

  • La hiérarchie des objets
  • Les principaux objets : window, document, location, screen, navigator, form...
  • Manipuler des fenêtres
  • Gérer des timers
En présentielEn Présentiel / A distance

Introduction à HTML5

  • Contexte : fonctionnement d'un site internet
  • Histoire et normalisation du HTML
  • La nouvelle vision HTML5
  • Roadmap HTML5
En présentielEn Présentiel / A distance

Comment utiliser le HTML5 aujourd'hui

  • Savoir quand choisir le HTML5
  • Utiliser le HTML5 avec des navigateurs qui ne le supportent pas
En présentielEn Présentiel / A distance

Le balisage HTML5

  • Structure d'une page
  • Doctype
  • Les nouveaux éléments et les éléments obsolètes
  • HTML5 et CSS3
En présentielEn Présentiel / A distance

Les formulaires

  • La balise form
  • Créer et utiliser des formulaires HTML5
En présentielEn Présentiel / A distance

Audio et vidéo

  • Les éléments audio et vidéo
  • Les conteneurs, les codecs
  • Compromis pour un site à forte audience
En présentielEn Présentiel / A distance

Vue d'ensemble des APIS

  • Les APIs HTML5
  • Audio et vidéo
  • Site web hors ligne
  • Drag et Drop
En présentielEn Présentiel / A distance

Dessiner en HTML

  • Canvas vs SVG
  • Contexte et accessibilité
En présentielEn Présentiel / A distance

La communication en HTML5

  • Les évènements
  • Envoi de messages entre documents
  • Envoi de messages par canaux
  • Le push et les WebSockets pour plus de performances
En présentielEn Présentiel / A distance

La géolocalisation

  • Vue d'ensemble
  • La vie privée de l'utilisateur
En présentielEn Présentiel / A distance

Stockage

  • Stockage local
  • Stockage en session
  • Bases de données SQL Web
En présentielEn Présentiel / A distance

CSS : standardiser des propriétés

  • Se passer d'images, éviter les astuces
  • Coins arrondis, ombres portées, transparence, animations
  • Autres nouveautés
En présentielEn Présentiel / A distance

CSS : mise en page et positionnement

  • Vue d'ensemble : clarifier le code, éviter la multiplication de div imbriquées
  • Niveau de présentation
  • Mise en page par patron
  • Mise en page multi-colonnes
  • Mise en page par boites horizontales ou verticales
  • Positionnement par grille
  • Autres nouveautés
  • CSS pour mobiles et tablette
Après le présentielAprè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 cette formation

HTML5, CSS3, Responsive - Création de pages web
  • 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.
Moyens pédagogiques
  • 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
  • Ressources pédagogiques : un guide d'animation, un ordinateur connecté à Internet par participant, un support de cours en français, un cahier d'ateliers

Informations

Dimension Digitale

Inter
Intra

  • Durée : 3 Jours (21h)
  • Tarif : 1 850 € HT
  • Réf. : CE953
  • Option(s)
    • Restauration : 69 € HT
  • Durée : 3 Jours (21h)
  • Réf. : CE953


Dates des sessions inter

Session garantie
Bon à savoir...

= une réponse possible
= plusieurs réponses possibles

Vous n'avez pas répondu à toutes les questions !
Vous avez % de bonnes réponses, vous pouvez donc suivre cette formation.
Vous avez % de bonnes réponses.
Nous vous invitons à contacter nos Conseillers Formation au 0825 07 6000 afin qu'ils vous orientent vers une formation plus adaptée à vos connaissances.

Nos partenaires technologiques