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

Slides:



Advertisements
Présentations similaires
Création d'un formulaire Cliquer ici Taper un nom Choisir POST.
Advertisements

TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Préparer sa séance de recherche documentaire Afin déviter que lélève se perde sur la Toile au cours dune recherche, on peut lui baliser le parcours en.
Comprendre lergonomie du module Nomenclatures. La page daccueil de Sconet Nomenclatures Nom de létablissement Version du module Nom du module Code de.
Des trucs pour les enseignants
Passer au CSS et autres... (3) La barre de menu Il s'agit là du plus difficile, mais du plus intéressant aussi.... Avant de concevoir la barre de menu,
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Mars 2013 Grégory Petit
28 novembre 2012 Grégory Petit
Présenté à Jean Vachon Exécuté par Luc Rainville.
HTML / CSS Gestion des systèmes d’information Classe terminale
Un site sous SPIP Un nouveau système de publication sur le net Collège Charles Rieu A.T.I. Pélofi Stéphane.
SSPT – CHOPIN module 2 Système de gestion de contenu de sites web Par Liette Pothier, Chargée de projet Nancy Dodier, technicienne en informatique.
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
 Objet window, la fenêtre du navigateur
3. Personnaliser une page web Visualiser les liens entre feuille de style et html grâce à l’inspecteur d’éléments Savoir si les modifications doivent être.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
Comprendre l’ergonomie du module STSWEB. La page d’accueil de STSWEB Code et Nom de l’établissement Version du module Campagne en cours Année affichée.
HTML Création et mise en page de formulaire Cours 3.
Comprendre le SGBDR Microsoft Access – partie 2
CSS et DREAMWEAVER.
Contribution CMS.Eolas
Conception des pages Web avec
24 octobre 2012 Grégory Petit
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
SI28 Dreamweaver- Séance 1
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Dreamweaver MX.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Guillaume MICHAUD – Yvan LECOMTE
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
FLASH MX : séance 1 Vivien FILIPPINI Jeanne VERRE Exposé SI28.
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
Flash 2 ème séance Interaction François Marliac Mickaël Moreira.
Dreamweaver le retour Avec Les Formulaires Les Calques
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.
SI28 Malépart Céline Jérémy Palmier
Dreamweaver (2) ● les calques (layers) ● les comportements
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
DREAMWEAVER Séance 2 SI28 – P06 Nolwenn PICHAUD.
SI28 - Écriture interactive et multimédia Laurent FETZER GSU04, Lucie SOLA GSU06 P PRESENTATION Dreamweaver 2.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Dreamweaver MX Séance 2 Présenté par : Bastien Durizy Cedric Le-Rest Formulaire Comportement Style css Gestion de site Calque Scénario Modèle.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
On va découvrir la magie de ....
SI 28 - Présentation Image Ready Aurélie Letenoux GSU 4.
Dreamweaver 2éme séance Murat Keles. Présentation I.CSS et Dreamweaver II.Les calques III.Les scénarios IV.Les comportements V.Les cadres VI.Mise en ligne.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Séance 2 Marie Lavogez Justine Leleu Dreamweaver MX.
DREAMWEAVER 2 Michael LEPERS Pierre LAINÉ.  Formulaire  Calques  Comportements  Feuille de style CSS  Modèle  Scénario  Gestion du site.
SI28 : Ecriture interactive et multimédia
Découverte des objets.
1 Dreamweaver SI28: Ecriture interactive et multimédia Vincent Drapier Nabil El Hefni Automne 2006.
SI28 : Dreamweaver 2 Feuilles de styles Calques Template / Modèle Comportements Scénarios Mise en ligne Clément BLONDEL GSM04 Christelle CHATENET GB04.
SI28 : D REAMWEAVER 2 Audrey BUISSON – GSU05 Romain LASSALLE – GI05 1 SI28 – Ecriture interactive et multimedia.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site.
Introduction à PowerPoint, logiciel de présentation Session hiver 2007 Commission scolaire Lac-St-Jean par Stéphanie Boivin.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Transcription de la présentation:

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

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’

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) ‏

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

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

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

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

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...

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

DES QUESTIONS ?