1

Formation HTML5 et CSS

Le centre de formation ROYER ROBIN Associés vous propose de connaître les langages HTML5 et CSS. Découvrez la création d’un site web et les technologies qui permettent sa réalisation. Une attention particulière sera apportée au Front-End qui permet la conception et le développement d'une interface. Royer Robin Associé vous apportera toutes les connaissances nécessaires pour concevoir des sites Web rapides, performants et surtout modernes. Lors de cette formation, nous mettrons l’accent sur la découverte et l’apprentissage des langages dits clients que sont le HTML5, CSS3. Nous aborderons aussi quelques frameworks comme Bootstrap ou bien encore Jquery. Consultez notre programme et n’hésitez pas à nous contacter pour en savoir plus !

Tarif : 1800 € HT

niveau 1  

3 jours (21h)  

  Imprimer      Télécharger

Viadeo Viadeo

Formation HTML5 et CSS


Programme de formation


Introduction

  • JavaScript, images, les feuilles de style en cascade CSS : la structuration d'un document HTML
  • Avantages du HTML5
  • Les bons outils pour bien développer
  • Le mode Testing pour rendre le projet compatible de manière optimale .
  • Syntaxe XML et DTD (structuration, commentaires)
  • Les tableaux et formulaires
  • Paragraphes, liens, titres en HTML
  • Le protocole HTTP. Le DOM
  • Exercice : Création d’une simple page web


La structuration

  • Les balises indispensables
  • Le référencement : Avantages des balises structurantes 
  • Les imbrications
  • Les éléments  header  et  footer , nav ,  aside ,  section ,  article, application de la conformité
  • Exercices : Réalisation d’un projet web en HTML5 


HTML : Les balises récentes

  • Les attributs et balises à ne plus utiliser
  • Les attributs : area, button, a, fieldset, iframe
  • Les microformats
  • Range, autofocus, placeholder, menu et les formulaires
  • Canvas contre SVG
  • Les formats multimédias. Gestion du son et des animations avec les balises du HTML5
  • Exercices : codage d'un petit lecteur audio, video fonctionnel et multimédia .
  • Gestion text-overflow, wrap-option, white-space-treatment...
  • Les effets text-fill-color, text-shadow...
  • RGB et RGBA. Opacity.
  • Appliquer une belle mise en forme aux éléments textuels
  • Exercices : Application de couleurs. Gestion multi-colonnes.


Image vectorielle et responsive: SVG

  • SVG.js
  • Velocity
  • Raphael
  • SVG
  • Images : intégration et support
  • Polices de caractères
  • Optimisation, animation de SVG
  • Exercices : Création d'un élément multimédia basé sur la vectorisation .


CSS3 : Les sélecteurs

  • Les règles et les sélecteurs
  • Sélecteurs nth-child(even), target, ~, d'enfant unique only-child
  • Media Queries
  • Exercices : Sélectionner des éléments d'une page HTML5 // CSS3


Les boîtes et les fonds

  • Border-radius
  • Box-shadow : les ombres
  • Les fonds multiples
  • Translations, rotations, homothéties : transformation basiques
  • Les transitions et les animations
  • Exercices : Gestion des Animations, des effets de transition et des arrondis dans une application


Grid Layout et flexbox

  • Fonctionnnement d’une "Grid"
  • Mise en page avec un système de bloc et positionnement sur la page
  • Taille écran de l'utilisateur et lien avec le code
  • Gestion de l’affichage en fonction des tailles d’écran
  • Occupation de l'espace
  • Centrage d’un bloc 
  • Exercices : Création d’un site sur base flexbox et responsive design


Les Framework CSS

  • Éléments communs des frameworks
  • Bootstrap
  • Exercices : Réalisation d’une page web full responsive avec Bootstrap


JavaScript - jQuery

  • Structures de contrôle
  • Objets
  • Tableaux
  • Fonctions et passage de paramètres


jQuery

  • Sélecteurs
  • Utilisation dans des formulaires


Intégration PHP 

  • Base de l'intégration




Toutes les thématiques abordées sont mises en situation directement par des exercices d’application et des cas pratiques suivant une progression pédagogique adaptée à tout public et avec le soutien d’un support écrit et d'un formateur expert en programmation.




Objectifs pédagogiques

  • Réaliser du responsive design
  • Créer des animations et des images vectorielles
  • Créer des applications et site web à base de CSS3 et de HTML5
  • Utiliser le CSS 3 pour mettre en forme un site web

Participants

Développeurs, Responsables projets Web. Architecte Web et Ingénieur. Salariés impliqués dans le site web de son entreprise.

Prérequis

Pas de connaissance particulière requise. Etre à l’aise avec l’outil informatique.


Informations pratiques sur le déroulement de la formation

La formation JAVA peut se dérouler à distance via une classe virtuelle, à Montpellier dans nos locaux (quartier Près d’Arènes), dans vos locaux ou dans une salle de formation proche de votre zone d’activité, partout en France.

Si vous souhaitez une information préalable pour personnaliser votre programme de formation, dans le cadre d’une formation en groupe, vous pouvez nous contacter par téléphone au 04 67 13 22 60, par notre site ou par visioconférence.

Nous vous proposons cette formation en accompagnement individuel ou en groupe selon vos disponibilités et celles de nos formateurs.
Vous pouvez nous contacter pour la planification de votre parcours ou pour plus de précisions par téléphone au 04 67 13 22 60.

Demande de renseignement


* Champs obligatoires


Nos formations dans le même domaine

Formation bureautique : Word Excel PowerPoint - Montpellier

Objectifs de la formation :  Excel : se mettre à niveau sur les principes de bases; acquérir les commandes de bases afin d’être autonome. Word et Pow...

Découvrir cette formation >

Formation Excel Avancé - TOSA Éligible CPF

Objectifs de la formation : Maîtriser sa pratique de Microsoft d’Excel pour en exploiter pleinement ses fonctionnalités. Exploiter pleinement les don...

Découvrir cette formation >

Formation Excel base à Montpellier - TOSA Éligible CPF

Objectifs de la formation : Prise en main du logiciel Excel, s’initier aux fonctions de base. Etre capable d'atteindre un score compris entre 1 et 55...

Découvrir cette formation >

Ils témoignent de leur satisfaction

Jimmy J.

« Durant la période de recherche post-diplôme QHSE, j'ai pu accéder à un plus grand nombre d'offres d'emploi donc plus d'entretiens et donc au final plus de chances de trouver un travail.

Durant la plupart de ces entretiens, l'intitulé de ce nouveau diplôme acquis a séduit pas mal d'employeurs potentiels.
J'ai passé une dizaine d'entretiens […]. Aujourd'hui j'occupe un poste de responsable... »
En savoir plus >
Caroline E.

« 20 mois après mes premiers pas chez B-Braun Médical Suisse (entrée comme stagiaire pour effectuer l'analyse, matrice environnementale et plan d'action en deux mois), j'ai été engagée pour mettre en place la nouvelle norme ISO 50001 sur la gestion de l'Energie du site de production industrielle pharmaceutique Suisse (fabrication du contenant et contenu de solutions injectables)... »
En savoir plus >
+