☀️ C'est l'été chez ITTA ! Profitez de 10% de réduction jusqu'au 31 juillet sur une sélection de formations 🌴

Formation : HTML5 et CSS3 – Fondamentaux

Ref. HTM-01
Durée :
2
 jours
Examen :
Non certifiant
Niveau :
Fondamental
Financement :
Eligible

Formation HTML5 et CSS3 – Fondamentaux

La formation HTML5 et CSS3 vous offre les bases indispensables pour concevoir et mettre en forme des pages web modernes. Accessible et progressive, elle vous guide pas à pas pour comprendre les notions essentielles du langage HTML et découvrir la puissance des feuilles de style CSS. Vous apprendrez à structurer vos contenus, à gérer les éléments visuels et à rendre vos sites plus clairs et attractifs. Chaque module est conçu pour développer vos compétences avec des exemples concrets et des mises en situation pratiques.

Pourquoi apprendre HTML5 et CSS3 dès aujourd’hui

Le développement web repose sur des fondations solides. HTML5 et CSS3 constituent le socle incontournable pour toute personne souhaitant concevoir des sites fiables et bien structurés. Cette formation HTML5 et CSS3 vous permet d’acquérir une méthode claire et efficace. Vous comprendrez comment organiser vos documents, intégrer des images, créer des tableaux ou des formulaires simples. Vous découvrirez aussi comment les styles CSS enrichissent l’apparence des pages, facilitent la lecture et améliorent l’expérience utilisateur.

Profils des Participants

  • Développeurs web débutants
  • Webmasters souhaitant créer ou maintenir un site
  • Chefs de projet digital
  • Étudiants ou personnes en reconversion vers le web

Objectifs

  • Comprendre les éléments constitutifs de la langue de balisage HTML 5
  • Concevoir et mettre en page des pages Web
  • Créer des tableaux et des listes
  • Développer des pages et des formulaires Web de base
  • Connaître la pratique des feuilles de style CSS3 et de la puissance de mise en forme qu’elles peuvent apporter à vos pages Web

Connaissances Préalables

  • Une connaissance de base du PC et de Windows
  • Une compréhension de base du fonctionnement d’Internet

Contenu du Cours

Module 1 : Introduction et bases

  • Qu’est-ce que le HTML
  • HTML vs Langages de programmation
  • Création d’un fichier HTML à l’aide de Notepad++
  • Comment utiliser les tags
  • Quels sont les attributs
  • Travailler sur le document HTML
  • Règles de hiérarchie de document HTML
  • Rendre le document HTML lisible
  • Espaces blancs et texte préformaté
  • Styliser et mettre en forme du texte en utilisant des balises HTML
  • Balise Abbr et attribut title
  • Entités HTML

Module 2 : Listes HTML

  • Listes non ordonnées
  • Listes ordonnées
  • Attribut de type et de valeur pour le formatage des listes HTML
  • Imbrication de plusieurs listes
  • Faire la description

Module 3 : Tableaux HTML

  • Construction de tables
  • En-têtes
  • Gérer la hauteur et la largeur de la table
  • Utilisation de l’attribut rowspan
  • Tableaux imbriqués
  • Espacement des cellules et remplissage des cellules
  • Créer une mise en page complète du site Web à l’aide de tableaux

Module 4 : URL, liens et iframing

  • Comprendre l’URL et ses parties
  • Lier une page Web à une autre page Web
  • Liaison à un fichier HTML dans un sous-répertoire
  • Lier une page Web au fichier HTML d’un répertoire précédent
  • Ajout de signets
  • Attribut cible
  • Relier toutes les pages et créer un site Web navigable
  • Iframes
  • Créer une page de navigation avec iframe

Module 5 : HTML et images

  • Ajout d’images
  • Ajout d’images en ligne
  • Liaison d’images avec des pages Web et d’autres images
  • Titre et attribut Alt

Module 6 : Introduction au CSS et bases

  • Qu’est-ce que CSS
  • CSS en ligne
  • CSS interne
  • CSS externe
  • La balise Div

Module 7 : Sélecteurs CSS

  • Différents états de l’étiquette d’ancrage
  • Collatéraux et enfant sélecteur de CSS

Module 8 : Dimensions CSS

  • Propriétés de hauteur et de largeur
  • Pixels et pourcentages
  • Margination
  • Rembourrage
  • Règles importantes de dimension

Module 9 : Modèle de boîte CSS

  • Bordures CSS
  • Mode étendu des bordures CSS
  • CSS Backgrounds
  • Flottant et clearing

Module 10 : Listes CSS, texte et polices et tableaux

  • Listes CSS
  • Ajout d’images aux listes CSS
  • Création d’une barre de navigation avec des listes CSS
  • Texte CSS
  • Les polices CSS
  • Tableaux CSS

Documentation

  • Support de cours numérique inclus

Lab / Exercices

  • Pendant le cours, les participants sont encouragés à participer activement à l’expérience d’apprentissage en exécutant des exemples de fichiers et en effectuant des tâches de codage pendant les labs
  • Chaque session de lab vous permet de comparer votre solution à celle de l’instructeur

Cours complémentaires

Financement Eligible

ITTA est partenaire d’un fonds de formation continue destiné aux travailleurs temporaires. Ce fonds peut subventionner cette formation, sous réserve que vous soyez assujetti(e) à la convention collective de travail (CCT) « Location de services » et que vous remplissiez certaines conditions, notamment avoir travaillé au moins 88 heures au cours des 12 derniers mois.

Informations Additionnelles

Comprendre l’importance des langages du web

La formation HTML5 et CSS3 s’inscrit dans une logique d’apprentissage des fondations du développement web. Ces deux langages sont complémentaires. HTML5 structure le contenu tandis que CSS3 apporte style et mise en page. Leur maîtrise constitue le premier pas vers la création de sites web efficaces et modernes. Aujourd’hui, aucun projet digital ne peut ignorer ces standards, car ils assurent compatibilité et accessibilité sur tous les navigateurs et supports.

Construire des pages claires et accessibles

Un site web ne se limite pas à afficher du texte et des images. Sa valeur dépend de la qualité de sa structure et de sa lisibilité. Apprendre HTML5 permet d’organiser l’information de manière hiérarchisée et compréhensible, autant pour les utilisateurs que pour les moteurs de recherche. Une page bien construite bénéficie aussi d’une meilleure indexation SEO. Les développeurs découvrent ainsi que la clarté du code influe directement sur la visibilité en ligne.

Appliquer les bonnes pratiques du web

Connaître les balises essentielles, comprendre leur rôle et savoir comment les combiner sont des compétences clés. Cette formation met en avant des techniques pratiques utilisées par les professionnels du secteur. L’accent est mis sur la sémantique, un élément trop souvent négligé par les débutants. Utiliser les bonnes balises favorise non seulement l’accessibilité des pages, mais aussi leur évolutivité à long terme.

Améliorer l’expérience utilisateur avec CSS3

L’apparence d’un site a un impact direct sur l’expérience utilisateur. CSS3 permet de contrôler les dimensions, les marges, les couleurs, les polices et bien plus encore. Cette formation explique comment styliser efficacement une page, mais aussi comment utiliser le modèle de boîte pour structurer une mise en page professionnelle. Les étudiants apprennent à créer des interfaces harmonieuses, capables de s’adapter aux attentes actuelles des internautes.

Développer des compétences transverses

La maîtrise de HTML5 et CSS3 ouvre la voie à d’autres compétences. Comprendre le rôle de ces langages facilite l’apprentissage du JavaScript, des frameworks modernes et des systèmes de gestion de contenu. Pour un développeur ou un chef de projet, cela constitue une étape indispensable vers la création de sites dynamiques ou d’applications web complètes. Cette formation apporte donc une valeur durable et constitue un investissement dans son avenir professionnel.

Créer une navigation intuitive

Un site bien conçu doit offrir une navigation simple et intuitive. Les participants découvrent comment relier plusieurs pages, ajouter des signets ou insérer des menus. Ces notions, essentielles pour la structuration d’un site, sont aussi importantes pour le référencement. Les moteurs de recherche privilégient les sites bien reliés et cohérents. Comprendre ces principes permet de concevoir des architectures web solides.

Favoriser l’accessibilité et le référencement

Les attributs HTML tels que Alt ou Title jouent un rôle majeur dans l’accessibilité. Ils permettent de rendre un site lisible pour les lecteurs d’écran et améliorent son SEO. La formation insiste sur ces bonnes pratiques, souvent sous-estimées. Un site accessible touche un public plus large et bénéficie d’un meilleur positionnement sur Google. L’intégration de CSS renforce également la qualité perçue en améliorant la lisibilité et l’organisation visuelle.

Des compétences recherchées sur le marché

Le développement web est un domaine en constante évolution, mais les bases restent immuables. Les recruteurs valorisent fortement les candidats qui maîtrisent HTML5 et CSS3. Ces compétences sont demandées dans de nombreux métiers : développeur front-end, webmaster, intégrateur, consultant digital. Suivre cette formation permet donc de renforcer son employabilité et d’ouvrir la porte à de nouvelles opportunités professionnelles.

FAQ

HTML5 et CSS3 sont-ils suffisants pour créer un site moderne ?

Oui, ces langages permettent de concevoir des sites statiques complets. Pour des sites interactifs, JavaScript sera nécessaire.

Quelle différence entre HTML5 et CSS3 ?

HTML5 sert à structurer le contenu. CSS3 sert à la mise en forme et au style visuel des pages.

Cette formation convient-elle à un débutant complet ?

Oui, elle ne demande aucune expérience en programmation. Quelques connaissances informatiques de base suffisent pour débuter.

Quels sont les débouchés après cette formation ?

Elle constitue une première étape vers les métiers du web. Elle est particulièrement utile pour les développeurs débutants et les webmasters.

Prix de l'inscription
CHF 1'500.-
Inclus dans ce cours
  • Formation dispensée par un expert du domaine
  • Documentation et supports digitaux
  • Badge de réussite
Mois actuel

jeu18Sep(Sep 18)09:00ven19(Sep 19)17:00VirtuelVirtuel Etiquettes de sessionHTM-01

jeu18Sep(Sep 18)09:00ven19(Sep 19)17:00Genève, Route des Jeunes 35, 1227 Carouge Etiquettes de sessionHTM-01

jeu23Oct(Oct 23)09:00ven24(Oct 24)17:00VirtuelVirtuel Etiquettes de sessionHTM-01

jeu23Oct(Oct 23)09:00ven24(Oct 24)17:00Lausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionHTM-01

jeu27Nov(Nov 27)09:00ven28(Nov 28)17:00VirtuelVirtuel Etiquettes de sessionHTM-01

jeu27Nov(Nov 27)09:00ven28(Nov 28)17:00Genève, Route des Jeunes 35, 1227 Carouge Etiquettes de sessionHTM-01

Contact

ITTA
Route des jeunes 35
1227 Carouge, Suisse

Horaires d’ouverture

Du lundi au vendredi

de 8h30 à 18h00

Tél. 058 307 73 00

Contactez-Nous

ITTA
Route des jeunes 35
1227 Carouge, Suisse

Faire une demande

Opening hours

Monday to Friday
8:30 AM to 6:00 PM
Tel. 058 307 73 00

Contact-us

ITTA
Route des jeunes 35
1227 Carouge, Suisse

Make a request