Tram Ha

Concevoir et réaliser un site Web

 avec DreamWeaver MX

Ha  Tran

CUEF - Université Stendhal 

---

Sommaire

Définition d’un site Web

A quoi ça sert un site Web ?

Arborescence d’un site Web

Exemples des sites pédagogiques réalisés avec DreamWeaver

Réaliser un cahier des charges

Objectifs du site

Publics visés

Langue(s) utilisée(s)

Ressources utilisées

Charte graphique

Interactivité

Contenu

Spécifications techniques (hébergement, mise en ligne, référencement, mise à jour)

Définition d’un site Web

Un ensemble de fichiers (pages HTML, images, sons, animations...) liés entre eux par des liens hypertextes.

Ces fichiers se classent en catégorie et se placent en général dans des dossiers.

Un site Web est hébergé normalement sur un serveur à distance et est consulté sur Internet mais il peut également fonctionner en poste local.

A quoi ça sert un site Web ?

Une interface de diffusion d’informations et de communication avec l’extérieur.

Être accessible et consultable partout.

Arborescence d’un site Web

Exemple de quelques sites Web éducatif

La fabrication du pain

http://www.grics.qc.ca/bips/pain/

Sites des stagiaires 2004

http://www.u-grenoble3.fr/essai-tice/

Réaliser un cahier des charges d’un site Web

Objectifs du site

De nature informative ?

De nature communicative ?

De nature éducative ?

Public du site

Grand public ?

Public ciblé ?

Tranche(s) d’âge ?

Sexe ?

Profession / Domaine ?

Ressources utilisées

Avec des images ?

Du son ?

Des animations ?

Des ressources externes ou internes ? (question des droits d’auteur)

Charte graphique

Ton de couleur dominant

Police de caractère

Logo

Illustrations

Interactivité

Des outils de communication

Animations

Feed-back immédiat en cas d’activités pédagogiques

Contact

Livre d’or

 Contenu du site

Nombre de pages

Contenu des pages

Arborescence des pages

Exemple d’une maquette du site

 Réaliser un cahier des charges d’un site Web

 Spécifications techniques

Hébergement (ifrance.com, free.fr, voila.com…)

Mise en ligne (Dre amWeaver MX, Leech FTP…)

Référencement (Google, Yahoo…)

 Cliquez sur l'mage

pour regarder la vidéo