Formation HTML5, CSS3, 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
À l'issue de cette formation HTML CSS, vous aurez acquis les connaissances et compétences nécessaires pour :
- Savoir structurer un site ou une application web à l’aide du balisage HTML5
- Savoir mettre en forme une page HTML5 en y intégrant des feuilles de style CSS3
- Savoir optimiser son code et mettre en œuvre la compatibilité avec les différents navigateurs
- Être capable d’intégrer des pages « responsive » dans ses développements
- Être capable d’intégrer des images, des animations vectorielles et du son au sein de ses développements
| Tarif |
A partir de 1 850,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 850,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Cette formation HTML CSS est destinée à toute personne souhaitant maîtriser la conception de sites Internet et d’applications web modernes tirant parti de toutes les nouvelles spécifications et technologies apportées par le Web d’aujourd’hui.
Le HTML est un langage texte qui permet de décrire le contenu d’une page web grâce à des balises (structure du document, données, images, formulaire, programme, etc.) Les feuilles de style CSS permettent d’en définir la présentation. L’idée de fond est de ne pas mélanger les données et leur visualisation pour faciliter la mise en place d’un site et son évolution.
Indépendamment de la complexité des architectures, les langages HTML et CSS demeurent des standards depuis des années. Les nouvelles versions du HTML5 et du CSS3 ont encore renforcé cette hégémonie en étendant leurs possibilités pour prendre en compte les équipements mobiles, le référencement, le dessin vectoriel, la vidéo, le rendu 3D, les animations, etc. Bref, il devient maintenant possible de proposer des applications clients/serveurs et des pages web attractives grâce à l’utilisation conjointe de HTML5 et CSS3.
Lors de cette formation, vous comprendrez, dans un premier temps, comment les navigateurs échangent avec les serveurs web, puis comment créer des sites web dynamiques et modernes en utilisant les possibilités du HTML et du CSS que vous compléterez avec les apports des nouveautés proposées par le HTML5 et le CSS3.
Leur utilisation vous sera présentée sous un angle professionnel avec notamment le souci de répondre à la question "Comment faire de la mise en page Web avec les technologies et les outils modernes du moment ?". Ce qui vous le verrez n'est pas complexe si on se limite à la simple présentation des technologies.
De même, nous vous aiderons à préparer votre veille technologique post-formation et à analyser avec recul les tendances du moment. Nous vous présenterons une série d’outils et méthodologies visant à professionnaliser vos développements, être plus efficace et gagner en productivité. Vous apprendrez également à pallier les problèmes redondants de rétrocompatibilité afin de concevoir des sites et des applications nativement compatibles dans le plus grand nombre de navigateurs.
Programme
Les bases du web
Fonctionnement d’un échange entre navigateur et serveurLes protocoles http et https
Les navigateurs web
Présentation des différents langages web
Les logiciels pour coder et mettre en ligne
L’inspecteur de code
Ressources web utiles
Le HTML 5
Qu’est-ce que le HTML et quel est son rôleQue sont les balises ?
Structure de base d’un document (Doctype, head, body)
Comment écrire son premier document HTML
Les balises principales (liens, images, tableaux, blocs, paragraphes, listes…)
Hiérarchie et imbrication des éléments, parents / enfants, tabulations
Nouvelles normes HTML5 d’écritureTravaux pratiquesCréer une première page web avec HTML
L’objectif est de réussir à écrire les bases nécessaires au HTML et d’expérimenter les balises indispensables et leur imbrication.
Création d’une base réutilisable
Afin de gagner du temps, création d’une base HTML qui servira de base à tous les prochains projets
CSS 3
Qu’est-ce que le CSS ?HTML, CSS : le fond/ la forme
Rôle du CSS
Lier une feuille de style à une page HTML
Arborescence de projets web, structure des dossiers standards
Principe de base : sélecteurs, propriétés, valeur
Principales propriétés CSS
Mise en forme du texte, paragraphes et caractères
Nommer ses styles : classes, identifiants
Les sélecteurs CSS
Quelques sélecteurs CSS avancés
Nouvelles propriétés CSS3
Nouvelles syntaxes CSS3
Pseudo classes
Préfixes et compatibilitéTravaux pratiquesAjout des styles
Créer une première feuille de style et l’ajouter
Ajouter des styles sur des textes, caractères, blocs et autres balises…J2
Structurer une page avec HTML et CSS
Les blocs et divisionsLe modèle de boite CSS
Positionnement (statique, absolu, fixe)
Principaux modes de positionnement :
Principe de positionnement
Protection des conteneurs
Positionnement gauche/droite des images
Positionnement de blocs
Structurer une page en colonnes
Flexbox
Principe moderneCompatibilité des navigateurs
Bases et box-sizing
Les conteneurs et les éléments
Possibilités de positionnement
Structurer une page simple avec des colonnes
Comparatif Float / Flex
Grille simple de mise en page Float et FlexTravaux pratiquesMise en forme et structure
Création d’une grille simple de structure par colonne en float et en flex
Création de modèles simples de pages par sections et colonnes
Formulaires
Éléments et fonctionnement d’un formulaireMéthodes d’envoi et traitement
Les champs de formulaire
Nouveaux types de champs HTML5Travaux pratiquesFormulaire
Création d’un formulaire complet avec mise en forme de sections, libellés, différents types de champs et mise en page ergonomique
Graphisme avancé
Polices de caractères personnaliséesCouleurs avancées et dégradés
Ombres et opacité
Bordures et arrière-plans avancés
Compatibilité des technologies
Tester la compatibilité du navigateurComment connaître la compatibilité d’une technologie
Outils, méthodes d’optimisation, et bonnes pratiques
Contrôler la compatibilité des technologies (canIuse)Écriture de code avec auto complétion avec Emmet
Outils d’analyse de performance avec Google Speed
Optimisation des images
Qu’est-ce qu’un CDN
Faire de la veille : bénéfices, outilsJ3
Les Frameworks CSS
Normaliser les styles de base avec Normalize.cssUne base saine avec HTML5 Boilerplate
Approche de twitter Bootstrap et FoundationTravaux pratiquesUtilisons des CSS Grid
Création de blocs de présentation flexibles afin de bien comprendre la puissance des grilles CSS par rapport aux tableaux traditionnels
Responsive Web Design
Introduction au RWD, enjeux, état des lieuxPrincipe de base
Mise en place des bases code
Un design fluide
Les media queries
Créer une grille responsive
Conception de structure fluide
Coupures avec les media queries et les breakpoints
Tests sur navigateurs et mobile en temps réelTravaux pratiquesPage Web complète
Utilisation du système de grille précédemment crée pour la création d’une page web complète structurée
Vers une page responsive
Adaptation de cette page pour du design fluide
Ajout des media queries pour une page responsive
Tests sur différents navigateurs, périphériques et résolutions
HTML/CSS avancé
Animations et transformationsTransformations de base (rotation, translation, etc.)Transformations 3D (perspective)
Transitions : changement progressif d'un style
Animations autonomesTravaux pratiquesAjoutons des Interactions et animations
Création de transitions et animations et insertion dans la pageVectorielUtilisation d’images vectorielles SVGNouvelles balises audio/videoBalise audio et options
Balises vidéo et options
Formats pris en chargeTechniquesNotation BEM
CSS Orienté Objet
Code maintenable
Mise en ligne
Transfert des fichiers via FTPConfiguration de son hébergementTravaux pratiquesEn route pour Internet
Mise en ligne de la page web
Application Web
Intégration d’une mini application web en mode plein écran afin de voir les différences de codage HTML/CSS par rapport à une page standard
Rendre son application responsive
Prérequis
Des notions d’ergonomie et de responsive design sont souhaitables afin d’orienter vos premiers projets de développement conformément aux bonnes pratiques du Web.
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Utiliser les pratiques et concepts principaux de la méthodologie DevOps
- Concevoir et mettre en place une infrastructure sur AWS, qui prend en charge un ou plusieurs projets de développement DevOps
- Utiliser AWS CloudFormation et AWS OpsWorks pour déployer l’infrastructure nécessaire à la création d’environnements de développement, de test et de production pour un projet de développement logiciel
- Utiliser AWS CodeCommit et AWS CodeBuild pour découvrir l’éventail d’options permettant de mettre en place un environnement d’intégration continue (CI) sur AWS
- Utiliser AWS CodePipeline pour concevoir et mettre en œuvre un pipeline d’intégration et de livraison continues (CI/CD) sur AWS
- Utiliser AWS CodeStar pour gérer toutes les activités de développement logiciel au même endroit
- Mettre en œuvre plusieurs cas d’utilisation courants de déploiement continu (CD) à l’aide des technologies AWS, notamment le déploiement bleu/vert et les tests A/B
| Tarif |
A partir de 2 290,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Élaborer une stratégie de marketing communautaire adaptée à sa marque et ses produits
- Mesurer l’attachement de ses communautés à sa marque et leur capacité à la promouvoir
- Définir et piloter des leviers de communication adaptés aux réseaux sociaux
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Développeurs Web souhaitant développer des sites Web ou applications avec HTML 5 et CSS3.
À l'issue de la formation, le stagiaire sera capable de :
- Améliorer la présentation et la maintenance des pages web d'un site grâce aux feuilles de style
- Être capable de développer des documents HTML
- Explorer l'ensemble des possibilités offertes par HTML
Formation éligible à l'utilisation du CPF avec possibilité du passage de la certification AVIT by ENI en fin de formation.
| Tarif |
A partir de 1 000,00 € |
| Durée |
2 jour(s) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Concevoir des images de conteneurs pour la conteneurisation des applications
- Créer, déployer et gérer des conteneurs de différentes façons
- Déployer des applications dans plusieurs conteneurs
- Mettre en oeuvre des contrôles d'intégrité pour améliorer la fiabilité du système
- Créer et exécuter des pipelines automatisés pour une distribution continue.
| Tarif |
Contacter l'organisme |
| Durée |
5j / 26h |
| Modes |
|
Objectifs de la formation
- S'approprier les outils et la démarche du marketing.
- Identifier et comprendre les nouveaux leviers digitaux du marketing.
- Bâtir et présenter une recommandation stratégique.
- Intégrer les méthodes de gestion et développement d'offres innovantes.
- Bâtir et mettre en œuvre un plan marketing stratégique et opérationnel.
- Piloter la performance de l'activité marketing.
| Tarif |
A partir de 4 450,00 € |
| Durée |
8 jours (56 heures) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Analyser les éléments d'une communication visuelle et évaluer leur qualité
- Mettre en oeuvre une action de création
- Elaborer une charte graphique et l'appliquer sur des supports matériels et digitaux.
| Tarif |
A partir de 1 340,00 € |
| Durée |
2j / 14h |
| Modes |
|
Formation Accessibilité Numérique : mettre en ligne des contenus éditoriaux accessibles
Proposé par PLB CONSULTANTObjectifs de la formation
Concrètement, à l'issue de cette formation Contenus Éditoriaux Accessibles, vous serez en mesure de :
- Comprendre le rôle des contributeurs et contributrices éditoriales dans la chaîne de production
- Prévoir les problématiques d'accessibilité d’un contenu (infographie, vidéo, PDF) et apporter les solutions adéquates
- Acquérir les connaissances nécessaires pour respecter les critères d’accessibilité lors de la rédaction de contenus web accessibles
| Tarif |
A partir de 790,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
Samba est le service indispensable pour partager fichiers et imprimantes entre plateformes Windows et Unix. Samba, depuis sa version 4, est également contrôleur de domaine Active Directory et supporte les protocoles d'authentification utilisés par Windows 2000 et plus. La formation conduit à la maîtrise de son installation, de sa configuration et de son administration.
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
2 jours (14 heures) |
| Modes |
|
