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
- Intégrer les techniques du marketing et de la communication online : e-pub, emailing, référencement, réseaux sociaux, mobile...
- Construire ou consolider une stratégie, un plan d'actions on-line
- Mesurer et optimiser le retour sur investissement (ROI) de ses actions
| Tarif |
A partir de 1 490,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Appréhender le fonctionnement de MongoDB
- Appréhender comment installer, configurer et administrer un serveur MongoDB
- Créer des requêtes d'interrogation
- Mettre en œuvre la réplication avec MongoDB
- Distribuer des données sur plusieurs instances d'une base MongoDB
- Sauvegarder les données d’une base MongoDB
| Tarif |
A partir de 1 990,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Créer ses pages en utilisant HTML5, CSS3, Javascript avec Dreamweaver
- Structurer les dossiers et fichiers des sites Web créés
- Utiliser des règles de base du design pour créer un site Web
- Créer, traiter et optimiser adéquatement des images destinées au Web avec Photoshop et Illustrator
- Créer des pages dynamiques avec PHP/MySQL[MariaDB]
- Mettre en ligne son projet
| Tarif |
A partir de 1 390,00 € |
| Durée |
5j / 35h |
| Modes |
|
Formation Umbraco : Concevoir des sites Web avec Umbraco CMS / .Net / MVC / C#
Proposé par PLB CONSULTANT
Objectifs de la formation
À l'issue de cette formation Umbraco - Concevoir des sites Web vous aurez acquis les connaissances et les compétences nécessaires pour :
- Maîtriser Umbraco et tout un ensemble de notions périphériques indispensables
- Etre en capacité de créer des sites et des applications Web
| Tarif |
A partir de 2 695,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
CSS est un bon moyen de séparer le design du code HTML. Cependant, certaines contraintes liées au langage font que l'évolution, la réutilisation et la maintenance des feuilles de style CSS se révèlent être des tâches difficiles. Les langages LESS et SASS offrent la possibilité de créer des feuilles de styles CSS dynamiques dans lesquelles il est possible d'utiliser des variables, des fonctions et de faire de l'héritage. Non seulement l'écriture des feuilles de style est simplifiée mais leur lisibilité et leur pérennité en sont grandement améliorées. Ce cours sur les langages LESS et SASS de génération dynamique de feuille de style vous permettra de vous familiariser avec les spécificités de chacun
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
5 jours (35 heures) |
| Modes |
|
Objectifs de la formation
A l’issue de cette formation, les participants devraient être en mesure de créer et de promouvoir leur marque personnelle de manière efficace, afin d'améliorer leur visibilité professionnelle et leurs opportunités de carrière.
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
• Identifier les particularités du management à distance vs management de proximité
• Déterminer le mode de fonctionnement à distance : règles, outils…en lien avec la maturité de l’équipe
• Créer du lien et maintenir le sentiment d’appartenance
• Favoriser et maintenir la coopération et le travail collaboratif
| Tarif |
A partir de 1 400,00 € |
| Durée |
Nous contacter |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Concevoir et réaliser un prototype d'interfaces interactives avec Axure RP Pro
- Créer des interactions entre les pages ou au sein d'une page
- Optimiser les parcours utilisateurs
- Créer des interfaces adaptées pour mobile, tablette et PC
- Générer un prototype HTML.
| Tarif |
A partir de 1 340,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation BO XI 3 Administration & Sécurité, vous aurez acquis les connaissances et compétences nécessaires pour :
- Maîtriser l'environnement Central Management Console et la zone de lancement BI.
- Connaître les concepts de la gestion de la sécurité XI 3
- Mettre en oeuvre la matrice de sécurité XI 3
- Gérer les dossiers, les catégories, les groupes et utilisateurs
- Créer et gérer les univers et les connexions
- Publier et planifier des objets dans un environnement sécurisé
- Vérifier les droits et les relations
- Restreindre les accès
- Gérer un calendrier et les évènements
- Mettre en oeuvre des instances et des alertes
- Gérer les publications.
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
