1 / 21

Comment créer un site Web

Comment créer un site Web. Martine Mottet Automne 2007. Comment procéder. Faire l’analyse des besoins Concevoir la structure du site Organiser les dossiers et fichiers Concevoir l’allure graphique des pages Concevoir les textes du site Réaliser le site

ramona
Download Presentation

Comment créer un site Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Comment créer un site Web Martine Mottet Automne 2007

  2. Comment procéder • Faire l’analyse des besoins • Concevoir la structure du site • Organiser les dossiers et fichiers • Concevoir l’allure graphique des pages • Concevoir les textes du site • Réaliser le site • Transférer les fichiers sur le serveur Web • 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 Fichier • Trop long à afficher

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

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

  7. 2. Concevoir la structure du site Clic Clic Clic index.htm plan.htm Page d’accueil du site auteurs.htm membre1.htm membre2.htm scenario1.htm theme1.htm histoire1.htm exercice1.htm 3 clics de souris

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

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

  10. Adresses absolues et relativesdes hyperliens • Adresse réelle de la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/index.html • Adresse absolue de l’hyperlien vers la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/image.gif • Adresse relative de l’hyperlien vers la page de référence image.gif

  11. Adresses absolues et relativesdes hyperliens • Adresse réelle de la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/index.html • Adresse absolue de l’hyperlien vers la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/image.gif • Adresse relative de l’hyperlien vers la page de référence image.gif

  12. Adresses absolues et relativesdes hyperliens • Adresse réelle de la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/index.html • Adresse absolue de l’hyperlien vers la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/HotPotatoes/image.gif • Adresse relative de l’hyperlien vers la page de référence ../image.gif

  13. Adresses absolues et relativesdes hyperliens • Adresse réelle de la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/index.html • Adresse absolue de l’hyperlien vers la page de référence www.tuxcafe.org/~ten-20727-h07/MottetMartine/HotPotatoes/image.gif • Adresse relative de l’hyperlien vers la page de référence ../image.gif

  14. 4. Concevoir l’allure graphique des pages • Harmonisez un maximum de trois couleurs • Choisissez des couleurs sûres pour le Web • Optez pour un bon contraste fond-texte • Attribuez un sens aux couleurs index.htm plan.htm auteurs.htm membre1.htm membre2.htm scenario1.htm histoire1.htm theme1.htm exercice1.htm

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

  16. 4. Concevoir l’allure graphique des pages • 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

  17. 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) • Datez chaque page • Citez vos sources Source : Horn, Robert (1987) Information Mapping

  18. 6. Produire le site index.htm plan.htm auteurs.htm contenu.htm exercices.htm histoire.htm mediagra phie.htm exercice1.htm exercice2.htm exercice3.htm

  19. 6. Produire le site (équipe de 3 personnes) index.htm plan.htm auteurs.htm contenu.htm exercices.htm histoires.htm mediagra phie.htm 1 histoire par personne exercice1.htm exercice2.htm exercice3.htm 3 exercices par personne

  20. 7. Transférer les fichiers sur le serveur Web • Un seul ordinateur serveur mais plusieurs services • Service Wiki • Service FTP • Service Web • Transférez tous les fichiers sur le serveur dans votre dossier public • Gardez tous les fichiers dans le même dossier

  21. 8. Tester le site • À l’adresse : www.tuxcafe.org/~ten-20727-h07/NomPrenom

More Related