Introduction
Pourquoi vous devez apprendre le Html et le Css
HTML5 et CSS3 de Débutant à Expert – en 15h
ENVIRON 15H
4.5
4.5/5
CODE CERTIF INFO : 95439
Environ 15 h
4.5
4.5/5
date de mise à jour du contenu: JUIN 2021
CODE CERTIF INFO : 95439
CODE CPF : 236252
Présentation
Que vous vouliez créer un site web, ou utiliser un CMS comme WordPress ou développer des applications web, vous aurez besoin obligatoirement de passer par ces langages ! En effet le Html et le CSS sont exclusifs et n'ont pas de concurrent vous allez donc obligatoirement devoir passer par eux pour effectuer certaines opérations. Dans un premier temps, vous apprendrez les bases de ces langages, puis nous aborderons les fonctionnalités avancées, enfin, nous réaliserons un site internet de présentation et nous le publieront en ligne chez un hébergeur gratuit afin de partager votre profil au plus grand nombre sur la toile ! Cette formation prépare à la certification ENI.
Les objectifs de la formation :
- Utiliser un éditeur de code
- Créer une page internet
- Apprendre à utiliser et styliser les éléments HTML
- Utiliser les sélecteurs avancés et les grilles en CSS
- Apprendre les boites flexibles (flexbox)
- Les pseudo-classes et les pseudo-éléments
- Réaliser des transitions et les animations CSS
Délais et modalités d'accès
Nos formations sont accessibles en entrée permanente dans la mesure où elles se font en e-learning. Vos identifiants de connexion à cette plateforme vous sont adressés pour une durée de 3 mois par email, le jour de votre confirmation d’inscription matérialisée par :
- la validation de votre inscription sur la plateforme Moncompteformation dans le cadre d’une formation financée par le CPF
- la validation du devis sur Kairos en cas de prise en charge par le Pôle emploi
- la signature de la convention de formation dans les autres cas.
Durant ces 3 mois, vous pouvez donc vous connecter à notre plateforme d’apprentissage selon vos disponibilités et démarrer la formation quand vous le souhaitez.
Cours eligible pour le financement CPF
Cette formation est Prise en charge CPF, pour en savoir plus regarder la vidéo explicative en cliquant sur le boutton en dessous.
Résumé
Prérequis
Disposer d'un ordinateur, d'une connexion Internet Etre à l'aise avec l'outil informatique Navigateur web : Google Chrome, Firefox
Durée
Environ 15 Heures
Public concerné
Tous publics
Sous-Titrages
Audiodescription et sous titrage non disponibles
Modalités d'évaluation des acquis
Auto-évaluation en cours et en fin de cursus sous formes de questionnaires Questionnaire de positionnement Evaluation à chaud et à froid
Prix (TTC)
1390€
Hana
Formatrice web
Formateur expert « Developpement Web ».
Disposant de plus de 10 années d’expérience
dans l’enseignement de cette discipline.
Dispose de certificats, diplômes et savoir-faire
en lien avec les compétences en Html/Css.
Compétences attestées par la certification
Programme
Découverte du Html
Comment fonctionne votre navigateur Web
Les bases du langage HTML
Créer votre première page Html
Apprendre le HTML
L’éléments HTML Head
Les éléments textuels
Élément titre
Éléments liste
Les images
Liens hypertextes
Les tableaux
Les médias vidéo et audio
Les commentaires
Envoyer un courrier électronique
Contexte de navigation imbriqué
Conteneur générique div et span
Les formulaires
Validation de code W3C
Inspecteur
Évaluation des compétences HTML
Les bases du CSS
Comment rédiger du Css dans vos pages Html
Les commentaires
Introduction aux sélecteurs CSS complexes et combinateurs
Les attributs class id et les sélecteurs CSS associés
Feuilles de style en cascade & héritage
Les éléments HTML div et span en CSS
Évaluation des compétences CSS
Mise en forme de texte en CSS
Gestion de la police (font-family)
Les propriétés CSS de Police
Les propriétés CSS de Texte
Interlignes et espacements de Texte
Couleur et transparence de Texte
Concept de boite CSS
Les boites en CSS
Les unités de mesures
Largeur minimale et maximale d’un élément
Les éléments flottants
Types d’éléments HTML block et inline
Positionner les éléments (position)
Ordre des différentes couches (z-index)
Calcul de la taille d’un élément (box-sizing)
Arrondir les bordures (border-radius)
Exercice pratique Positionnement
Exercice pratique Correction
CSS utilisation avancée
Sélecteurs Css Avancés
CSS Diner (jouer avec le Css)
Les pseudo-classes
Les pseudo-elements
Les transitions en CSS
Les animations en CSS
Évaluation des compétences
La propriété Background en Css
Définir une image d’arriére plan (background-image)
Répétition de l’arrière plan (background-repeat)
Origine de l’arrière plan (background-origin)
Définir la position de l’arrière plan (background-position)
Définir la taille des images d’arrière-plan (background-size)
Définir la façon dont l’arrière-plan s’étend (background-clip)
Fixer la position de l’arrière plan (background-attachment)
Ajouter un dégradé linéaire a l’image de fond (linear-gradient)
Propriété raccourcie background
Modèle de boite flexible (flexbox Css)
Modèle de boite flexible (flex-direction)
Répartition des éléments flexible (justify-content)
Alignement sur l’axe secondaire (align-items)
Retour a la ligne des flex-items (flex-wrap)
Espacement sur l’axe secondaire (align-content)
La propriété raccourcie flex-flow
Ordre d’apparition des flex items (order)
Facteur d’expansion d’un élément flexible (flex-grow)
Facteur de rétrécissement d’un élément flexible (flex-shrink)
Taille initiale principale pour un élément flexible (flex-basis)
La propriété raccourcie flex
Exercice pratique boites flexibles
Correction de l’exercice
Apprendre flexbox en s’amusant
Les médias queries (responsive design)
Découverte des médias queries
Création d’un layout simple
Responsive design (média queries)
CSS Grid layout (modèle de disposition en grille)
Présentation et terminologie des grilles Css
Création d’une grille
Unités de mesure fractionnée (fr)
Espacements entre les lignes et les colonnes d’une grille
Alignement Horizontale et Verticale des items-grid
Alignement Horizontale et Verticale d’un item-grid
Alignement Horizontale et Verticale dans grille
Emplacement d’un élément sur la grille
Zones de grille nommées
Contrôle de l’algorithme de placement automatique
Définir la taille d’une colonne/ligne de grille créée de façon implicite
Apprendre les grilles Css en s’amusant
Réalisation d’un site internet personnel de présentation
Les nouveaux éléments à valeur sémantique du HTML5
Maquette du site
Entête du site <header>
Barre de navigation <nav>
Disposition du contenu de la page (grid-css-layout)
Pied de page du site <footer>
Génération des pages du site
index contenu aside
Index contenu aside
Adaptation de l’élément <progress> pour Mozilla Firefox
Index contenu
index contenu
Portfolio
Curriculum Vitae
Contact
Personnaliser l’icone du site (favicon)
Responsive design du site (médias queries)
Héberger votre site web
Publier son site en ligne
Souscription chez un hébergeur
Présentation de l’interface d’administration et terminologie
Transfert du site chez l’hébergeur (ftp)
Méthode et Modalités d’évaluation des acquis
Un accompagnement personnel et individualisé
L'évaluation des acquis se fait :
- En cours de formation, par des exercices pratiques
- Et, en fin de formation, par un questionnaire d’auto-évaluation ou une certification (ENI)
Tableau de bord
Suivez votre progression et consulter vos statistiques (temps de connexion, taux de complétion ...)
Vidéos à la demande
Des experts vous présentent les notions clés de la formation via des vidéos de bonne qualité
Disponibilité 24h/24, 7jrs/7
Notre plateforme e-learning vous permet de monter en compétences sans barrière d'horaire
Fiches d'exercice téléchargeables
Vos exercices téléchargeables au format .PDF afin de pouvoir évoluer sans connexion
Modalités pédagogiques et d'évaluation
- Formation à distance à votre propre rythme
- Cours au format vidéo
- Ateliers en visioconférences avec un formateur
- Auto-évaluation en cours et en fin de cursus sous formes de questionnaires
- Questionnaire de positionnement
- Evaluation à chaud et à froid
Accessibilité aux personnes handicapées
- Formation en distanciel accessible aux personnes à mobilité réduite.
- Audiodescription et sous titrage non disponibles
Pour toute question d’accessibilité handicap, prendre contact avec l’organisme
Financement
votre financement
Cette formation est prise en charge CPF, OPCO, Pôle emploi, Financement personnel, Autres financements
OPCO
Organisme agréé par l'État qui a pour mission de financer l'apprentissage, d'accompagner les branches à construire des certifications professionnelles et d'accompagner les entreprises (moins de 50 salariés) à définir leur besoins de formation.
Pôle emploi
établissement public à caractère administratif, chargé de l'emploi en France. Créé le 20 décembre 2008, il est issu de la fusion entre l'Agence nationale pour l'emploi et l'Association pour l'emploi dans l'industrie et le commerce.
Financement CPF
Le compte personnel de formation (CPF) permet d’acquérir des droits à la formation mobilisables tout au long de sa vie professionnelle. Il a une vocation universelle et s’adresse à tous les actifs. Vous pouvez déjà envisager un grand nombre de formations éligibles au CPF sans vous soucier de la question du financement.
