logo CFORPRO

Centre de Formation Professionnelle

Ensemble, réalisons vos projets !

Partager

partager par mail partager sur Facebook partager sur twitter  Partager sur Linkedin

Formation HTML5 CSS3

Formation HTML5 CSS3 Type de cours : Stage pratique en présentiel ou à distance
Réf. : HTML5
Durée : 3 jours - 21 heures de formation
Tarifs :
- En regroupement au centre 1770€ HT par participant,
- A distance (avec un formateur tuteur) : 1600€ HT par participant,
- Chez le client (en intra) : sur devis.

carré orangéObjectifs

Réaliser ou mettre à jour des pages et applications Internet en HTML5 et CSS3.

Le langage HTML5 est de plus en plus utilisé pour les développements Internet car il permet de structurer une page et de disposer les éléments visuels de façon très précise.

Le second langage étudié, le CSS3, permet, quant à lui, d’ajouter des styles et des effets visuels rendant inutile l’utilisation d’images et permettant d’adapter l’affichage sur différents périphériques comme les tablettes, téléphones PDA ou ordinateurs.

carré orangéPublic visé

Webmasters, responsables de sites Internet, chefs de projet, etc.

carré orangéPré-requis

Connaissance d’Internet et des bases du langage HTML.

carré orangéMéthodes pédagogiques

  • Accès Internet
  • Ateliers pratiques comprenant ordinateurs, outils, logiciels.
  • Supports de cours
  • Mises en application des logiciels de maintenance
  • Évaluation et test de validation en fin de stage
  • Attestation de formation.

carré orangéProgramme du stage

1. Retour sur le HTML et CSS : les fondamentaux
Les versions successives du HTML (HTML 4, XHTML 1.x, XHTML 2),
Navigateurs et nouvelles technologies HTML,
Comment HTML est interprété par le navigateur,
La notion de client/serveur HTTP,
Les composants d’un document HTML : textes, liens, titres, paragraphes, tableaux, formulaires, etc.,
Les commentaires,
Comment est structuré un document HTML : le doctype,
La balise <head>,
Lien avec une feuille de style,
Lien avec un fichier JavaScript,
La balise <body>,
Méthode et balises pour structurer une page,
Le texte dans la page HTML,
Les caractères spéciaux.

2. Feuilles de style CSS
Images,
JavaScript,
Flash,
Le modèle de document (DOM),
Le protocole HTTP.

3. Le HTML 5

Quand utiliser HTML 5
Les principaux concepts et apports,
La "roadmap" de HTML 5,
Les différents composants : balises, formulaires, audio, vidéo, API,
Outils de développement HTML 5,
Test de compatibilité, méthode de détection HTML 5.

Intérêt de ses nouvelles balises de structure
Abandon de la notion de type “en ligne” et “bloc”,
Nouveaux éléments et attributs/nouvelle structuration,
Nouveaux attributs globaux,
Sections <header>, <footer>, introduction/conclusion d’un bloc,
L’élément <nav> navigation interne au site,
L’élément <aside>,
Balises <time>, <mark>, <figure>, <figcaption>,
Balises <menu>, <command>, <details>, <summary>.

Les autres balises de structure
Les nouvelles catégories de contenus : Metadata content, Flow content, Sectioning content, Heading content,
Les nouvelles catégories de contenus : Phrasing content, Embedded content, Interactive content,
La validation des pages avec le valideur officiel W3C.

4. LES SÉLECTEURS CSS 3

Rappel sur la syntaxe : les sélecteurs, les règles,
CSS3 : nouveaux sélecteurs et propriétés.

Travaux pratiques
Intégration de CSS 3 aux applications Internet,
Sélection d’éléments d’une page HTML 5.

Les couleurs
Rappel sur les déclarations rgb et rgba,
Les modèles hsl et hsla,
La propriété opacity.

Formater le texte
Les polices embarquées avec @font-face,
Mise en forme du texte,
Gestion des débordements par text-overflow,
Gestion des enchaînements par wrap-option, white-space-treatment,
Effets de couleur et d’ombre sur texte text-fill-color, text-shadow.

Le multicolonne
La mise en forme des boîtes,
Les coins arrondis, ombres, etc.

La mise en forme du fond
Les fonds multiples, gradients, fonds ajustés aux conteneurs,
Transitions,
Transformations,
Animations.

 

TEST DE VALIDATION DES COMPETENCES ACQUISES

ATTESTATION DE FORMATION DELIVREE EN FIN DE STAGE

CPF Infos

Une question ? Besoin d'un devis ?
Composez le 01.75.50.92.30

Vous pouvez également obtenir des renseignements, un devis (gratuit et sans engagement),
en remplissant le formulaire ci-dessous.

* information obligatoire

En soumettant ce formulaire, j’accepte que les informations saisies soient traitées dans le cadre de l'envoi d' une documentation et de la relation commerciale qui peut en découler.

Conformément à la loi « informatique et libertés » du 6 janvier 1978 modifiée en 2004, vous bénéficiez d’un droit d’accès et de rectification aux informations qui vous concernent.
Vous pouvez également, pour des motifs légitimes, vous opposer au traitement des données vous concernant.

Témoignages

Antje G. (Société DISNEYLAND PARIS)

Formation vraiment très intéressante. Elle m'a permis de mieux comprendre le sujet et mon environnement de travail. Je recommande cette formation qui est très instructive.

Mathieu L.

Très satisfait, une bonne formation avec une stucture logique et un formateur très ouvert au dialogue et aux questions.

Toutes nos formations Développeur - Création Web - Digital E-commerce - E-Marketing - SEO