Spécialiste de la formation professionnelle, Microsoft GOLD CERTIFIED Partner
 
 

HTML5 et CSS3– Découvrir et mettre en œuvre des sites et applications web

Thème P.A.O - Création de Sites Web
Objectif A l’issue de ce stage, vous saurez développer un site Internet, créer un site Internet propre avec contenu d'un côté et mise en forme de l'autre, savoir s'adapter quel que soit le navigateur, être capable de créer des interactions dynamiques avec l'utilisateur, profiter des dernières nouveautés HTML5 comme le lecteur vidéos compatible mobiles.
Pré requis Pour suivre ce stage, il est nécessaire de connaitre internet standard, d’avoir des notions d'algorithmie.
Durée 5j
Retour au calendrier Télécharger le PDF Se pré-inscrire
MaiJuinJuilletAoûtSeptembreOctobre
 4-6 29 - 31 24 - 26
Contenu
Module 1 : Présentation
  • HTML : le langage du Web 
  • Contexte historique

Module 2 : Environnement et structure

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

Module 3 : Mise en forme du documen

  • Le texte simple 
  • Les objets d'un document 
  • L'en-tête d'un document HTML

Module 4 : Mise en forme du texte

  • Les titres 
  • Les 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

Module 5 : Les listes

  • Numérotées 
  • A puces 
  • Imbriquées 
  • Les listes de définition

Module 6 : Les tableaux

  • Les cellules de tableau 
  • La fusion des cellules 
  • Gestion de la taille du tableau 
  • En-tête et légende 
  • Les bordures 
  • Les groupes de colonnes 
  • Les groupes de lignes

Module 7 : Les hypertextes

  • La balise de liens 
  • Liens vers une autre page 
  • Liens à l'intérieur d'une page 
  • Liens vers un autre site Web 
  • Liens vers une adresse électronique 
  • Liens pour télécharger un fichier 
  • Les Target 
  • L'attribut titre 
  • La couleur des liens 
  • Liens et feuilles de style

Module 8 : Insertions d'images

  • Les images du Web 
  • L'insertion d'une image 
  • L'espace autour d'une image 
  • L'alignement d'une image 
  • L'insertion d'une couleur d'arrière-plan 
  • L'insertion d'image d'arrière-plan 
  • L'insertion d'un lien sur une image 
  • Les images réactives

Module 9 : Les formulaires

  • La déclaration de formulaire 
  • Zone de texte à une ligne, à plusieurs lignes 
  • Menu déroulant 
  • Bouton radio 
  • Bouton checkbox 
  • Bouton d'envoi 
  • Bouton d'annulation 
  • Bouton de commande 
  • Les formulaires cachés 
  • Les formulaires de transfert de fichier 
  • Les formulaires de mot de passe 
  • L'organisation des éléments d'un formulaire

Module 10 : Les meta-informations

  • Doctype ou DTD
Module 11 : Les feuilles de style
  • Les propriétés : couleur, police, marge,... 
  • Les classes 
  • Dynamiser un site avec CSS 
  • Gérer les positionnements

Module 12 : Introduction à JavaScript

  • JavaScript pour quoi faire ? 
  • L'environnement du client Web 
  • Le navigateur 
  • Les outils 
  • Insérer un script dans un document HTML/XHTML

Module 14 : JavaScript : le cœur 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 
  • Les objets personnalisés : constructeur, méthodes et propriétés, prototype, objets littéraux, objets sous forme de tableaux associatifs 
  • Les objets globaux : Array, Date, Math, RegExp, String... Manipuler les tableaux, les dates, les chaînes de caractères

Module 15 : Les objets du navigateur

  • La hiérarchie des objets 
  • Les principaux objets : window, document, location, screen, navigatior, form... Leurs propriétés et méthodes 
  • Manipuler des fenêtres 
  • Gérer des timers 
  • Écrire et lire des cookies

Module 16 : Introduction à HTML5

  • Contexte : fonctionnement d'un site internet 
  • Histoire du HTML
  • Les organismes de normalisation : WHATWG et W3C 
  • La nouvelle vision HTML5 
  • Roadmap HTML5

Module 17 : Comment utiliser le HTML5 aujourd'hui

  • Savoir quand choisir le HTML5 
  • Utiliser le HTML5 avec des navigateurs qui ne le supportent pas

Module 18 : Le balisage HTML5

  • Structure d'une page 
  • Doctype 
  • Les nouveaux éléments et les éléments obsolètes 
  • HTML 5 et CSS

Module 19 : Les formulaires

  • La balise form 
  • Créer et utiliser des formulaires HTML5 
  • Forcer les claviers de mobiles pour adresse internet, téléphone,...

Module 20 : Audio et Vidéo

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

Module 21 : Vue d'ensemble des APIs

  • Les APIs HTML5 
  • Audio et vidéo 
  • Site web hors ligne 
  • DragetDrop
  • Module 21 : Dessiner en HTML
  • Canvas vs SVG 
  • Contexte et accessibilité

Module 22 : La géo-localisation

  • Vue d'ensemble 
  • La vie privée de l'utilisateur

Module 23 : Stockage

  • Stockage local 
  • Stockage en session 
  • Bases de données SQL Web

Module 24 : CSS3 : standardiser des propriétés

  • Vue d'ensemble : se passer d'images, éviter les astuces 
  • Coins arrondis, ombres portés, transparence, animations 
  • Mise en page et positionnement 
  • Autres nouveautés

Module 25 : CSS3 : 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 boite horizontales ou verticales 
  • Positionnement par grille 
  • Autres nouveautés 
  • CSS3 pour mobiles et tablettes : bonnes pratiques
Retour au calendrier Télécharger le PDF Se pré-inscrire
Mentions légales | Contact | I'Form Immeuble le Colombo, 6 avenue Georges Pompidou – BP 33180, 31131 Balma Cedex, France
 
login