DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.

Présentation au sujet: "DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé."— Transcription de la présentation:

1 DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé

2 CRÉATION DU SITE Créer un répertoire de travail sur Z: Créer Site Dreamweaver Onglet Avancé -> Nom du site / Dossier racine Récupération de la feuille de style CSS Aller à l’adresse ‘blabla’

3 FICHIERS DU SITE 3 pages html: index.html comportements.html formulaire.html La feuille de style: style.css Le modèle template: modele.dwt (Menu Modèle -> Créer un modèle) ‏

4 MODÈLE (TEMPLATE) Un modèle contient toute l'information de base (logo, menu, bannière) nécessaire sur chaque page html d'un site web. Il contient des régions fixes (pour ce qui est de la mise en page) et des régions modifiables (pour le contenu) Dans notre exemple: modele.dwt contient la bannière et le menu du site

5 BIBLIOTHEQUE SPRY C’est un ensemble d’objets dynamiques grâce à JavaScript Ainsi, il est très simple de faire un menu déroulant, ou autres effets Nous allons faire une zone qui se déroule ou se masque en un clic

6 LIENS HYPERTEXTES Indispensable pour la navigation dans un site web. Les liens permettent de se rendre sur une autre page d'un même site, à un autre endroit d'une même page ou référencent un autre site web La balise permet de faire des liens : page

7 LES CALQUES Ils servent à créer très simplement une zone dans laquelle on mettra le contenu désiré Ce sont des balises Il faut les nommer

8 COMPORTEMENTS A un événement est associée une ou plusieurs actions Les comportements insèrent du javascript dans la page html afin de créer de l'interactivité avec l'utilisateur Exemples: afficher/masquer menu au passage de la souris, déclencher son par clic sur tel ou tel objet...

9 FORMULAIRES Comme leur nom l'indique, ce sont de vrais formulaires présentant divers moyens de saisir de l'information (zone de texte, bouton radio, cases à cocher...) Ils permettent l'échange de données entre un utilisateur et un site web Dreamweaver propose tout un panel d'outils complet pour la création de formulaires

10 DES QUESTIONS ?