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
Connaître les principaux types de réseaux et les protocoles en jeu| Tarif |
A partir de 2 495,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Identifier les bonnes pratiques de conception
- Auto-évaluer l'accessibilité des sites Web à travers le référentiel RGAA.
| Tarif |
A partir de 1 520,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Définir et mettre en œuvre la "Stratégie Océan Bleu" pour développer des offres innovantes de produits et services
- Concevoir les outils-clés de construction et d'exécution de la "Stratégie Océan Bleu " pour mettre de la créativité dans la stratégie et créer la tendance
- Préparer son organisation pour mettre en œuvre sa stratégie avec succès
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Identifier les enjeux des réseaux sociaux
- Eviter les risques liés à ces pratiques
- Anticiper par la mise en place d'une démarche adéquate
| Tarif |
A partir de 1 390,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Savoir rédiger et adapter ses messages à l’environnement web
- Maîtriser les bases de l’écriture interactive
- Optimiser les ressources de l’hypertexte pour faire passer ses messages
| Tarif |
A partir de 1 550,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Connaitre les différentes interfaces de Canva.
- Savoir organiser ses projets.
- Être capable de modifier et personnaliser un modèle Canva à son image.
- Savoir exporter un projet dans un format adapté à sa destination.
- Être capable de programmer la mise en ligne d’une publication sur un réseaux social.
- Savoir créer des publications personnalisées pour Facebook et Instagram.
| Tarif |
A partir de 1 050,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Approfondir ses connaissances techniques de Photoshop pour acquérir une méthodologie de travail
- Maîtriser les fonctions avancées
- Intégrer l’utilisation des principaux outils complémentaires
| Tarif |
Contacter l'organisme |
| Durée |
Sur mesure |
| Modes |
|
Objectifs de la formation
Développeurs PHP ayant déjà une bonne pratique du langage en mode procédural, désirant améliorer la pérennité et la maintenance de leurs développements.
A l'issue de la formation, le stagiaire sera capable de :
- Être capable de mettre en place des applications Web pointues
- Comprendre comment développer des applications pointues en POO
- Pouvoir maîtriser les échanges de type API avec XML et JSON
METHODES ET OUTILS PEDAGOGIQUES
- Alternance exposés théoriques et exercices pratiques (80% pratique)
-
Support de cours
EVALUATION
- Tout au long de la formation, exercices pratiques permettant au formateur la validation des acquis et des compétences
Public concerné
Développeurs de site Web en PHP.
Pré-requis
Bonnes connaissances de la syntaxe PHP5 et de son utilisation dans un contexte Web.
| Tarif |
A partir de 2 375,00 € |
| Durée |
4 jour(s) |
| Modes |
|
Ionic – Développer des applications mobiles multiplateformes avec Cordova et Angular
Proposé par ENI Service
Objectifs de la formation
- Installer et configurer un projet Ionic
- Structurer l'application à l'aide de composants
- Collecter des données utilisateurs avec des formulaires
- Mettre en place la navigation dans l'application
- Implémenter des services d'accès aux serveurs de données
- Synchroniser des traitements avec les objets Observable
- Synchroniser des traitements avec les objets Observable
- Accéder aux fonctions natives de l'appareil
- Optimiser, construire et déployer l'application
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Présenter l'architecture de Red Hat Ansible Automation Platform 2
- Installer et configurer plusieurs instances de Automation Controller et référentiels Automation Hub privés pour coordonner et mettre à l'échelle Red Hat Ansible Automation de manière centralisée
- Intégrer Red Hat Ansible Automation Platform aux services de référentiel Git centralisés tels que GitLab
- Gérer les utilisateurs, équipes et autorisations d'accès dans les services Red Hat Ansible Automation Platform
- Créer et gérer des workflows qui exécutent les processus automatisés en fonction de la réussite ou de l'échec des tâches précédentes
- Configurer et gérer Automation Mesh pour répartir l'exécution entre Automation Controller et les noeuds d'exécution à distance
- Résoudre des problèmes et effectuer la maintenance des services de Red Hat Ansible Automation Platform
- Discuter autour des pratiques recommandées pour assurer la haute disponibilité et l'évolutivité d'un cluster d'automatisation de grande taille.
| Tarif |
Contacter l'organisme |
| Durée |
5j / 26h |
| Modes |
|
