Comment créer un site Web Martine Mottet Hiver 2007.

Présentation au sujet: "Comment créer un site Web Martine Mottet Hiver 2007."— Transcription de la présentation:

1 Comment créer un site Web Martine Mottet Hiver 2007

2 Comment procéder 1.Faire l’analyse des besoins 2.Concevoir la structure du site 3.Organiser les fichiers 4.Concevoir l’allure graphique des pages 5.Concevoir les textes du site 6.Réaliser le site 7.Transférer les fichiers sur le serveur Web (selon la technologie utilisée) 8.Tester le site

3 1. Faire l’analyse des besoins Définir la situation de communication –Intention : information, éducation (apprentissage, évaluation) –Clientèle cible Fonction : enseignant, élève, parent Âge : enfant du primaire, enfant du secondaire, adulte Type d’utilisateur : familier ou non avec le Web –Interaction : monologue, dialogue, débat –Utilisation : en classe, hors classe –Etc.

4 2. Concevoir la structure du site Trop long à afficher Fichier

5 2. Concevoir la structure du site Trop d’étalement Fichier

6 2. Concevoir la structure du site Trop de profondeur 5 clics de souris Fichier

7 2. Concevoir la structure du site Clic Index.htm Plan.htm Professeur.htm Cours.htm Travaux.htm Ressources.htm PDF Page d’accueil du site 3 clics de souris

8 2. Concevoir la structure du site Évitez les longues pages Incluez plutôt une table des matières ou créez un fichier PDF bla 1. Bla bla 2. Clo clo 3. Dit dit 1. bla bla bla bla 2. Clo clo Clo clo 3. Dit dit

9 3. Organiser les fichiers Créez un dossier appelé NomPrenom Placez tous les fichiers dans ce dossier Pour les fichiers HTML, utilisez des noms : Courts (pour éviter les erreurs de frappe) Sans accent Sans espace Pour les fichiers d’image et de son, conservez l’extension des noms :.GIF.JPG.PNG(etc.).WAV.MP3.AU(etc.)

10 4. Concevoir l’allure graphique des pages Index.htm Plan.htm Professeur.htm Cours.htm Travaux.htm Ressources.htm Harmonisez un maximum de trois couleursHarmonisez Choisissez des couleurs sûres pour le Webcouleurs sûres Optez pour un bon contraste fond-texte Attribuez un sens aux couleurs

11 Uniformisez la présentation de l’information 4. Concevoir l’allure graphique des pages

12 Préférez les polices sans serif plutôt que les polices avec serif (maximum deux polices) Réservez le soulignement pour les hyperliens Choisissez la taille des caractères en fonction du public cible Utilisez seulement des éléments audiovisuels libres de droits Utilisez seulement des éléments audiovisuels ayant une valeur ajoutée Évitez les éléments animés

13 5. Rédiger les textes du site Faites des phrases courtes (lisibilité) Regroupez les phrases en petits blocs d’information (assimilation) Traitez d’un seul sujet dans un bloc d’information (pertinence) Attribuez des titres significatifs (repérage) Source : Horn, Robert (1987) Information Mapping

14 6. Produire le site Datez chaque page Citez vos sources Index.htm Plan.htm Professeur.htm Cours.htm Travaux.htm Ressources.htm PDF Aujourd’hui Table des matières Image

15 7. Transférer les fichiers sur le serveur Web Transférez tous les fichiers sur le serveur dans votre dossier –Adresse ftp.travaux.fse.ulaval.ca –Utilisateurten-67363-numéro –Mot de passemotdepasse Gardez tous les fichiers dans le même dossier

16 8. Tester le site À l’adresse : www.travaux.fse.ulaval.ca/H2008/ ten-67363/TEN-67363-numéro