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
Configurer un site web collaboratif avec SharePoint - Insérer et partager du contenu web avec SharePoint| Tarif |
A partir de 1 275,00 € |
| Durée |
2j / 14h |
| Modes |
|
Infographiste metteur en page - Options Stratégies webmarketing et CMS WORDPRESS
Proposé par SHURAFORM - FORMAEREM
Objectifs de la formation
Titre professionnel RNCP1267 Bloc 3 - Niveau 4 - Bac| Tarif |
A partir de 660,00 € |
| Durée |
5j / 40h |
| Modes |
|
Objectifs de la formation
Développer une application web robuste avec le framework Django| Tarif |
A partir de 2 245,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Connaitre les possibilités, l'écosystème, les principes du développement pour Tizen - Savoir développer une application complète Web API sur téléphone ou tablette Tizen| Tarif |
A partir de 2 245,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Appréhender et tirer avantage du modèle de sécurité en responsabilité partagée d’AWS
- Gérer les identités des utilisateurs et leur accès sur l’environnement AWS
- Utiliser les services de sécurité AWS tels que AWS Identity and Access Management, Amazon Virtual Private Cloud, AWS Config, AWS CloudTrail, AWS Key Management Service, AWS CloudHSM, et AWS Trusted Advisor
- Implémenter de meilleurs contrôles de sécurité pour vos ressources sur AWS
- Gérer et auditer vos ressources du point de vue de la sécurité
- Superviser et tracer les accès et les usages des ressources AWS, telles que les instances, le stockage, le réseau et les services de bases de données
- Identifier les services et les outils AWS qui permettent d’aider l’automatisation, la surveillance et la gestion des opérations de sécurité sur AWS
- Gérer les incidents de sécurité sur l’environnement AWS
| Tarif |
A partir de 2 390,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Les objectifs de la formation Chef de service SSIAP 3 - remise à niveau :
- Exercer la fonction de SSIAP 3 en prenant en compte les évolutions réglementaires et techniques
| Tarif |
A partir de 795,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Construire une API REST en Python avec FastAPI| Tarif |
A partir de 1 975,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Apprendre à développer et déployer des applications Java/JEE avec Windows Azure| Tarif |
A partir de 3 325,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire les concepts-clés relatifs à l'importance d'assurer la sécurité des informations et des données, d'assurer votre sécurité physique, d'éviter le vol de données personnelles et de protéger votre vie privée
- Protéger un ordinateur, un dispositif numérique mobile, un réseau contre les logiciels malveillants (malware) et les accès non-autorisés
- Décrire les différents types de réseaux, de connexions et les composants spécifiques tel que le pare-feu (firewall) qui peuvent poser problème lors des connexions
- Naviguer sur le World Wide Web et communiquer en toute sécurité sur Internet
- Identifier les problèmes de sécurité liés à la communication, notamment en matière de courrier électronique et de messagerie instantanée (MI - IM / Instant Messaging)
- Sauvegarder et restaurer des données de manière appropriée et sécurisée, entreposer vos données et vos dispositifs numériques mobiles en toute sécurité.
| Tarif |
A partir de 620,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Travailler en mode collaboratif avec succès avec Office 365 : Maîtriser Teams, One Drive, One Note, Sharepoint
- Maîtriser Microsoft 365 pour être suffisamment autonome
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
