Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.

Présentation au sujet: "Dreamweaver MX Jauneau Marie Claude-Antoine Zarate."— Transcription de la présentation:

1 Dreamweaver MX Jauneau Marie Claude-Antoine Zarate

2 Plan de l’exposé  Introduction au HTML (création d’un fichier dans le bloc notes)  Présentation de Dreamweaver  Création d’un site local  Insertion de texte  Création d’un lien  Propriétés d’une page

3 Plan de l’exposé  Tableaux  Insertion d’images et d’animations simple  Boutons Flash

4 Présentation de Dreamweaver Dreamweaver, c’est quoi ? Dreamweaver est un logiciel permettant de créer des documents HTML plus simplement, sans nécessairement passer directement par l’édition de ce langage. HTML (HyperText Markup Language): langage avec balises Avantages: Plus accessible aux non initiés Permet de créer simplement des pages complexes Possibilité de contrôler le script HTML

5 Présentation de l’espace de travail Il existe 3 modes d’affichage sous Dreamweaver : Code : voir le code html uniquement Création : voir la page html Code et création : affichage simultanée du code et de la page

6 Espace de travail Les panneaux de droite Mise en forme Panneau objets Fenêtre de code Espace de travail Présentation de l’espace de travail

7 Création d’un site local Site  nouveau site… Passer en mode de configuration avancée (ici)

8 Création d’un site local Spécifier le nom de votre site Indiquer le dossier racine de votre site

9 Création d’un nouvelle page

10 Insertion d’un texte  Dans l’espace de travail, vous pouvez insérer des textes comme dans tout éditeur de texte (Microsoft Word, ou le bloc notes).

11 Propriété du texte Trois choix possibles :  Menu Texte  Panneau propriété  Sélection du texte + clique droit souris Exemples :  en tête, polices, styles, couleurs,…

12

13 Liens Trois choix possibles :  Lien de messagerie  Lien vers un site internet (lien externe)  Lien vers une autre page (lien interne) Ancre nomméeLien de messagerie Lien hypertexte externe ou interne au site Application : Lien avec Ushuaia

14 Liens

15 Trois choix possibles :  Menu modifier  Propriétés de la page  Modifier la couleur du fond  Ou mettre une image en fond Modification du fond Application : Fond de la page Ushuaia

16

17 Et ça donne…

18 Les tableaux Dans une page Web, le tableau demeure un élément indispensable. La conception d’un document HTML élaboré nécessite d’une façon quasi-systématique le recours aux tableaux. Composition d’un tableau Dimension, ligne, colonne, cellule, bordure… Opération sur les tableaux

19 Les tableaux On peut insérer un tableau de deux manières différentes : Clic sur la boîte à outil tableauA partir du menu : Insertion/Tableau

20 Insertion d’un tableau

21 Insertion d’images Pour modifier un calque (position, dimensions…), cliquez sur un bord d’un calque. Des petites poignées apparaissent. Pour modifier la position, cliquez sur un bord de la cellule et faites glisser Via la barre d’outil ou le menu Pour pouvoir manipuler aisément un image sous Dreamweaver, il faut l’insérer au préalable dans un calque

22 Insertion d’une image Lien relatif !

23

24 Flash, c’est quoi? Flash est une technologie qui permet de créer des animations de texte, d’image, de vidéos et de son avec une grande rapidité.

25 Bouton Flash Dreamweaver vous permet de construire des petites animations de texte ou de boutons selon quelques paramètres. Cf cours Flash Remarques : on arrive rapidement aux limites du logiciel. C’est pas toujours la fête avec ce logiciel!

26 Bouton Flash Lien relatif!

27 On obtient…

28 Et ensuite…

29 Des questions… JAUNEAU Marie ZARATE Claude-Antoine Merci…