Certification IT - Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS

Rechercher une formation

Source : Carif Provence-Alpes-Côte d’Azur

Partager sur :

Objectifs, programme, validation de la formation

Objectifs

Identifier les règles d’écriture du langage de balises
Définir le contenu de pages web : texte, listes, tableaux, images, audio
Structurer l’organisation des fichiers d’un site web
Construire des formulaires de saisie
Créer une feuille de style et ordonner ses règles
Organiser la disposition du contenu des pages web
Mettre en forme le contenu des pages web

Description, programmation

Introduction

Rappels des normes XHTML, CSS, HTML5
Les problèmatiques actuelles : le multi-format, les terminaux mobiles
Découvrir HTML5

Présentation de HTML 5
Support par les navigateurs
Les balises HTML5

Atelier pratique : Une première page en HTML 5
Créer des sites web avec HTML5

Structure et sémantique
Nouveaux éléments de formulaire HTML5
Intégration d’animations et sons

Atelier pratique : Création d’un premier site avec formulaire en HTML5
Utiliser CSS 3

Rappel CSS
Ordre de priorité : cascade et héritage
Dimensionnement, marges
Problèmatique de positionnement
Propriétés CSS 3 pour la mise en forme : bordures, ombres, transparence,...

Atelier pratique : démonstration de styles et d’effets sur les différentes propriétés étudiées, mise en page complexe d’une page

Comprendre le Responsive Web Design

Présentation du Responsive Web Design : objectifs, alternatives...
Les grilles fluides
Les media queries
Compression d’images, sprites, Data URI
Introduction aux librairies JavaScript pour compatibilité HTML5

Atelier pratique : création d’un site multiplateforme (smartphone, tablette..)
Utiliser Bootstrap

Présentation de Bootstrap
Installation de Bootstrap

Atelier pratique : créer une page avec Bootstrap
Découvrir JavaScript

Concepts de base du Javascript
Gestion des événements
Présentation du DOM (Document Object Model)
Accès, modification, ajout d’éléments et d’attributs
Gestion dynamique des CSS

Atelier pratique : réaliser une galerie de photos
Découvrir XML

Presentation du format XML
Structure d’un document XML
Intérêts d’XML

Atelier pratique : flux RSS d’un site web
Comprendre Ajax et XMLHttpRequest

Communication synchrone et asynchrone
Instancier un objet XMLHttpRequest
Envoi de requêtes
Gestion des réponses, codes de retour des serveurs HTTP
Gestion des erreurs
Découvrir jQuery

Fonctions essentielles et chaînage
Sélecteurs (CSS, XPath, Complexes)
Parcours, manipulation de l’arbre DOM et filtres
Principes des Callback
Créer des interfaces grâce à jQuery

Comportement des liens
Association d’évènements et déclenchement
Effets d’animations
Widgets : sliders, infobulles, drag’n’drop...

Atelier pratique : exemples multiples de widgets jQuery
Utiliser AJAX avec jQuery

Communication asynchrone/synchrone
Mise en oeuvre d’AJAX
Fonctions jQuery disponibles
Chargement de pages et injection de code
Intégration complète d’AJAX et de l’UI
Compatibilité avec le

Validation et sanction

Certification

Type de formation

Perfectionnement, élargissement des compétences