Initiation au HTML et à DreamWeaver

M. DIENG Abdoulaye

Mars 2015

Objectif général
Concevoir la structure sémantique du contenu d’un site web

2

Les objectifs opérationnels
¾ Publier du texte
¾ Lister du contenu
¾ Lier des contenus et des services
¾ Afficher une image simple ou cliquable
¾ Établir un tableau
¾ Présenter un formulaire
¾ Prendre en main DreamWeaver

3

Le sommaire
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

Présentation de DreamWeaver
Interface de DreamWeaver
Paramétrer un site local
Présentation du HTML
La structure d’une page HTML
Création d’une page HTML sur DreamWeaver
Publier du texte
Lister du contenu
Lier des contenus
Afficher une image
Etablir un tableau
Présenter un formulaire
4

Présentation de DreamWeaver
• Adobe Dreamweaver est un éditeur de site web.
• Dreamweaver offre deux modes de conception :
– « mode création » permettant de créer directement à l'aide d'outils simples, comparables à un logiciel de traitement de texte.
– « mode code » permettant d'afficher et de modifier le code (HTML ou autre) qui compose une page Web.
• Dreamweaver offre aussi la possibilité de :
– concevoir des feuilles de style ;
– développer des applications dynamiques ;
– gérer un site.
• L’un des objectifs de ce cours est la prise en main de DW CS3.

Interface de Dreamweaver

Paramétrer un site local (1/3)

Paramétrer un site local (2/3)

Paramétrer un site local (3/3)
1) Cliquer sur l’onglet « Avancé »
2) Donner un nom au site

3)Mettre le chemin absolue du site

4) Valider avec OK

Présentation du HTML
¾ HTML (HyperText Markup Language) est un langage chargé de :
• structurer sémantiquement une page Web
• mettre en forme une page Web
• lier des contenus Web
¾ HTML permet, entre autres, de :
• publier des documents en ligne contenant du texte, des tableaux, des listes, des images,…;
• retrouver des informations en un clic de souris;
• concevoir des formulaires permettant de faire des recherches, d’effectuer des réservations, de commander
des