|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
Créer et mettre en forme des pages web (HTML5 et CSS3)Date de mise à jour : 22/01/2024
| Identifiant OffreInfo : 24_250775 |
Carif-Oref Provence - Alpes - Côte d'Azur |
Apprendre à créer des pages et des applications Web en HTML5 et CSS3.
Découvrir la puissance du HTML5 notamment en termes d'applications multimédia (smartphones et tablettes).
S'approprier bootstrap,le template responsive design de twitter permettant la réalisation de site internet dans un usage actuel des langages HTML5,CSS3,JavaScript et multisupport (Ordinateur,smartphone,tablette)
INTRODUCTION A HTML 5 ET CSS 3
- Contexte : fonctionnement d'un site internet
- Les normes du W3C
- Les changements avec HTML5
- Roadmap HTML5
- Quand choisir le HTML5
- Utiliser le HTML5 avec des navigateurs qui ne le supportent pas
BALISES HTML 5
- Disparition des notions «en ligne» et «bloc»
- Doctype, NameSpace, Encoding
- Les nouveaux éléments : section, article, aside, nav, ... pouren-têtes, pied de pages, etc.
- Les indispensables balises telles que menu, command,details, summary
-La compatibilité entre les navigateurs
- Optimisation des balises pour les moteurs de recherche
LES FORMULAIRES HTML 5
- Balise form
- Créer et utiliser des formulaires HTML5
- E-mail, url, date ...
- Les validations de formulaire en HTML5
L'AUDIO ET LA VIDEO EN HTML 5
- Les conteneurs
- Contrôler la vidéo, l'audio
- Support et formats (WebM, MP4, H.264, Ogg Theora,MP3, AAC, Vorbis)
- Gérer plusieurs sources vidéos et audios
- Sous-titres et vidéo HTML5
DESSINER AVEC HTML 5
- Dessiner en JavaScript
- Contexte
- Accessibilité
LA GEO-LOCALISATION AVEC HTML 5
- Vue d'ensemble
- La vie privée de l'utilisateur
- Géolocaliser ses utilisateurs sur Google Maps
CSS3
- Ce que ça change
- Coins arrondis
- Ombres portées
- Transparence
- Mise en page et positionnement
- Autres propriétés
- Gestion des éléments de formulaire via CSS : enabled,disabled, valid, required, optionnal
- Intégrer ses propres polices
- Mise en page multi-colonnes
- Media Queries CSS3 pour créer des sites Web plus réactifs
- Responsive design – Feuille de style CSS multi-écran pourordinateur, mobile et tablette
LA MISE EN PAGE ET LE POSITIONNEMENT
- Niveau de présentation
- Mise en page par patron ou multi-colonne
- Mise en page par boites horizontales ou verticales
- Positionnement par la grille
CSS3 : LES ANIMATIONS
- Transformations (2D et 3D)
- Transitions
- L'animation
Nos certifications
Nous vous accueillons dans un décor original et
Certifiante
Sans niveau spécifique
Conventionnement : Non
Niveau d'entrée : Information non communiquée
Bonne connaissance de l'environnement informatique (pratique courante d'OS X ou de Windows)