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
A l'issue de cette formation, vous serez capable de :
- Clarifier les objectifs éditoriaux selon vos priorités et vos ressources
- Etablir des règles claires et intégrer le mode de fonctionnement Newsroom
- Poser les bases d'une stratégie de contenus mobile, sociale et web to print
- Manager les contenus, les équipes et les ressources limitées pour maximiser l'impact de votre stratégie de contenus.
| Tarif |
A partir de 1 340,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Découvrir la création de module et de template dans Joomla| Tarif |
A partir de 1 500,00 € |
| Durée |
2j / 14h |
| Modes |
|
Concepteur designer UI - Options Adobe PHOTOSHOP, CMS WORDPRESS et CANVA
Proposé par SHURAFORM - FORMAEREM
Objectifs de la formation
Titre professionnel RNCP35634 Bloc 3 - Niveau 6 - Bac+3 (Licence, Bachelor, BUT)| Tarif |
A partir de 690,00 € |
| Durée |
5j / 37h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Utiliser Microsoft Dynamics 365 Customer Service afin d'offrir à toute organisation la possibilité d'aider ses clients à réussir
- Mettre en pratique des outils tels que la création automatique de cas et la gestion des files d'attente
- Décrire les étapes de la création de cas à l'interaction avec les clients jusqu'à la résolution de ces cas
- Identifier les détails clés (une fois les cas résolus) à partir de l'analyse des données, pour vous aider à résoudre plus rapidement les cas similaires ou éviter de nouveaux problèmes.
| Tarif |
A partir de 2 840,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
| Tarif |
Contacter l'organisme |
| Durée |
Sur mesure, le format est défini avec vous selon les objectifs et le niveau. |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Découvrir le framework Symfony 7 pour créer votre site Web
- Créer un nouveau projet Symfony 7, en partant de rien
- Décrire l'organisation structurée des répertoires / fichiers et y appliquer un pattern MVC
- Construire vos premières pages Web avec le moteur de rendu Twig et le gestionnaire d'assets Webpack Encore
- Créer des formulaires Symfony et gérer la persistance d'objets via Doctrine
- Identifier les bonnes pratiques officielles et astuces de Symfony.
| Tarif |
A partir de 1 590,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Apprendre à installer et configurer IIS| Tarif |
A partir de 1 625,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Installer et paramétrer PrestaShop sur son ordinateur
- Naviguer dans les interfaces Front et Back Office
- Réaliser la page d'accueil du site et des pages produits
- Sécuriser et mettre en place les paiements sur le site
- Optimiser, sauvegarder et déployer son site avec un hébergeur
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Identifier les bases essentielles de Photoshop
- Gérer les principaux détourages d'images avec Photoshop
- Préparer ses visuels pour l'impression ou pour le Web
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Analyser l'architecture d'Azure DevOps pour intégrer efficacement les différents composants
- Concevoir et mettre en œuvre des pipelines CI/CD à l'aide d'Azure Pipelines
- Configurer Azure Repos pour la gestion de versions et l'intégrer aux pipelines
- Déployer des applications vers les services Azure à l'aide d'Azure DevOps
- Surveiller et optimiser les pipelines en termes de performance et d'efficacité
- Appliquer les meilleures pratiques de sécurité dans les environnements Azure DevOps
- Automatiser les tâches et les processus en utilisant Azure CLI et les scripts PowerShell
| Tarif |
A partir de 2 600,00 € |
| Durée |
4 jours |
| Modes |
|
