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
Microsoft Dynamics 365 – Solutions de gestion de la relation client – Marketing
Proposé par ENI ServiceObjectifs de la formation
- Appréhender Dynamics 365 Customer Insights - Journeys
- Faire de la configuration avancée et gérer les données
- Gérer des clients et des interactions
- Organiser et promouvoir des événements
- Analyser et évaluaer des performances marketing
- Gérer le calendrier marketing
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Définir les missions du responsable de communication
- Mettre en place un plan de communication
- Évaluer les retombées de vos actions de communication
- Gérer les différents moyens de communication
| Tarif |
A partir de 1 390,00 € |
| Durée |
18j / 126h |
| Modes |
|
Objectifs de la formation
- Maîtriser les possibilités offertes par Crystal Reports dans la création d’états simples et avancés.
- Apprendre à utiliser les fonctions de base de Crystal Reports : création des rapports, mise en forme des données, mise en œuvre de formules simples et de graphiques.
- Utiliser efficacement et de manière adéquate les fonctions avancées de Crystal Reports telles que les formules complexes ou les sous-états.
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation HTML5 et CSS3 vous aurez acquis les connaissances et compétences nécessaires pour :
- Utiliser dès maintenant les nouveautés du web, en restant rétro-compatible
- Tirer parti des nouveautés, et ainsi alléger les besoins en JavaScript
- Faire de la vidéo, du son et des animations, sans Flash
- Faire du graphisme avancé et certaines images, sans Photoshop
- Améliorer le référencement dans les moteurs de recherche
- Adapter l'affichage des versions mobile / tablette (responsive design)
- Maîtriser la mise en page avec des conseils efficaces pour le rendu et la maintenance
- Utiliser les bons outils pour travailler dans une approche professionnelle
- Créer des mises en page avec les CSS Grid
| Tarif |
A partir de 1 180,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Plus concrètement, à l'issue de cette formation Curcus Complet Photoshop Certifiant vous aurez acquis les connaissances et compétences nécessaires pour :
- Redimensionner et recadrer une image
- Désincliner l'image
- Savoir travailler avec les calques, dupliquer, supprimer un calque
- Apprendre à évoluer avec du contour progressif
- Maîtriser les différents modes de sélection
- Créer des effets spéciaux et personnalisés
- Créer et modifier des objets dynamiques
- Maîtriser les effets de calques avancés
- Utiliser des techniques avancées (RAW et Camera RAW)
- Exploiter toutes les possibilités d’automatisation de Photoshop
- Importer et modifier des objets 3D
- Créer des filtres avancés
- Utiliser la fonction HDR
- Savoir travailler les vidéos
Attention, ce cursus est composé de 2 modules de 5 jours chacun. Les dates renseignées correspondent aux 5 premiers jours. Contactez notre service commercial pour connaitre les dates des 5 derniers jours.
| Tarif |
A partir de 3 200,00 € |
| Durée |
10j / 70h |
| Modes |
|
Objectifs de la formation
- Se connecter et identifier les composants de Microsoft 365
- Créer et stocker des fichiers pour un usage collaboratif avec OneDrive
- Utiliser les fonctionnalités spécifiques des applications Office Online (Word, Excel et PowerPoint)
- Réaliser des enquêtes et des questionnaires pertinents avec Forms
- Centraliser les usages avec TEAMS et ses équipes "classe"
- Paramétrer et exploiter le bloc-notes numérique "OneNote pour la classe"
- Utiliser la section Teams "devoirs"
- Animer des réunions ou formation en ligne au travers de l'application Teams
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Gestion de Configuration avec Chef, vous aurez acquis les connaissances et compétences nécessaires pour :
- Comprendre le fonctionnement et l’architecture de de Chef
- Savoir installer, configurer et exécuter Chef Server
- Savoir mettre en œuvre une administration centralisée avec Chef
- Être capable de créer et tester des ressources et des recettes
- Comprendre le fonctionnement de Chef Analytics pour visualiser des données
| Tarif |
A partir de 1 480,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation Web Services REST avec Python, vous serez capables de produire un service Web de qualité professionnelle incluant la gestion de l’authentification ainsi qu’une documentation intégrée, et plus particulièrement de :
- Comprendre la structure d'un projet Django
- Maîtriser les vues, les objets de requête et le langage de template de Django
- Comprendre Django Rest Framework, notammet les vues DRF, les ViewSets et le routers DRF
- Versionner votre API
- Gérer les accès, les permissions et els ressources
- Mettre en production avec Nginx ou Apache
| Tarif |
A partir de 1 860,00 € |
| Durée |
3j / 21h |
| 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 |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Mettre en œuvre la technologie DSC (Desired State Configuration) pour « imposer » une configuration identique à vos machines sur la base de fichier texte de configuration, ou d’utilisation de vos propres modules Powershell
- Administrer votre parc à l’aide de workflow (comment orchestrer les phases d’installation, de reboot, etc. ?)
- Utiliser les vastes possibilités d’interfaces entre Powershell et .NET ou COM pour construire des applications PowerShell graphiques et/ou communicantes (Web, Web Services, etc.)
- Mettre en œuvre des jobs pour paralléliser vos traitements de façon efficace
- Sécuriser vos scripts dans un contexte local ou distant
- Automatiser les alertes (SMS, mail, slack, etc.)
| Tarif |
A partir de 1 960,00 € |
| Durée |
3j / 21h |
| Modes |
|
