Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.

Présentation au sujet: "Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création."— Transcription de la présentation:

1

2 Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création d’un tableau  Formatage du texte  Création d’un lien  Mettre des images

3 Le langage HTML Définitions –HTML : Hyper Text Markup Language (Langage de mise en forme de documents hypertextes) –Hypertexte : Texte qui contient des références croisées

4 Le langage HTML Langage structurée à l’aide de balises  Les balises de structure … : balise titre, … : balise paragraphe, : Sauter une ligne, : marqueur « insérer une image » … : balise « insérer un lien hypertexte », à : Titres par importance décroissante, + : Liste...

5 Le langage HTML  Les balises de formatage du texte … : police … : gras (b pour « bold ») … : italique (i pour « italic ») … : souligner (u pour « underline ») … : centrer le texte

6 Le langage HTML La structure de base d’un Fichier HTML essai 1er page HTML  à vous de manipuler …

7 Le langage HTML

8

9 Dreamweaver MX Dreamweaver ~ Tisseur de rêve  Construire un site Internet grâce à une interface plus graphique que le bloc note  Disposer d’outils pour créer ses applications Web

10 Création d’un nouveau site

11 Aperçu de l’interface C’est ici que les propriétés relatives à l’objet sélectionné apparaissent Cet espace est dédié aux cinq panneaux rétractables Cette barre d’outils est toujours présente à l’écran ; elle permet d’insérer des objets comme des images ou des tableaux HTML Cette barre d’outils est propre au document en cours (ici, une page HTML vierge) ; elle permet par exemple de choisir entre le mode visuel ou code informatique

12 Le but partir de ceci

13 Pour arriver à cela (par ex)

14 Construction d’un jeu de cadres Les cadres permettent d’afficher plusieurs pages HTML dans différentes zones.

15 Création d’un tableau Utilisons un tableau pour créer le menu du site Cliquons sur le cadre de gauche, qui contiendra le menu (soit le tableau) Cliquons sur l’icône de création de tableau

16 Création de liens Clique droit sur le texte qui va servir de lien Préciser le cadre de destination

17 Insertion d’une image

18 Insertion d’un lien dans une image Entrer la destination du lien Définir le cadre du lien (ici, cadre principal)

19 Modification de l’arrière plan

20 Image « survolée »

21 Insertion d’un texte flash

22 ?