Découvrir HTML 5

HTML est le langage de base de toutes les pages des sites internet. Il est donc incontournable pour devenir un développeur web ou même un webmaster qui gère les pages web de son site.

A la fin de cette formation, vous serez capable de :

Créer des pages en HTML5 et utiliser les nouvelles balises HTML 5
Connaître le niveau de support des fonctionnalités HTML5 par les navigateurs actuels
Emuler certaines fonctionnalités HTML5 sur des navigateurs moins récents

Programme sur 4 jours

Métier associé:

Développeur web

Introduction à HTML5 (4 jours)

Introduction

Edition de sites internet
Architecture d'un site
Communication navigateur/serveur (protocole, url...)
Technologies associées au web
Outils de développement

Conception de pages web avec HTML5

Présentation du HTML: Historique, versions
Balises et attributs: principes et fonctionnements
Structure d'une page web (en-tête et corps)

Atelier: première page internet

Principales balises HTML

Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
Création de liens hypertextes (page, fichier, messagerie) et cibles
Insertion d'images et légende
Listes à puces (non ordonnées / ordonnées)
Tableaux: en-têtes, corps, propriétés
Formulaires: principe, composants, propriétés, attributs
Sons, vidéos

Atelier: un premier formulaire d'envoi de mail

Présentation des enjeux du référencement

Concepts et insertion des balises d’en-tête
Quelques règles à respecter
Techniques avancées de création HTML (données structurées)

Présentation des techniques d’alignement

Présentation des balises sémantiques: Article, Header, Section...
Création du squelette HTML5
Définition des feuilles de styles
Positionnement des blocs
Gestion de la compatibilité entre navigateurs (cross-browser compatibility)

Atelier: réaliser un site avec une structure HTML5

Webmasters
Chef de projet Web
Rédacteurs de pages Web

Savoir utiliser un ordinateur pour naviguer sur le web

Formation en inter-entreprises : 500 € HT par personne par jour
Formation en intra-entreprise : nous consulter

Pauses café et déjeuner du midi compris si la formation se déroule dans nos locaux.

Le stage peut être prise en charge par votre organisme collecteur (numéro officiel d'organisme de formation: 11 95 04407 95). Prévoir des frais de déplacement en sus si la formation est réalisée dans les locaux du clients hors île de France.

Possibilité de formation à distance.

HTML : Le langage fondamental du web

Définition et rôle du HTML

Qu'est-ce que le HTML ?

HTML (HyperText Markup Language) est un langage de balisage utilisé pour structurer le contenu des pages web. Il définit l’organisation des éléments tels que les titres, les paragraphes, les liens, les images et bien d’autres composants essentiels.

Fonctionnement du HTML

HTML repose sur une structure hiérarchique basée sur des balises. Chaque élément d’une page est défini par une balise spécifique qui indique son rôle et son affichage. Les navigateurs interprètent ces balises pour afficher correctement le contenu à l’utilisateur.

Structure d’une page HTML

Organisation des éléments

Une page HTML suit une structure bien définie, composée de différentes sections. Elle comprend des métadonnées, une partie visible contenant le contenu principal et des éléments interactifs facilitant la navigation.

L’importance de la sémantique

Les balises HTML ne servent pas uniquement à afficher du texte ou des images. Elles donnent également une signification aux éléments, améliorant ainsi l’accessibilité et le référencement. Une structure sémantique permet aux moteurs de recherche de mieux comprendre le contenu d’une page.

HTML et les technologies associées

HTML, CSS et JavaScript

HTML travaille en complémentarité avec CSS pour le design et JavaScript pour l’interactivité. Ces trois langages forment la base du développement web moderne, permettant de créer des sites dynamiques et réactifs.

Évolution et standards du HTML

Le langage HTML évolue avec le temps pour s’adapter aux nouvelles pratiques et aux besoins des utilisateurs. Les versions récentes, comme HTML5, introduisent de nouvelles balises et améliorent les performances, la compatibilité mobile et l’intégration des contenus multimédias.