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
- S’approprier les techniques pour interroger et associer des sources de données hétérogènes
- S'entraîner à préparer et nettoyer des jeux de données
- Savoir modéliser efficacement les données dans Power BI
- Connaître les fonctionnalités de base du langage DAX
- Utiliser des éléments visuels pour réaliser une analyse de données
- Concevoir et mettre en forme des rapports et tableaux de bord Power BI
| Tarif |
A partir de 1 800,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Savoir configurer correctement son compte Google Analytics
- Connaître les principaux rapports utiles au pilotage de son activité
- Suivre le parcours de son utilisateur le plus précisément possible
| Tarif |
A partir de 1 500,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Découvrir les fonctionnalités du framework Angular
- Créer une nouvelle application Web Angular
- Maîtriser le système de composants d'Angular
- Organiser, modulariser ses développements JavaScript
- Intégrer des tests unitaires au développement
| Tarif |
A partir de 1 390,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Android Developpement avancé vous aurez acquis les connaissances et compétences nécessaires pour :
- Exploiter toutes les fonctionnalités graphiques et multimédia offertes par Android.
- Mettre en oeuvre les services, les notifications et la programmation multithread.
- Intégrer les informations issues des différents capteurs pilotés par Android
- Réaliser des clients web spécifiques à Android.
- Tirer partie des possibilités de géolocalisation.
- Sécuriser les applications.
| Tarif |
A partir de 1 690,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Comprendre les particularités du framework Svelte et ses différences majeures avec Angular, React ou Vue
- Maîtriser la syntaxe et les fonctionnalités de base du framework
- S'approprier les meilleures pratiques pour créer des composants
- Comprendre comment développer des applications rapides et réactives
- Utiliser les stores
- Construire et gérer une application jusqu'au déploiement avec SvelteKit
| Tarif |
A partir de 1 950,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire le fonctionnement de MicroStrategy Web et Designer
- Créer des rapports sous MicroStrategy Web et Designer
- Personnaliser votre système de reporting.
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Cette formation est délivrée dans les conditions définies par Microsoft : en partenariat avec un centre de formation agréé Microsoft Learning, formateur certifié Microsoft, lab officiel Microsoft, support de cours officiel Microsoft.
Concrètement cette formation Dynamics 365 for Marketing vous apportera les connaissances et compétences nécessaires pour :
- Gérer le contenu marketing, les modèles et les intégrations
- Créer et gérer des prospects dans votre CRM
- Savoir évaluer l'état de préparation des ventes au moyen de modèles d'évaluation
- Concevoir et créer des formulaires et pages marketing
- Créer et gérer les segments, les centres de souscription, les listes et les opt-in
- Concevoir et créer des courriers électroniques
- Configurer et lancer des parcours clients
- Afficher, comprendre et gérer les informations des clients
- Configurer et gérer les fonctionnalités de planification d’évènements
- Créer des messages d'événement, personnaliser le portail des évènements et gérer les inscriptions et les archivages
- Concevoir, configurer et distribuer des sondages
- Examiner et comprendre les informations sur les évènements et les sondages
| Tarif |
A partir de 2 630,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Savoir utiliser le logiciel SIG ArcGIS pour les informations géographiques
- Comprendre les SIG
- Connaître le modèle de données
- Gérer les coordonnées, créer une carte
- Gérer l'affichage, la mise en page, le placement de points
- Maîtriser les fonctions avancées, la mise en place dans ArcView et les autres applications
| Tarif |
A partir de 1 500,00 € |
| Durée |
3 jours |
| Modes |
|
Objectifs de la formation
- Créer et administrer un site Sharepoint
- Créer et personnaliser des listes et bibliothèques de documents
- Utiliser et créer des workflows basiques
- Gérer la sécurité du site Sharepoint
- Optimiser la collaboration avec Sharepoint
| Tarif |
A partir de 1 200,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
- Être en mesure d’accélérer la performance marketing au sein de l’entreprise
- Acquérir la démarche et l’état d’esprit du marketing
- S’approprier les outils et méthodes utilisés dans la pratique marketing
- Bâtir et présenter une recommandation stratégique
- Construire et mettre en œuvre le plan d’actions marketing opérationnel
| Tarif |
A partir de 4 000,00 € |
| Durée |
8j / 56h |
| Modes |
|
