HTML 5, CSS 3, Responsive - Création de pages Web
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire la structuration d'une page HTML 5
- Ajouter des styles CSS aux éléments d'une page
- Utiliser les blocs et les tableaux
- Créer des formulaires avec Web Forms 2
- Tester les nouveautés HTML 5 et CSS 3
- Exploiter les "media queries" pour s'adapter aux tailles d'écran
- Expliquer la philosophie des framemorks HTML / CSS pour le développement responsive.
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Jour 1 - Matin
Les terminaux
- Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolution
- Périphériques, OS, navigateurs
- Le marché mobile et parts de marché
- Standards HTML, HTML 5, CSS 3 (API, sélecteurs...)
Structure d'une page
- Tags principaux
- Simplification avec HTML 5
- Les éléments et leurs placements
Exemple de travaux pratiques (à titre indicatif)
- Création d'une page Web simple
Balises structurantes
- Blocs div et span
- Listes
- Tableaux
- iFrames
Exemples de travaux pratiques (à titre indicatif)
- Création d'un menu à partir d'une liste à puces
- Création d'un tableau de contacts
- Affichage d'un fichier PDF dans une page Web
Jour 1 - Après-midi
Web Forms 2
- Champs de saisie
- Listes déroulantes
- Bouton Radio
- Champ Date
- Placeholder
- Slider
- Validation automatique
Exemples de travaux pratiques (à titre indicatif)
- Création et validation d'un formulaire de saisie d'informations d'un contact
HTML 5
- Balises sémantiques
- Audio et vidéo
Exemples de travaux pratiques (à titre indicatif)
- Affichage d'un élément audio et vidéo
- Structuration d'une page Web avec les éléments
- Header
- Nav
- Section
- Article
- Footer
Jour 2 - Matin
Styles CSS
- Syntaxe des sélecteurs CSS
- Pseudo-sélecteurs
- Principales propriétés CSS
- Règles CSS
- Frameworks CSS
Exemples de travaux pratiques (à titre indicatif)
- Analyse du site Zen Garden
- Mise en forme avec CSS
- Mise en forme d'un tableau et d'un formulaire avec Bootstrap
Structure des éléments
- Le modèle de boîte
- Eléments "block" et "inline"
- La propriété display
- Padding, marges et bordures
Exemple de travaux pratiques (à titre indicatif)
- Mise en forme d'une page Web avec les propriétés CSS : padding et margin
Positionnement
- Positionnement
- Dans le flux
- Absolu et relatif
- Fixé
- Flottant
Exemples de travaux pratiques (à titre indicatif)
- Utilisation des propriétés CSS position
- Left
- Top
- Float
- Clear
Jour 2 - Après-midi
CSS 3
- Nouveaux sélecteurs
- Fonts, couleurs et bordures
- Positionnement en colonnes
- Présentation des "media queries"
Exemples de travaux pratiques (à titre indicatif)
- Utilisation des propriétés CSS
- Les ombrages
- Les dégradés de couleurs
- Les angles arrondis
- Les Flex Box
- Mise en forme selon le type de média
Jour 3 - Matin
Présentation des "media queries"
- Adaptation des CSS aux caractéristiques du terminal
- Règles conditionnelles (orientation, device-width...)
- JavaScript et les anciens navigateurs
- Réglage complémentaire de rendu visuel (viewport)
Exemple de travaux pratiques (à titre indicatif)
- Utilisation des "media queries" pour s'adapter à différents hardwares
Principes de grilles fluides, fixes
- Conception classique versus conception selon une grille
- Importance des blocs, approche contenu / contenant
- Unités de mesure (%, em, px), mode Retina
- Eviter les débordements et les points de rupture
- Principe des box, layout avec CSS 3
Exemple de travaux pratiques (à titre indicatif)
- Test de différents types de grille
Jour 3 - Après-midi
Frameworks et librairies responsives
- Détecter les ressources avec "Modernizr"
- Librairies de substitution (less, CSS 3 PIE...)
- Frameworks CSS 960 Grid, HTML 5 Boilerplate, Bootstrap, Foundation, Skeleton, 320
Exemples de travaux pratiques (à titre indicatif)
- Installation de Bootstrap et test de différentes grilles selon des tailles d'écrans différentes
Les fondamentaux de l'accessibilité numérique
- Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) : définition d'un site Web "accessible"
- Les outils dédiés
- Bonnes pratiques de construction HTML des pages
- La sémantique des éléments
- Les attributs fondamentaux pour l'accessibilité
Exemple de travaux pratiques (à titre indicatif)
- Adaptation des pages réalisées pour les rendre accessibles
Certification (en option, hors inscription via le CPF)
- Prévoir l'achat de la certification en supplément (ne concerne pas les inscriptions via le CPF pour lesquelles la certification est incluse)
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- La durée moyenne est de 1h00
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou une certification (proposée en option)
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire les grands concepts, les composants et l'écosystème de l'Internet des objets (IoT)
- Distinguer les interactions entre l'Internet des objets et les autres technologies numériques
- Identifier les Business Models possibles
- Examiner les enjeux liés à la vie privée et à la sécurité
- Gérer un projet de création d'objets connectés.
| Tarif |
A partir de 860,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Expliquer les avantages de relancer par téléphone dans le recouvrement à l'amiable
- Identifier les pièges à éviter lors des relances téléphoniques
- Classer les clients en fonction de leur typologie et identifier les 5 profils clients
- Intégrer et prendre en compte les points de vigilance liés à chaque profil client
- Utiliser efficacement la communication pour améliorer la relation téléphonique
- Evaluer l'image de l'entreprise transmise lors des appels téléphoniques
- Utiliser la voix de manière appropriée en termes de débit, d'intonation et de timbre
- Identifier les mots à éviter et à utiliser lors des appels de recouvrement à l'amiable
- Préparer efficacement les appels en fonction des conditions d'efficacité des relances amiables
- Suivre le client de manière appropriée dans le processus de recouvrement à l'amiable.
| Tarif |
A partir de 1 400,00 € |
| Durée |
2j / 14h |
| Modes |
|
Formation Mise en situation : Création d'une vidéo sur un autoentrepreneur ou agence de com et publication sur les réseaux sociaux
Proposé par DAWAN
Objectifs de la formation
Mise en situation 3 : Création d'une vidéo sur un autoentrepreneur ou agence de com et publication sur les réseaux sociaux| Tarif |
A partir de 3 250,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Se connecter et se repérer dans l'interface de Microsoft 365,
- Gérer et partager ses fichiers dans les Cloud de Microsoft 365,
- Retrouver ses marques sur les versions en ligne de Word, Excel, PowerPoint et OneNote,
- Utiliser les Outlook Web Apps pour communiquer et s'organiser,
- Prendre en main Microsoft Teams pour échanger en direct et travailler en mode collaboratif,
- Décrire les rôles des autres principales applications de Microsoft 365.
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Appréhender les concepts et l’architecture du framework Symfony
- Maîtriser les différents outils
- Développer une application Web simple avec Symfony 5
| Tarif |
A partir de 1 360,00 € |
| Durée |
2 jour(s) |
| Modes |
|
Objectifs de la formation
Découvrir XML, Ajax et jQuery| Tarif |
A partir de 995,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Mettre en pratique les connaissances acquises lors des 3 premières journées de formation de formateur : notions fondamentales et gestion de groupe - Réaliser un projet complet de formation – Maîtriser les fondamentaux de la gestion d’une formation à distance| Tarif |
A partir de 875,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Connaître VMware Cloud sur Amazon Web Services - Déployer le Cloud VMware sur Amazon Web Services (Software-defined data center)- SDDC - Gréer les stockages sur VMware Cloud - Gérer les extensions réduction d'un nuage VMware sur AWS SDDC - Gérer la maintenance, les scénarios de dépannage et les ressources du Vmware Cloud. - Gérer un Cloud VMware sur Amazon Web Services "Software-defined data center" et un vSphere Software-defined data center en local - Savoir gérer la migration des machines virtuelles (vSphere local et VMware Cloud ) - Gérer et configurer les réseaux Software-defined data center, interne et externe| Tarif |
A partir de 2 475,00 € |
| Durée |
3j / 21h |
| Modes |
|
Ecrire pour le Web - Captez votre lectorat et intégrez l'Intelligence Artificielle (IA)
Proposé par M2I
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Définir la culture Web
- Ecrire pour être lu
- Adapter le fond et la forme en fonction du public cible et du canal : Web, réseaux sociaux
- Exploiter les possibilités multimédia propres au digital.
| Tarif |
A partir de 2 130,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Intégrer le framework jQuery dans la réalisation d'applications et/ou de pages Web
- Parcourir et modifier la structure d'une page
- Gérer des événements utilisateur
- Échanger des données avec un serveur via des API REST
- Intégrer des composants jQueryUI dans la réalisation d'applications et/ou de pages Web.
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
