Création et Structuration de Pages Web avec Dreamweaver

Apprenez à structurer une page web complète avec Dreamweaver en utilisant des balises HTML comme <div>, <p>, et <h1>.

Détails de la leçon

Description de la leçon

Dans cette leçon complète, nous explorons la création et la structuration de pages web en utilisant le logiciel Dreamweaver. Vous apprendrez à:

  • Créer un nouveau document HTML et l'enregistrer correctement.
  • Utiliser des balises HTML essentielles telles que <p>, <h1>, et <div> pour structurer le contenu de vos pages.
  • Définir et appliquer des styles CSS pour donner un aspect professionnel à votre site.
  • Insérer des images dans vos pages et les styliser en utilisant des règles CSS.
  • Comprendre la différence entre les balises de type bloc et inline.
  • Organiser votre page avec des zones spécifiques: en-tête, menu, contenu, et pied de page.
  • Éviter les marges automatiques des navigateurs pour un rendu parfait.

Objectifs de cette leçon

À la fin de cette leçon, vous serez capable de:

  • Créer et enregistrer un document HTML dans Dreamweaver.
  • Structurer une page web en utilisant les balises HTML adéquates.
  • Appliquer des styles CSS pour personnaliser l'apparence de votre site.
  • Insérer et styliser des images dans vos pages web.

Prérequis pour cette leçon

Connaissance de base en HTML et CSS est recommandée pour suivre cette vidéo. Une familiarité avec l'interface Dreamweaver serait un plus.

Métiers concernés

Les compétences abordées dans cette vidéo sont utiles pour des métiers tels que développeur web, intégrateur web, designer web, et webmaster.

Alternatives et ressources

D'autres éditeurs de code comme Sublime Text, Visual Studio Code ou Atom peuvent également être utilisés pour créer et structurer des pages web.

Questions & Réponses

La balise <div> est utilisée pour structurer des sections distinctes d'une page web telles que l'en-tête, le contenu, et le pied de page.
Les balises de type bloc, comme <p> et <h1>, occupent toute la largeur disponible et provoquent un retour à la ligne, tandis que les balises de type inline, comme <strong> et <em>, n'interrompent pas le flux de texte.
Pour enlever les marges automatiques, on crée une règle CSS pour la balise Body avec la propriété Margin définie à 0.