CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 - Formation Complète

Introduction à la Conception de Pages Web avec HTML

Retour à la formation
Chapitre 2 Leçon 3
Précédent
Suivant

Découvrez comment les pages web sont structurées et apprenez les bases des balises HTML et leurs usages essentiels.

Détails de la leçon

Description de la leçon

Avant d'étudier le logiciel Dreamweaver, nous allons explorer la constitution des pages web. Une page web se compose de plusieurs parties minimales essentielles :

  • Déclaration Doc Type : Indique le type de document HTML utilisé.
  • Balises HTML : Début <html> et fin </html>.
  • Zone d’en-tête : Comme <head> avec les informations concernant la page, telles que <title>.
  • Zone corps : Contenu visible de la page web, entouré par <body>.

Dans la zone body, le contenu est structuré via diverses balises, comme <h1> pour les titres et <p> pour les paragraphes. Des balises spéciales comme <a href="url"> et <strong> permettent de créer des liens et de styliser le texte.

Nous verrons aussi l'importance de la déclaration <!DOCTYPE html> qui assure la compatibilité entre les navigateurs. Au cours des leçons suivantes, nous allons manipuler des documents HTML et vérifier leur rendu dans un navigateurs comme Firefox, en étudiant les différences entre les balises de type bloc et inline.

Objectifs de cette leçon

Les objectifs de cette vidéo incluent :

  • Comprendre les différentes composantes d'une page web.
  • Apprendre à structurer une page HTML.
  • Découvrir l'utilisation des balises essentielles comme <h1>, <p>, et <a>.
  • Familiarisation avec le concept de déclaration <!DOCTYPE>.

Prérequis pour cette leçon

Les prérequis pour suivre cette vidéo :

  • Aucun prérequis spécifique, ouverte aux débuts en HTML.

Métiers concernés

Les connaissances acquises dans cette vidéo peuvent être appliquées dans plusieurs métiers :

  • Développeur web
  • Designer web
  • Intégrateur HTML
  • Spécialiste SEO

Alternatives et ressources

En plus d'HTML, il existe aussi des solutions et logiciels tels que :

  • CSS pour le style et la mise en page.
  • JavaScript pour l'interactivité.
  • Éditeurs WYSIWYG comme Dreamweaver ou Webflow pour une création visuelle.

Questions & Réponses

La structure de base d'une page HTML comprend une déclaration de type de document, une balise <html> pour englober tout le contenu, une zone <head> pour les métadonnées, et une zone <body> pour le contenu visible.
La balise <a> est utilisée pour créer des liens hypertexte. Elle utilise l'attribut href pour spécifier l'URL de la page de destination.
La déclaration <!DOCTYPE html> indique au navigateur que le document suit les normes du langage HTML. Elle est essentielle pour assurer une bonne compatibilité et un affichage cohérent sur différents navigateurs.