HTML5 / CSS3 Maîtriser HTML5 et CSS3 pour créer des pages Web Responsives
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
-
Construire des pages Web en HTML5 ;
-
Habiller et mettre en forme des pages Web avec CSS3 ;
-
Créer des formulaires avancés ;
-
Créer des tableaux de données ;
-
Créer des menus de navigation ;
-
Intégrer du contenu multimédia ;
-
Utiliser les différentes techniques CSS de positionnement et dimensionnement pour adapter la présentation aux différents appareils (smartphone, tablette, PC)
| Tarif |
A partir de 7 750,00 € |
| Durée | 35 heures réparties sur 5 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 7 750,00 € |
| Durée | 35 heures réparties sur 5 jours |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Vous souhaitez apprendre à créer des pages web statiques avec les standards HTML5 et CSS3 ? Vous êtes au bon endroit !
Programme
Introduction
-
Vue d'ensemble de la création de contenu pour le Web
-
Standard du W3C
-
Langages HTML, CSS & JavaScript
-
Organisation d'un site web
-
Principaux navigateurs et niveau de compatibilités aux nouveautés HTML5 et CSS3
-
Outils de création de contenu pour le Web
Notions fondamentales du langage HTML5
-
Syntaxe XML
-
Vue d'ensembles des balises HTML
-
Attributs XML, HTML et Evénements
-
Structure du document HTML
-
Eléments d'entête
Mise en page à l'aide d'éléments conteneur
-
Eléments de section
-
Eléments de titres
-
Eléments de navigation
-
Eléments générique
Notions de base de la mise en forme en CSS
-
Création et intégration d'une feuille de style CSS
-
Sélecteurs CSS simple
-
Héritage et cascades
-
Couleurs et Unités de mesures : px, in, %, em
Intégration et mise en forme de contenus simples
-
Gestion du texte, des paragraphes et des listes
-
Gérer les espaces et les sauts de lignes
-
Polices embarquées
-
Présentation multicolonnes
-
Affichage en ligne ou en bloc
-
Dimensions et marges
-
Bordures et Fonds
-
Images de fond et dégradées
Structure fluide et positionnement
-
Unités avancées : %, vh, vw, calc()
-
Dimensionnement fluide et marges
-
Positionnements relatifs et absolus
-
Habillage et débordements
Mise en forme avancée en CSS3
-
Sélecteurs CSS3
-
Pseudo classes
-
Pseudo éléments
-
Variables CSS
-
Transformations
-
Transitions
-
Animations
-
Éléments graphiques SVG
Création de formulaire HTML5
-
Structurer le formulaire avec les éléments Form, FieldSet et Label
-
Ajouter des éléments Input
-
Créer des listes de valeurs pour les éléments Input
-
Afficher des informations avec les éléments Output, Progress et Meter
-
Mettre en forme et valider un formulaire
-
Ajouter des boutons de contrôle
Création de tableau
-
Elément Table
-
Eléments ligne et cellules
-
Groupes de lignes et de colonnes
-
Fusionner des cellules
-
Mise en forme d'un tableau
Intégration du contenu multimédia
-
Ajouter des images
-
Intégrer des documents audio et vidéo
-
Configurer le composant de contrôle de la lecture
Responsive Web Design
-
Introduction
-
Principes fondamentaux
-
Approche Mobile First
-
Penser grilles fluides
-
Résolutions d'écrans et Media Queries
-
Résolutions et densités des principaux smartphones et tablettes
-
Viewport et Zoom
-
Critères d'adaptation (width, height, device-width, orientation, etc.)
-
Points de ruptures et grilles
-
Résolution des images
Positionnement à base de " Flexbox "
-
Affichage " Flexbox "
-
Axe principal et axe transversale
-
Répartition et alignement des éléments
-
Dimensions de base, agrandissements et réductions
-
Ordonnancement des éléments
Travaux pratiques
-
Création d'un site Web par étapes en respectant l'enchainement des modules théoriques
-
Structure HTML de la page
-
Ajout de contenus simples, titres, listes, images
-
Mise en place de liens de navigation entres les pages
-
Ajout d'un tableau de données HTML
-
Création d'un formulaire HTML
-
Insertion de contenus multimédia, vidéo et audio
-
Mise en forme du site Web en CSS
-
Mise en forme des éléments texte
-
Mise en page et positionnement des contenus
-
Création d'un bandeau d'en-tête
-
Mise en forme du menu de navigation
-
Habillage du tableau de données
-
Mise en forme du formulaire
-
Conception de pages Responsives en utilisant les principales techniques CSS : structure fixe, structure fluide à base de " Flexbox ", structure fluide à l'aide de " Media Queries "
Concepteur : ENI SERVICES - Diffuseur : Groupe Arkesys
Prérequis
- Avoir une expérience de programmation, quel que soit le langage d'origine
Public
- Toute personne souhaitant apprendre à créer des pages Web statiques côté client avec les standards HTML5 et CSS3
Ces formations pourraient vous intéresser
Objectifs de la formation
Tout utilisateur bureautique qui souhaite selon ses besoins concevoir rapidement tout type de document professionnel et maitriser les différentes mises en forme, créer des tableaux, gérer des documents longs, utiliser les outils de publipostage, créer des formulaires et maitriser les fonctionnalités de travail collaboratif.
Formation éligible à l'utilisation du CPF avec possibilité du passage de la certification TOSA en fin de formation.
| Tarif |
A partir de 370,00 € |
| Durée |
2 jour(s) |
| Modes |
|
Objectifs de la formation
Maîtriser les principales fonctionnalités d' Affinity Publisher - Savoir concevoir une maquette, manipuler des objets, du texte et des images, imprimer un document, créer un pdf| Tarif |
A partir de 1 275,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Identifier les cas d'usage et décrire les intérêts des Progressive Web Application
- Configurer l'application avec le fichier Manifest
- Implémenter et gérer le cycle de vie d'un Service Worker
- Définir les stratégies de mise en cache des contenus
- Intégrer un service de notifications
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Découvrir les fonctions de base du logiciel 3DS Max afin de créer une scène composée de modélisations, de textures et d'animations afin d'avoir un rendu convaincant.
A l'issue de la formation, le stagiaire sera capable de :
- Créer des animations et illustrations 3D
- Modéliser des objets
- Créer et modifier des objets
- Utiliser les lumières
- Gérer les caméras et appliquer des textures…
| Tarif |
A partir de 2 250,00 € |
| Durée |
5 jour(s) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire le fonctionnement, les possibilités et l'interface de Google Analytics
- Mesurer, optimiser et créer des tableaux de bord pertinents.
| Tarif |
A partir de 760,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
Dirigeants, managers, cadres, chefs de projets, formateurs souhaitant présenter clairement ses idées à l’aide des techniques du MindMapping.
À l'issue de la formation, le stagiaire sera capable de :
- Créer des MindMaps professionnelles à l’aide de MindManager
- Gérer les informations utiles de manière plus performante
- Intégrer MindManager à ses outils informatiques habituels
- Élaborer une note, une présentation, une synthèse percutante…
| Tarif |
A partir de 1 200,00 € |
| Durée |
2 jour(s) |
| Modes |
|
Objectifs de la formation
- Assurer l’alignement entre la stratégie éditoriale, le plan de communication et les objectifs de l’entreprise
- Comprendre le rôle de la stratégie éditoriale dans la construction et la consolidation de l’image de marque
- Savoir déterminer les publics cibles de l’entreprise et créer des personas
- Savoir sélectionner les canaux de communication appropriés
- Planifier la production de contenus impactants et cohérents avec la stratégie éditoriale
- Apprendre à définir et à utiliser les des KPIs et adopter une approche itérative
- Elaborer un plan de communication
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire tous les concepts importants de Symfony
- Mettre en oeuvre, de l'installation à l'affichage, vos premières pages Web dynamiques avec Twig, en passant par les formulaires, la sécurité et le cache HTTP
- Utiliser et gérer tous les outils majeurs de Symfony afin de devenir entièrement autonome avec le framework.
| Tarif |
A partir de 2 490,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Créer des maquettes complètes, cohérentes, efficaces en production, et les préparer pour l'impression et l’édition numérique.
- Bénéficier de nouveaux outils de création de pages permettant l'imbrication souple de divers médias, textes, graphiques, images dans Affinity Publisher.
| Tarif |
A partir de 1 530,00 € |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Acquérir les bases essentielles de Photoshop pour redimensionner, recadrer, calibrer les couleurs et les imperfections de vos photos
- Réaliser des montages et retouches photos de base
- Préparer vos visuels pour l’impression professionnelle ou pour le Web (site Internet - réseaux sociaux)
| Tarif |
A partir de 1 500,00 € |
| Durée |
5j / 35h |
| Modes |
|
