Ryade Mecibah

Formateur indépendant dans le monde du web

Voir le profil
Mis à jour le 2 décembre 2021 | Télécharger la version PDF

Formation HTML5 / CSS3

Développer un site web en utilisant les outils de base.

    mixte
  • 14h/2j
  • À partir de 1050.00€*

*Prix minimum hors frais annexes.

Comprendre les financements

Objectifs

  • Savoir développer des sites web en HTML 5 et faire la mise en forme/en page avec CSS3

Points forts

Créer un site web de A à Z sans outil.

Publics visés

Tout public

Domaines

Conception web - développement web

Pré-requis

Aucun

Certification

Aucune

Méthode d'évaluation

Entretien final avec le formateur

Accessibilité

Aucune information

Conditions d'accès

Programme

JOUR 1

Module 1 - Les bases du web

Fonctionnement d’un échange entre navigateur et serveur
Les 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

Module 2 - HTML 5

Qu’est-ce que le HTML et quel est son rôle
Que 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’écriture

Module 3 - 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é

JOUR 2

Module 4 - Structurer une page avec HTML et CSS

Les blocs et divisions
Le modèle de boite CSS
Positionnement (statique, absolu, fixe)
Principaux modes de positionnement :

Float

Principe de positionnement
Protection des conteneurs
Positionnement gauche/droite des images
Positionnement de blocs
Structurer une page en colonnes

Flexbox

Principe moderne
Compatibilité 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 Flex

Nos formateurs partenaires bénéficient de nos processus certifiés Qualiopi

Ganapati formations est certifié Qualiopi

La certification qualité a été délivrée au titre des catégories suivantes :

  • Action de formation
  • Action permettant de faire valider les acquis de l'expérience
  • Action de formation par apprentissage

Réserver la formation