Création d'une page HTML et stylisation avec CSS
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à créer une page HTML avec Dreamweaver.
- Comprendre les bases de la structure HTML5.
- Savoir ajouter et styliser un lien hypertexte avec CSS.
- Intégrer une image de fond dans un élément HTML.
Résumé
Découvrez comment intégrer facilement une image PNG dans une page HTML à l'aide de Dreamweaver et styliser le lien avec CSS.
Description
Dans cette leçon, nous allons vous montrer comment intégrer une image au format PNG dans une page HTML en utilisant Dreamweaver. Nous commencerons par créer une page HTML et enregistrer le document dans un dossier de travail nommé index.html. Vous apprendrez à naviguer entre les différents modes de Dreamweaver tels que le mode création, le mode code, et le mode fractionné afin d'avoir un aperçu de votre travail.
Ensuite, nous couvrirons les bases de HTML5, y compris l'utilisation d'un doctype simplifié et la structure de la page HTML comprenant les métadonnées et appels de script. Une partie importante de la leçon sera de créer un lien hypertexte, le styliser avec CSS en utilisant diverses propriétés comme display-block, position, width, height, et text-align.
Enfin, nous intégrerons notre image en utilisant la propriété background-image. En suivant ce tutoriel, vous pourrez créer des pages web plus interactives et visuellement attrayantes.