Formation HTML5 Nord

HTML5
L'Hypertext Markup Language, généralement appelé HTML, est le format de données pour concevoir des pages web statiques. Nous sommes actuellement à  la version 5 de ce langage. Cette formation vous permettra de concevoir des pages web dans l'air du temps.

Obtenir un devis Comment financer ma formation ?


Le programme de formation


Le matériel et les logiciels

  • Ressources nécessaires
  • Quel éditeur choisir ?
  • Les navigateurs
    • Pourquoi différents navigateurs ?

Introduction

  • Les différentes versions du HTML
  • Les standards du web
  • L'avenir du HTML5
  • Compatibilité avec les navigateurs

Structure de base d'un document HTML

  • Le doctype
  • La balise HTML
  • Définition de l'encodage
  • La balise HEAD
    • Les metas informations
    • Insertion de CSS et Javascript
    • Les balises utiles pour le référencement
  • La balise BODY

Mettre en forme du texte

  • Le formatage du texte
    • Grassage, italique, soulignement, mise en évidence …
  • Les balises d'entêtes
  • Les listes ordonnées
  • Les listes non ordonnées
  • Les listes de définition
  • Les abréviations
  • Les espaces insécables, les sauts de ligne ...
  • Les paragraphes
  • L'alignement

Les tableaux

  • Insertions de tableaux
  • Insertion, suppression de lignes et colonnes
  • Fusionner des lignes et colonnes
  • Fractionner des lignes et colonnes
  • caption, col, colgroup

Les liens hypertexte

  • Création de lien hypertexte sur du texte
  • Création de lien hypertexte sur des images
  • Création de lien vers messagerie (mailto:)
  • Les attributs

Les images

  • Les formats d'images du web
  • Les contraintes liées aux images
  • Insertion d'images
  • Les attributs
  • figure, figcaption

Les éléments graphiques

  • Canvas et le dessin de graphiques sur une page web
  • SVG (Scalable Vector Graphics) et la création de graphiques interactifs

Les médias

  • Insertion de vidéos et sons (HTML5)
  • Insertion d'iframe
    • Insertion de vidéo Youtube, Daily motion ...
    • Insertion de Google maps

La sémantique

  • Qu'est-ce que la sémantique HTML5 ?

Mieux structurer ses pages

  • header
  • nav
  • section
  • article
  • aside
  • footer

Les balises et attributs non repris en HTML5

  • Balises : applet, bgsound, big, center, dir, font, frame, strike, tt, u ...
  • Attributs : align, link, bgcolor, border, cellpadding, cellspacing, nowrap, height, name, valign ...

Les formulaires

  • La balise form
  • Les champs de texte
  • Les zones de texte
  • Les listes déroulantes
  • Les boutons radio
  • Les cases à cocher
  • Les boutons envoyer et rétablir
  • Les balises introduites à partir du HTML5
    • input (date, time, datetime-local, tel, email, url, color, number, search...)

Mettre en ligne son site

  • De quoi ai-je besoin ?
  • Client et serveur FTP
  • Les outils indispensables


Pré-requis

Connaissances de base de l'environnement Windows ou Mac

Public

Développeur web, webmaster, webdesigner, ingénieur informatique.

Objectifs

Etre en mesure de concevoir et mettre à  jour des pages web utilisant HTML5

Moyens pédagogiques

Un PC par personne, un groupe de maximum 5 personnes.
Exposé théorique, suivi d'une mise en pratique.

Moyens pour suivre l’exécution de l’action et d’en apprécier les résultats

A la fin de la formation, le stagiaire évalue la qualité de la formation puis complète avec le formateur un tableau reprenant les différents points du programme en précisant, si c'est acquis, en cours d'acquisition ou non acquis.


Pour toute demande de financement auprès de votre OPCA ou Pôle Emploi vous aurez besoin du programme détaillé de formation.

Ces formations peuvent vous intéresser