FORMATION HTML 5 / CSS 3 (3 jours)

Transcription

FORMATION HTML 5 / CSS 3 (3 jours)
FORMATION HTML 5 / CSS 3 (3 jours)
Présentation :
Maîtrisez les bases du web !
Cette formation vous permettra de débuter en programmation en apprenant à maîtriser les deux
langages de base du web : HTML et CSS. Découvrez les différentes balises HTML, construisez une
page, et ajoutez-lui un design personnalisé grâce aux capacités des feuilles de style du CSS.
Nous aborderons également toutes les nouveautés introduites avec HTML5 et CSS3 !
La formation se déroulera sur trois jours à l’aide d’une présentation Power Point, un poste de travail
et un support de cours pour chaque stagiaire.
Une large place est accordée aux questions/réponses afin que chaque participant puisse
parfaitement comprendre les fonctions qu’il sera amené à utiliser dans son activité quotidienne.
De plus, une partie pratique sera imbriquée tout au long de la formation, comportant plusieurs
exercices permettant au stagiaire de se familiariser concrètement avec la structure et les spécificités
des langages.
Ces exercices réguliers, ainsi que la présence d’une feuille d’émargement, permettront de suivre et
d’évaluer les stagiaires.
Pré-requis : Connaître l’environnement Windows et l’utilisation d’Internet.
Objectifs :





Maîtriser les différentes balises HTML et fonctions CSS
Savoir intégrer une page depuis une maquette ou un zoning
Connaître les standards W3C, les bonnes pratiques
Savoir mettre en place une arborescence de pages
Se familiariser avec le responsive-design
Programme :
Initiation à l’HTML 5 (une journée et demie)
I.
II.
III.
IV.
V.
VI.
Introduction
Structure du langage
a. Les balises
b. Les navigateurs et leurs règles
Créer une page
a. La structure d’une page : Titre, en-tête…
b. Edition : paragraphes, listes à puces…
c. Création d’une structure HTML adaptée au responsive-design
Gestion des images, son, vidéos
a. Les formats d'images du web : gif, jpg, png.
b. Insérer un son, une vidéo, une animation flash.
Fonctionnalités évoluées
a. Les liens hypertextes
b. Les formulaires
Pour aller plus loin (facultatif)
a. Introduction à WordPress
b. Initiation au PHP
Initiation au CSS3 (une journée et demie)
I.
II.
III.
IV.
V.
Introduction
Découverte des propriétés du CSS
a. Création d’une feuille de style
b. Les propriétés du CSS : bordures, marges, etc.
Optimisation d’une feuille de style
a. Les animations dynamiques
b. Compatibilité sur les différents navigateurs
Fonctionnalités évoluées : responsive-design
a. Utilisation des media queries
b. Mise en place d’un responsive-design
Initiation au JavaScript