HTML5 et CSS3

Design interactif / Web

Design interactif / Web

HTML5 et CSS3

Réf. MM90

Public concerné

Graphistes, maquettistes. 

Toute personne désirant connaître les bases nécessaires à la réalisation ou la mise à jour de pages ou sites web en HTML5 et CSS3.

Objectif

La formation HTML5 et CSS3 vous permettra de réaliser, mettre à jour ou enrichir des pages web en HTML5 et CSS3.

Coût participant

 3900 €

Durée

60 heures sur 10 jours

Gobelins - Paris St Marcel

Contenu de la formation

Ce que vous apprendrez

  • Créer des pages en HTML5
  • Concevoir des feuilles de style en CSS3
  • Intégrer le responsive dans les pages HTML/CSS

Pré-requis

Maîtrise de l'outil informatique et de la navigation sur le Web.

Programme

Doctype, syntaxe et validation W3C

Structure et hiérarchisation du contenu

  • Balises de structure (section, header, footer, nav, etc.)
  • Texte, images, liens hypertextes, listes, tableaux
  • Éléments de médias (image, figure, vidéo, audio, etc.)
  • Formulaires, les éléments et attributs (tél., email, etc.)

Gestion des styles CSS

  • Application des styles à l'aide d'un style local, d'une feuille de style interne ou externe
  • Propriétés de texte, arrière-plan, bordure, marge, liste, tableau
  • Unités CSS pour les dimensions (em, %, px, etc.) et pour les couleurs (hexadécimale, RGB, RGBA, etc.)
  • Sélecteurs de base (sélecteur de type d'élément, d'ID, de classe, pseudo-classes pour les liens, etc.)
  • Sélecteurs avancés (:first-child, :nth-child, E[attribut], E[attribut="valeur"], etc.)

Mise en page à l'aide de CSS

  • Modèle de boîte CSS (margin, padding, box-sizing)
  • Dimensions (width, min-width, max-width, etc.)
  • Propriétés display (inline, block, inline-block, etc.)
  • Éléments flottants (float, clear)
  • Propriétés position pour le positionnement CSS (relative, fixed, absolute)
  • Propriétés décoratives CSS (border-radius, box-shadow, opacity, background-size, etc.)
  • Transformations et animations CSS
  • Gestion de la typographie et des polices avec notamment @font-face

Initiation à l'utilisation des médias et Media queries

  • Affichage sur différents supports
  • Notions de responsive webdesign

Toutes les notions abordées seront mises en pratique à travers des exercices.

Ce module peut également être suivi dans le cadre des formations :

Webdesign

Sélection

La sélection des candidats pourra être effectuée lors d'un entretien préalable.

Evaluation

Évaluation par l'intervenant des travaux ou exercices effectués tout au long de la formation. 

Métiers visés

Cette formation vous permet d'acquérir des compétences pour l'exercice des métiers

Designer interactif

Terme générique comprenant plusieurs métiers, dont le principaux sont :

  • UX Designer
  • Designer d'interaction
  • Designer de services
  • Ergonome d'interfaces
  • Webdesigner.

Il établit des analyses concurrentielles, des personas, des représentations schématiques des interfaces, des scénarios d’usages, des arborescences, etc.
Pour chaque point noir de l’expérience identifié, il propose des solutions qui comblent les besoins et les objectifs des utilisateurs.

En savoir plus

Développeur

A partir d’un cahier des charges qui est formalisé par un chef de projet ou un  commanditaire, il propose des solutions techniques et développe les interfaces interactives d’un produit multimédia et toutes les fonctions qui leur sont associées. Conscient des contraintes du système d’information d’un produit, il développe des formats dynamiques (PHP, XML, ASP, etc…) couplés à des bases de données (MySQL) et il vérifie le bon fonctionnement technique des processus fonctionnels du produit.
Il maîtrise la technologie Flash et conçoit des solutions techniques à la fois originales et adaptées aux besoins et aux contraintes d’un commanditaire (gestion de transactions spécifiques client/serveur, interactivité avancée, …).
A l’étape de recommandation, il propose des solutions techniques innovantes qu’il justifie et explicite dans un document d’orientations techniques.
A l’étape de production et de post-production, il prend en charge le développement du produit, les tests de conformité et toutes les modifications et optimisations nécessaires à la bonne recette technique du produit.

En savoir plus

En pratique

La sélection des candidats pourra être effectuée lors d'un entretien préalable.

Prochaines sessions

Horaires de la formation

8h/14h ou 14h/20h (fixé par Gobelins).

Contact

Vous souhaitez en savoir plus sur la formation ?

Contactez Lucette Berbinan 01 40 79 92 20

Gobelins - Paris St Marcel

73, boulevard Saint-Marcel
75013 Paris
Téléphone : 01 40 79 92 79
Fax : 01 40 79 92 71

Formations sur mesure

Vous souhaitez adapter cette formation pour vos salariés, votre entreprise?

Contactez Laetitia Denoyelle 01 40 79 92 25

Formations complémentaires

Revenir en haut de page