Autres formations Technologies Web - CMS & Technologies Web

Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives

Niveau :

Satisfaction de nos apprenants en 2024 : 98%
Taux d’assiduité : 100%

Tout savoir sur votre formation :

Formez-vous selon vos disponibilités ! Vous proposez 3 dates au choix et votre formateur vous confirme la date souhaitée.

En présentiel dans votre entreprise, dans l’un de nos 54 centres de formation ou en distanciel par visioconférence.

Accueil / CMS & Technologies Web / Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives

Accueil / Nos formations digitales / Formation HTML / CSS : Apprendre à Créer et Styliser des Pages Web Responsives

Contexte

Le langage HTML et le CSS sont les éléments constituant la base d’une page web, d’une landing page ou d’un site Internet.

HTML est un langage informatique incontournable car il permet de représenter et de structurer toutes les pages d’un site internet.

Le CSS quant à lui permet d’ajouter des styles, des couleurs, des mises en formes à vos documents. HTML et CSS sont des langages de programmation très abordables et complémentaires qu’il est nécessaire de maîtriser…

Expertisme vous accompagne dans la maîtrise de ce langage de programmation web. En étant accompagné par un Formateur Expert Métier, vous apprendrez durant 2 jours à utiliser un éditeur de code HTML pour coder ou modifier une page web.

Vous serez en mesure de concevoir une page html, d’ajouter du texte, de construire un menu de navigation, d’insérer des images, des formulaires, des tableaux.

Vous apprendrez également à mettre en forme votre page web avec les feuilles de styles et à utiliser des Framework avancés permettant de rendre dynamique vos créations web.

À qui s’adresse cette formation ?

Cette formation s’adresse à tout professionnel du web, Développeurs web, webmasters, souhaitant découvrir le langage HTML et la mise en forme CSS.

Objectifs

Décrire la structuration d’une page HTML5
Apprendre à manipuler les styles CSS et les relier aux éléments d’une page
Utiliser les blocs et les tableaux
Créer des formulaires
Exploiter les Media Queries pour s’adapter aux tailles d’écran
Expliquer la philosophie des framemorks HTML / CSS pour le développement
responsive.

Programme

1. INTRODUCTION
- Les différentes versions du HTML
- Les standards du web
- Compatibilité avec les navigateurs
2. STRUCTURE DE BASE D’UN DOCUMENT HTML
- Le doctype
- La balise HTML
- Définition de l’encodage
- La balise head
- La balise body
3. MIEUX STRUCTURER SES PAGES
- header
- nav
- section
- article
- aside
- footer
4. METTRE EN FORME DU TEXTE
- Le formatage du texte : gras, italique, soulignement, mise en évidence …
- Les balises d’entêtes
- Les listes ordonnées
- Les listes non ordonnées
- Les listes de définition
- Les abréviations
- Les espaces insécables, les sauts de ligne …
- Les paragraphes
5. LES TABLEAUX
- Insertions de tableaux
- Insertion, suppression de lignes et colonnes
- Fusionner des lignes et colonnes
- Fractionner des lignes et colonnes
- caption, col, colgroup
6. LES LIENS HYPERTEXTE
- Création de lien hypertexte sur du texte
- Création de lien hypertexte sur des images
- Création de lien vers messagerie
- Les attributs
7. LES IMAGES
- Les formats d’images du web
- Les nouveaux formats
- Les contraintes liées aux images
- Insertion d’images
- Les attributs
- figure, figcaption
8. LES MEDIAS (VIDEO, SON, IFRAMES...)
- Insertion de vidéos
- Insertion de sons
- Utilisation d’iframe (Youtube, Google maps …)
9. LES FORMULAIRES HTML
- La balise form
- Les champs de texte
- Les zones de texte
- Les listes déroulantes
- Les boutons radio
- Les cases à cocher
- Les boutons
10. METTRE EN LIGNE SON SITE OU SA PAGE WEB
- De quoi ai-je besoin ?
- Client et serveur FTP
- Les outils indispensables
11. NORME ACTUELLE ET TENDANCE DU CSS
- Norme actuelle et tendance du CSS
- Evolution du CSS
- Compatibilité dans les navigateurs
12. OÙ PLACER LE CODE CSS
- Feuille de style externe
- Dans un document
- Dans un style intégré
- Avantages et inconvénients des différentes méthodes
13. METTRE EN FORME À L'AIDE DE CSS
- Principe des styles
- Créer des règles de style
- Bonnes pratiques pour structurer le CSS
14. LES SELECTEURS CSS
- Les sélecteurs de type
- Les sélecteurs de classe
- Les sélecteurs d’identifiant
- Le sélecteur universel
- Les sélecteurs d’attribut
- Les combinateurs
- Les pseudo-classes
- Les pseudo-éléments
15. LES BASES DU CSS
- La gestion du texte, polices, couleur, taille, mise en évidence…
- Les arrière-plans
- Les blocs
- Les boites
- Les bordures
- Les listes
- Le positionnement (absolu, relatif, fixe …)
16. LE CSS3
- Les couleurs (RGB, RGBA), les dégradés, l’opacité
- Les arrière-plans multiples, ajustement au conteneur
- Les ombres et effets d’ombres
- Les bordures et les coins arrondis
- Utilisation de polices personnalisées
- Les transformations
- Les transitions
- Les animations
17. GESTION DES COLONNES
- Ancienne méthode : float
- Les méthodes récentes : grid, column, flex
- Les avantages et inconvénients, la compatibilité avec les navigateurs
18. LE RESPONSIVE WEB DESIGN (RWD)
- Adaptation aux périphériques
- Les media Queries
- Les frameworks: Bootstrap, foundation, Materialize : Panorama des frameworks pour aller plus loin

Version 4. Mise à jour le 01/01/2025
© EXPERTISME – Groupe SELECT® 2025 Tous droits réservés. Les textes présents sur cette page sont soumis aux droits d’auteur.

Pré-requis

Être muni d’un ordinateur relié à Internet, possédant une caméra, un micro et un haut-parleur.

Points forts de la formation

Votre plan pédagogique de formation sur-mesure avec l’évaluation initiale de votre niveau de connaissance du sujet abordé.
Des cas pratiques inspirés de votre activité professionnelle, traités lors de la formation.
Un suivi individuel pendant la formation permettant de progresser plus rapidement.
Un support de formation de qualité créé sur-mesure en fonction de vos attentes et des objectifs fixés, permettant un transfert de compétences qui vous rende très rapidement opérationnel.
Les dates et lieux de cette formation sont à définir selon vos disponibilités.
Animation de la formation par un Formateur Expert Métier.
La possibilité, pendant 12 mois, de solliciter votre Formateur Expert sur des problématiques professionnelles liées au thème de votre formation.
Un suivi de 12 mois de la consolidation et de l’évolution de vos acquis.

Approche Pédagogique

L’approche pédagogique a été construite sur l’interactivité et la personnalisation : Présentation illustrée et animée par le Formateur Expert, partage d’expériences, études de cas, mise en situation réelle.
Tous les supports sont fournis par support papier, mail ou clé USB à chaque stagiaire.

Méthodologie pédagogique employée :
Chaque formation en présentiel ou en distanciel est animée par un Formateur Expert Métier sélectionné selon ses compétences et expériences professionnelles. Apport d’expertise du Formateur, quiz en début et fin de formation, cas pratiques, échanges d’expérience. Accès en ligne au support de formation.

Modalités employées et évaluation :
Évaluation et positionnement lors de la définition du plan pédagogique avec le ou les stagiaires. Un QCM est soumis aux stagiaires le dernier jour de la formation pour valider les acquis. Une correction collective est effectuée par le Formateur. Un bilan de fin de stage à chaud est organisé entre le Formateur et le ou les stagiaires pour le recueil et la prise en compte de leurs appréciations. Une attestation de fin de stage est remise aux stagiaires.

Accessibilité

Toute demande spécifique à l’accessibilité de la formation par des personnes handicapées donnera lieu à une attention particulière et le cas échéant une adaptation des moyens de la formation.
Public en situation de handicap, contactez notre référent handicap au 01 42 66 36 42.

Formateur

Nos Formateurs sont des Experts Métiers intervenants sur les prestations inhérentes sur la thématique de la formation. Ils réalisent les audits et co-construisent l’offre et le déroulé de la formation avec l’Ingénieur Pédagogique avant validation par le Responsable Pédagogique. Ils sont sélectionnés pour leurs compétences pédagogiques et leurs expériences dans la formation pour adultes.

Référence : PLATDIG-8

Durée : 14 heures soit 2 jours

Tarif : 1.950 € HT / Personne

Cette formation vous intéresse ?

Nos Experts conçoivent votre formation
individuelle sur mesure lors de la définition
de votre projet pédagogique !

Remplissez le formulaire suivant :

L’un de nos conseillers vous contactera
dans les meilleurs délais.

Partagez cette formation :

Référence : PLATDIG-8

Durée : 14 heures soit 2 jours

Tarif : Sur Devis

Formez vos équipes !

à partir de 4 collaborateurs
Nos Experts conçoivent votre formation intra-entreprise sur mesure lors de la définition de votre plan pédagogique !

Partagez cette formation :

Témoignages
de nos apprenants

« Formation complète sur le social Selling sur LinkedIn.
J’ai apprécié le support de formation très complet et documenté. Formateur extrêmement professionnel à l’écoute des problématiques et des diﬃcultés. »

« La formation m’a apporté une totale satisfaction.
J’ai reçu les informations nécessaires à la mise en pratique du référencement naturel de mon site Internet et les éléments correctifs aux pratiques précédemment utilisées.
Merci au formateur qui est un référenceur de métier. »

« La réunion organisée en amont de la formation a permis de cerner nos attentes et de cibler les besoins.
La formation aux publicités Facebook Ads était donc adaptée et a permis de voir les diﬀérents points attendus. Le formateur était à l’écoute et a répondu à l’ensemble de nos questions.
Il a également pu analyser nos contenus et performances de certaines campagnes et nous conseiller. »

« Très bonne formation à l’usage de Matomo Analytics.
Formateur à l’écoute et très pédagogue.»

« Merci pour la rapidité avec laquelle cette formation LinkedIn Ads a été organisée.
Par ailleurs, tout était clair et très bien expliqué par le formateur. »

« Formation personnalisée et individuelle, très appréciée.
La formation répondait à mes attentes : théorie et pratique.
Guillaume est pédagogue et c'était très intéressant.
J'ai appris beaucoup de choses ! Merci. »

« Merci pour l’ensemble des conseils et pour l'expertise. »

« Très bon formateur, rien à ajouter comme recommendation.
Très bonne formation, toujours à l’écoute »

« Les informations que j’ai reçues étaient très claires et adaptées, je suis tout à fait satisfaite de la formation qui m’a été prodiguée. »

« Formation claire faite sur mesure et formateur qui prend le temps de très bien expliquer. Beaucoup d'exemples fournis en Live. Bravo !»

« Mon besoin a bien été compris et la formation a répondu à toutes mes attentes, le tout dans une bonne ambiance. Un grand merci »

« Très bonne formation, axée très technique, sur les publicités Facebook et Instagram. De très bonnes solutions et astuces apprises, intéressantes à mettre en pratique pour tester. Je reviendrai sûrement vers l'équipe pour la mise en pratique continue de ces solutions »

« Formateur Très dynamique et très à l'écoute des besoins et du niveau de chacun, Merci. Je n'avais pas TikTok jusqu'à ce matin 10H et j'ai réussi à l'issue de cette formation à créer une vidéo. C'est formidable ! »

« Très bonne formation, avec un bon rythme et structuration (explication puis mise en pratique directe à chaque module) »

« Formation d’acculturation au Digital très claire, vivante, parfaitement documentée, et humainement agréable ! »

« Formation à l’initiation aux réseaux sociaux de qualité, directement adaptable dans nos missions. 2 journées très denses mais productives. Pleins d’idées et de conseils à mettre en pratique. »

« Merci à Guillaume pour cette formation en one-to-one qui était idéale pour appréhender le sujet en se focalisant sur le cas pratique qui me concerne. Guillaume a été très pédagogue, à l'écoute de mes demandes et à répondu à mes questions. Ce type de formation se prête parfaitement au distanciel.»