fbpx

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.

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.

Les objectifs de la formation :

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

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

On vous rappelle gratuitement :

On vous rappelle gratuitement :

On vous rappelle gratuitement :

Programme

1
Introduction

Pourquoi vous devez apprendre le Html et le Css

3
Découverte du Html

Comment fonctionne votre navigateur Web
Les bases du langage HTML
Créer votre première page Html

2
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

4
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

5
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

11
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

7
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

8
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

10
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

10ex
Les médias queries (responsive design)

Découverte des médias queries
Création d’un layout simple
Responsive design (média queries)

6
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

12
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)

13
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.

TITRE DE CERTIFICATION

La certification préparée est la certificationENI.

Découvrez le parcours

Retrouvez plus d’informations sur l’apprentissage et les compétences acquises dans cette formation.

    Je souhaite recevoir des informations sur les parcours de la part d'EduForma

    Elle s’ouvrira dans un nouvel onglet et sera envoyée par e-mail