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
À l’issue de cette formation Polymer JS vous aurez acquis les connaissances et les compétences nécessaires pour :
- Appréhender l'architecture du Framework
- Comprendre le fonctionnement des éléments pour les utiliser
- Créer de nouveaux éléments web réutilisables
- Développer une application Web complète avec Polymer JS
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
SPIP est la plate-forme de management de contenu éditorial en ligne de référence, proposé en licence Open Source. Lors de cette formation SPIP de 2 jours, vous apprendrez notamment à : Placer aisément et instantanément un contenu éditorial en ligne - textes, images, documents, objets multimédia dans un site web, intranet, extranet ou CDROM Comprendre la notion de projet de mise en ligne de contenu éditorial. Utiliser la partie privée du site pour écrire et enrichir du contenu et des photos. Apprendre à rédiger pour le web. Cette formation replace le site dans le projet éditorial et les tâches du comité de rédaction. Elle comprend aussi des notions de droit de l'image ainsi que des procédures de traitement des images
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Conception des réseaux d'entreprise Cisco, vous aurez acquis les connaissances et compétences nécessaires pour :
- Concevoir le routage interne EIGRP (Enhanced Interior Gateway Routing Protocol) pour le réseau d'entreprise
- Concevoir le routage interne OSPF (Open Shortest Path First) pour le réseau d'entreprise
- Concevoir le routage interne de système intermédiaire à système intermédiaire (IS-IS) pour le réseau d'entreprise
- Concevoir un réseau en fonction des besoins du client
- Routage BGP (Design Border Gateway Protocol) pour le réseau d'entreprise
- Décrire les différents types et utilisations des familles d'adresses Multiprotocole BGP (MP-BGP)
- Décrire le partage de charge BGP
- Concevoir un réseau BGP en fonction des besoins du client
- Décider de l'emplacement de la limite L2/L3 dans votre réseau de campus et prendre les décisions de conception
- Décrire les considérations de conception de la couche 2 pour les réseaux Enterprise Campus
- Concevoir un réseau LAN en fonction des besoins du client
- Décrire les considérations de conception de la couche 3 dans un réseau Enterprise Campus
- Examiner les concepts fondamentaux de Cisco SD-Access
- Décrire la conception des Fabrics Cisco SD-Access
- Concevoir une structure de campus à accès défini par logiciel (SD-Access) en fonction des besoins du client
- Concevoir des VPN gérés par des fournisseurs de services
- Concevoir des VPN gérés par l'entreprise
- Concevoir un WAN résilient
- Concevoir un réseau WAN résilient en fonction des besoins du client
- Examiner l'architecture SD-WAN de Cisco
- Décrire les options de déploiement Cisco SD-WAN
- Concevoir la redondance du Cisco SD-WAN
- Expliquer les principes de base de la QoS
- Conception de la qualité de service (QoS) pour le WAN
- Conception de la QoS pour le réseau d'entreprise en fonction des exigences du client
- Expliquer les principes de base de la multidiffusion
- Concevoir des solutions de distribution de points de rendez-vous
- Décrire les considérations de haut niveau lors de la conception de l'adressage IP
- Créer un plan d'adressage IPv6
- Planifier un déploiement IPv6 dans un réseau IPv4 d'entreprise existant
- Décrire les difficultés que vous pourriez rencontrer lors de la transition vers IPv6
- Concevoir un plan d'adressage IPv6 en fonction des exigences du client
- Décrire les API et les protocoles de réseau
- Décrire Yet Another Next Generation (YANG), Network Configuration Protocol (NETCONF) et Representational State Transfer Configuration Protocol (RESTCONF)
| Tarif |
A partir de 3 990,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation vous aurez acquis les connaissances et compétences pour :
- Ecrire des documents au format JSON
- Créer et valider des documents structurés XML
- Créer et utiliser XLST afin de transformer des documents XML en XML, HTML, PDF, RTF etc...
- Maîtriser XPATH
- Comprendre la place de XML et JSON dans les architectures Web
| Tarif |
A partir de 2 250,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Évaluation des compétences acquises via un questionnaires en ligne intégrant des mises en situation. (Pour passer le certificat voir "Certificat".)
| Tarif |
A partir de 4 950,00 € |
| Durée |
9 jours (63 heures) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Identifier les enjeux de sécurité du DevSecOps
- Déterminer les impacts de la sécurité sur de la livraison continue
- Monter en compétence sur les notions d'automatisation de la sécurité dans une chaîne de CI/CD
- Décrire les nouvelles pratiques sécurité dans un contexte DevOps
- Porter un regard critique sur les notions de DevSecOps
- Utiliser les différents outils de sécurité
- Participer à la communauté DevSecOps et aux communautés d'experts.
| Tarif |
A partir de 2 130,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Comprendre la transformation digitale et l'ère du digital
- Appréhender l'économie du digital et ses acteurs
- Maîtriser le cadre juridique
- Connaître les nouveaux métiers du digital
- Comprendre les nouveaux modes de travail et les compétences à développer
- Maîtriser les grandes tendances du digital
| Tarif |
A partir de 1 400,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Définir l'Architecture Orientée Services (SOA)
- Evaluer quelles technologies sont au coeur d'une SOA
- Décrire les problématiques auxquelles répond une SOA
- Identifier les pièges d'implémentation d'une SOA
- Reconnaître les principales offres logicielles.
| Tarif |
A partir de 860,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation WebIntelligence XI, vous aurez acquis les connaissances et compétences nécessaires pour :
- Exploiter l'interface d'Infoview et de Web Intelligence
- Créer des requêtes et des rapports avec WebIntelligence XI
- Manipuler les données et mettre en forme les graphiques
- Mettre en oeuvre l'analyse multidimensionnelle des données
- Gérer les documents multi-requêtes
- Structurer, calculer et mettre en forme les rapports
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Windows Server 2016 Services Réseaux, vous aurez acquis les connaissances et compétences nécessaires pour :
- Planifier et mettre en oeuvre un réseau IPv4
- Mettre en œuvre DHCP (Dynamic Host Configuration Protocol)
- Mettre en œuvre IPv6
- Mettre en œuvre DNS (Domain Name System)
- Mettre en œuvre et gérer le serveur IPAM
- Planifier l’accès distant
- Mettre en œuvre DirectAccess
- Mettre en œuvre les VPNs (Virtual Private Networks)
- Mettre en œuvre les réseaux pour les succursales
- Configurer les fonctionnalités réseau avancées
- Mettre en œuvre le SDN
- Identifier les nouveautés de la version 2016
| Tarif |
A partir de 2 990,00 € |
| Durée |
5j / 35h |
| Modes |
|
