Evolution MM

Formations à l'informatique
Découvrez la différence ENI

Lien accueil

Téléchargez le Calendrier des formations

Nantes, Rennes, Niort, Nice, Paris

Juin à Décembre 2017

Rechercher
Rechercher une formation
 

Créer des contenus pour le Web en HTML5 et CSS3 (action collective FAFIEC "Evoluer vers le développement objet" réf. 26854 ou 26864)

ENI Service a été retenue par le FAFIEC dans le cadre de l'action collective de formation "Evoluer vers le développement objet .NET et Java". Si vous êtes salarié d'une entreprise cotisant au FAFIEC, vous pouvez bénéficier d'une prise en charge à 100% du coût de cette formation.

Dans cette formation, vous apprendrez à créer des pages Web statiques côté client avec les nouveaux standards que sont HTML5 et CSS3. Vous verrez également comment utiliser le langage JavaScript pour ajouter des interactions simples avec les utilisateurs.

Public :

  • Développeurs, analystes programmeurs, chefs de projets.

Objectifs :

  • Construire une page Web en HTML5 ;
  • Mettre en forme une page avec CSS3 ;
  • Créer des formulaires avancés ;
  • Créer des tableaux de données ;
  • Créer des menus de navigation ;
  • Gérer des interactions simples en JavaScript.

Pré-requis :

  • Avoir une expérience de programmation, quel que soit le langage d'origine ;
  • Avoir développé et livré une application en autonomie ou en équipe.

Contenu pédagogique

Introduction

  • Vue d'ensemble de la création de contenu pour le Web
  • Standard du W3C
  • Langages HTML, CSS & JavaScript
  • Organisation d'un site web
  • Principaux navigateurs et niveau de compatibilités aux nouveautés HTML5 et CSS3
  • Outils de création de contenu pour le Web

Notions fondamentales du langage HTML5

  • Syntaxe XML
  • Vue d'ensembles des balises HTML
  • Attributs XML, HTML et Evénements
  • Structure du document HTML
  • Eléments d'entête

Mise en page à l'aide d'éléments conteneur

  • Eléments de section
  • Eléments de titres
  • Eléments de navigation
  • Eléments générique

Notions de base de la mise en forme en CSS

  • Création et intégration d'une feuille de style CSS
  • Sélecteurs CSS simple
  • Couleurs et Unités de mesures

Positionnement et dimensionnement des conteneurs

  • Comprendre le positionnement naturel des éléments
  • Dimensionner les éléments
  • Positionner les éléments

Intégration de contenu et groupe de contenu simple

  • Créer des paragraphes, listes, figures
  • Ajouter du texte standard et préformaté
  • Gérer les espaces et les sauts de lignes
  • Utiliser les éléments sémantiques textuels

Mise en forme avancé en CSS3

  • Sélecteurs CSS avancés
  • Héritages des styles
  • Bordures et Trames de fonds
  • Mise en forme du texte
  • Transition CSS

Création de formulaire HTML5

  • Structurer le formulaire avec les éléments Form, FieldSet et Label
  • Ajouter des éléments Input
  • Créer des listes de valeurs pour les éléments Input
  • Afficher des informations avec les éléments Output, Progress et Meter
  • Mettre en forme et valider un formulaire
  • Ajouter des boutons de contrôle

Création de tableau

  • Elément Table
  • Eléments ligne et cellules
  • Groupes de lignes et de colonnes
  • Fusionner des cellules
  • Mise en forme d'un tableau

Intégration du contenu multimédia

  • Ajouter des images
  • Intégrer des documents audio et vidéo
  • Configurer le composant de contrôle de la lecture

Gestion d'interaction simple en JavaScript

  • Notions de base du langage JavaScript
  • Parcours et Manipulation du DOM
  • Gestion des événements
  • Afficher des menus déroulants et contextuels
  • Ajouter des informations sur demande avec les éléments Details et Summary
  • Autoriser la modification de contenu

Travaux pratiques

  • Création d'un site Web par étapes en respectant l'enchainement des modules théoriques
    • Structure HTML de la page
    • Ajout de contenus simples, titres, listes, images
    • Mise en place de liens de navigation entres les pages
    • Ajout d'un tableau de données HTML
    • Création d'un formulaire HTML
    • Insertion de contenus multimédia, vidéo et audio
  • Mise en forme du site Web en CSS
    • Mise en forme des éléments texte
    • Mise en page et positionnement des contenus
    • Création d'un bandeau d'en-tête
    • Mise en forme du menu de navigation
    • Habillage du tableau de données
    • Mise en forme du formulaire
    • Adaptation des styles aux différentes résolutions d'écrans (Responsive Web Design)
  • Mise en place d'interactions simples en JavaScript
    • Ouverture et fermeture d'un menu
    • Validation d'une saisie utilisateur dans un champ de formulaire
Durée : 5 jour(s)
Tarif : 2 490 € (HT)
Réf : T4ACF-2

Dates des sessions

Nantes (44) 29/05/17 02/10/17 Rennes (35) 29/05/17 02/10/17 Paris (75) 29/05/17 02/10/17 Niort (79) 29/05/17 02/10/17 Nice (06) 29/05/17 02/10/17 in-class™