HTML5 / CSS3 / Responsive – Créer des pages Web
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
| Tarif |
A partir de 1 890,00 € |
| Durée | 3 jours - 21 h |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 890,00 € |
| Durée | 3 jours - 21 h |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Programme
Introduction (0.5 heure)
- Vue d’ensemble de la création de contenu pour le WebStandard du W3C
- Langages HTML, CSS & JavaScript
- Organisation d’un site web
- Principaux navigateurs et niveau de compatibilités aux nouveautés HTML5 et CSS3
- Outils de création de contenu pour le Web
Notions fondamentales du langage HTML5 (1.5 heures)
- Syntaxe XML
- Vue d’ensembles des balises HTML
- Attributs XML, HTML et Evénements
- Structure du document HTML
- Eléments d’entête
- Travaux pratiques :
- Structure HTML de la page
- Ajout de contenus simples
- Mise en place de liens de navigation entres les pages
Mise en page à l’aide d’éléments conteneur (1.5 heures)
- Eléments de section
- Eléments de titres
- Eléments de navigation
- Eléments générique
- Travaux pratiques :
- Organisation sémantique des pages HTML avec les bonnes balises
Concepts d’accessibilité numérique (1 heure)
- Qu’est-ce qu’une page ou un site Web « accessible » ?
- Les outils associés
- Bonnes pratiques de construction HTML des pages
- La sémantique des éléments
- Les attributs fondamentaux pour l’accessibilité
- Travaux pratiques :
- Adaptation des pages réalisées pour les rendre accessibles
Notions de base de la mise en forme en CSS (2 heures)
- Création et intégration d’une feuille de style CSS
- Sélecteurs CSS simple
- Héritage et cascades
- Couleurs et Unités de mesures : px, in, %, em
- Travaux pratiques :
- Création d’une feuille de style
- Application de la feuille de style aux différentes pages
Intégration et mise en forme de contenus simples (2 heures)
- Gestion du texte, des paragraphes et des listes
- Gérer les espaces et les sauts de lignes
- Polices embarquées
- Présentation multicolonnes
- Affichage en ligne ou en bloc
- Dimensions et marges
- Bordures et Fonds
- Images de fond et dégradées
- Travaux pratiques :
- Mise en forme des éléments texte
- Mise en page et positionnement des contenus
Structure fluide et positionnement (1.5 heures)
- Unités avancées : %, vh, vw, calc()
- Dimensionnement fluide et marges
- Positionnements relatifs et absolus
- Habillage et débordements
- Travaux pratiques :
- Création d’un bandeau d’en-tête
Responsive Web Design (3 heures)
- Principes fondamentaux
- Utilisation des « media queries »
- Critères d’adaptation (width, height, device-width, orientation, etc.)
- Points de ruptures et grilles
- Viewport et Zoom
- Travaux pratiques :
- Conception de pages Responsives
- Utilisation d’une structure fixe
- Utilisation d’une structure fluide à l’aide de “Media Queries”
Positionnement à base de “Flexbox” (2 heures)
- Affichage “Flexbox”
- Axe principal et axe transversale
- Répartition et alignement des éléments
- Dimensions de base, agrandissements et réductions
- Ordonnancement des éléments
- Travaux pratiques :
- Utilisation d’une structure fluide à l’aide de “Flexbox”
Mise en forme avancée en CSS3 (2 heures)
- Sélecteurs CSS3
- Pseudo classes
- Pseudo éléments
- Variables CSS
- Transformations et Transitions
- Travaux pratiques :
- Mise en forme du menu de navigation
Création de formulaire HTML5 (2 heures)
- Structurer le formulaire avec les éléments Form, FieldSet et Label
- Ajouter des éléments Input
- Créer des listes de valeurs pour les éléments Input
- Afficher des informations avec les éléments Output, Progress et Meter
- Mettre en forme et valider un formulaire
- Ajouter des boutons de contrôle
- Considérations d’accessibilité numérique sur les formulaires
- Description des champs
- Navigation au clavier
- Travaux pratiques :
- Ajout de formulaire HTML
- Organisation des champs
- Mise en forme du formulaire avec CSS
Création de tableau (1 heure)
- Elément Table
- Eléments ligne et cellules
- Groupes de lignes et de colonnes
- Fusionner des cellules
- Mise en forme d’un tableau
- Travaux pratiques :
- Ajout d’un tableau de données HTML
- Habillage du tableau avec CSS
Intégration du contenu multimédia (1 heure)
- Ajouter des images
- Intégrer des documents audios et vidéos
- Configurer le composant de contrôle de la lecture
- Problématiques d’accessibilité sur le contenu multimédia
- Comment décrire le contenu ?
- Les éléments et attributs essentiels
- Travaux pratiques :
- Insertion de contenus multimédia, vidéo et audio dans une page
Prérequis
Aucun.
Public
Intégrateur Web, Web Designer, Rédacteur Web, Concepteur/Développeur
Ces formations pourraient vous intéresser
Objectifs de la formation
- Utiliser des techniques et les outils d'administration dans Windows Server 2022
- Implémenter des services d’identité
- Gérer des services d’infrastructure réseau
- Configurer les serveurs de fichiers et le stockage
- Gérer les machines virtuelles à l’aide de la virtualisation Hyper-V et les conteneurs.
- Implémenter des solutions de haute disponibilité et de reprise d’activités après sinistre
- Appliquer des fonctionnalités de sécurité afin de protéger les ressources critiques
- Configurer les services de bureau à distance
- Configurer le déploiement d’une infrastructure de bureau basé sur une machine virtuelle
- Implémenter l’accès à distance et les services Web
- Implémenter la surveillance des services, la surveillance des performances et appliquer la résolution des problèmes
- Effectuer des mises à niveau et une migration liées à l’AD et le stockage
| Tarif |
A partir de 2 950,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Savoir créer un formulaire et l'envoyer - Consulter les réponses d'un formulaire| Tarif |
A partir de 225,00 € |
| Durée |
Nous contacter |
| Modes |
|
Objectifs de la formation
Concevoir des contenus web et éditoriaux numériques accessibles.| Tarif |
A partir de 675,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Créer et utiliser des Web services REST en Java dans le cadre d'une application de type SOA ou d'utilisation dans le cadre d'interface graphique ou service
- Concevoir dans le respect des bonnes pratiques des API REST
- Sécuriser un Web service REST
- Packager et déployer une API REST.
| Tarif |
A partir de 1 830,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Décrire les principes de développement des Services Web en .NET
- Concevoir des Services REST
- Définir des routes
- Utiliser l’injection de dépendance
- Gérer les formats d’échange entre le client et le serveur
- Sécuriser les appels à vos Services REST en intégrant un mécanisme d’authentification
- Déployer les Services REST sur un serveur
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Acquérir les bases pour gérer un projet de création de site Web| Tarif |
A partir de 1 875,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Apprendre à gérer des photothèques avec Adobe Bridge| Tarif |
A partir de 995,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Définir les besoins de l’entreprise en matière d’infrastructure en tant que code et les avantages de son utilisation dans votre environnement
- Expliquer les caractéristiques et fonctionnalités de Terraform
- Utiliser les ressources, les variables et les valeurs de sortie Terraform pour créer des ressources d’infrastructure Google Cloud
- Utiliser les modules Terraform pour créer des configurations réutilisables
- Expliquer l’état de Terraform et son importance
| Tarif |
A partir de 700,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Appréhender le concept de l'accessibilité numérique et l’intérêt des normes d’accessibilité
- Appréhender les problèmes rencontrés par les utilisateurs sur des sites non accessibles
- Appréhender les impacts et conséquences de la prise en compte de l’accessibilité au sein d'un projet web
- Échanger sur votre projet web et obtenir des réponses aux questions que vous vous posez
| Tarif |
A partir de 850,00 € |
| Durée |
1j / 7h |
| Modes |
|
