La formation HTML-CSS s’adresse principalement aux débutants en développement web. Elle est idéale pour les étudiants, les autodidactes, les professionnels en reconversion et les entrepreneurs souhaitant créer ou gérer leurs propres sites web. Les participants apprendront à structurer et styliser des pages web, acquérant ainsi des compétences essentielles pour le web design et le développement front-end. Aucune expérience préalable en programmation n’est requise, rendant cette formation accessible à tous.
Objectifs pédagogiques
Avec cette formation Programmation HTML/CSS de 88 modules vous apprendrez les bases des langages web HTML et CSS afin d’appréhender et être à même de créer vos premières pages web.
Pré-requis
Usage familier des outils informatiques et des logiciels de bureautique. Connexion internet haut débit. Navigateur web : Edge, Chrome, Firefox, Safari Système d’exploitation : Mac ou PC
Moyens pédagogiques
Le contenu des modules en lignes découle d’une expérience de 27 ans en formation en vente et négociation d’un expert (Tristan Ebel), lui-même s’appuyant sur les méthodes et process des meilleurs auteurs sur les techniques de vente.
Les points forts de cette formation
100 % distanciel
Apprenez quand et où vous le souhaitez. Vous êtes libre !
Eligible au CPF
Ne payez pas votre formation. Profitez de votre CPF pour monter en compétences.
Certification à la clé
Le HTML (HyperText Markup Language) et le CSS (Cascading Style Sheets) sont les pierres angulaires du développement web. Le HTML structure le contenu des pages en utilisant des balises pour définir des éléments comme les titres, les paragraphes et les images. Le CSS, quant à lui, s'occupe de l'apparence visuelle, en contrôlant les couleurs, les polices et la disposition des éléments. Ensemble, ils permettent de créer des sites web à la fois fonctionnels et esthétiques, offrant une expérience utilisateur agréable et cohérente.
Le programme
• Introduction au cours HTML et
CSS Les bases du HTML
• Les bases du CSS
• Mise en forme de textes en CSS
• Le modèle des boîtes
• Position et affichage des éléments
• Création de tableaux HTML
• Insertion de médias en HTML
• Fonds, dégradés et ombres CSS
• Sélecteurs CSS complexes
• Formulaires HTML
• Transitions, animations et
transformations CSS
• Modèle des boîtes flexibles -
Flexbox CSS
• Responsive design CSS
• Sémantique et éléments HTML
structurants
• Modèle des grilles CSS
• Évolution et futur du CSS
• Présentation du cours
• Pourquoi apprendre à coder ?
• Définitions et rôles
• Versions HTML et CSS
• Travail en local et en production
• L'éditeur de texte
• Eléments, balises et attributs
• Structure d'une page HTML
• Création d'une page HTML
• Indentation et commentaires
HTML
• Titres et paragraphes en HTML
• Espaces et retours à la ligne en
HTML
• Les niveaux d'importance des
textes
• Les listes en HTML
• Liens internes et externes en HTML
• Autres types de liens HTML
• Insérer des images en HTML
• Validation et compatibilité du code
• Sélecteurs et propriétés CSS
• Où écrire le CSS
• Les commentaires en CSS
• Les sélecteurs CSS simples
• Les attributs id et class
• L'héritage en CSS
• Les types block et inline
• Les éléments HTML div et span
• La propriété CSS font family
• Autres propriété CSS de type font
• Couleur et opacité en CSS
• Propriétés CSS de type text
• Gestion des espaces en CSS
• Le modèle des boîtes
• Largeur et hauteur en CSS
• Les bordures en CSS
• Padding et margin en CSS
• Les ombres des boîtes
• La propriété CSS display
• Les propriétés position et z index
• Les propriétés float et clear
• L'alignement en CSS
• La couleur de fond
• Images de fond et gestion du fond
• Dégradés linéaires
• Dégradés radiaux
• Créer un tableau simple
• Créer un tableau structuré
• Opérations sur les tableaux
• Opérations sur les images
• Insérer de l'audio en HTML
• Insérer des vidéos en HTML
• Intégration de média et
sémantique
• Notations CSS short hand et
long hand
• Sélecteurs CSS complexes
• Pseudo classes CSS
• Pseudo-éléments CSS
• Les sprites en CSS
• Les transitions CSS
• Les animations CSS
• Présentation des formulaires
• Créer un formulaire HTML
simple
• Types d'input et listes
d'options
• Les attributs des formulaires
• Organiser et mettre en forme un
formulaire
• Introduction au responsive design
• Meta viewport et valeurs CSS relatives
• Media queries CSS
• Création d'un site personnel (site cv)
1/4
• Création d'un site personnel (site cv)
2/4
• Création d'un site personnel (site cv)
3/4
• Création d'un site personnel (site cv)
4/4