La réalisation du plan du site permet d assurer l'uniformité des pages et de navigation qui rendent un site plus fonctionnel pour un ensemble de pages.

Présentation au sujet: "La réalisation du plan du site permet d assurer l'uniformité des pages et de navigation qui rendent un site plus fonctionnel pour un ensemble de pages."— Transcription de la présentation:

1 La réalisation du plan du site permet d assurer l'uniformité des pages et de navigation qui rendent un site plus fonctionnel pour un ensemble de pages d'un site Web. Le plan du site permet de représenter visuellement les 3 composantes du site web ; Le nom du fichier (html) Le titre de la page ( propriété de la page) Le titre et la description. visualiser toutes les routes - les rétroactions possibles entre les thèmes à aborder liés aux sous-thèmes ou les thèmes. Puis relier tous les thèmes entre eux par des flèches.

2 Créez une page complexe Je veux réaliser un site sur La chevalerie dont le plan serait : index.html chevalier.html histoire.htm recits.htm jeux.htm liens.htm Les flèches sont les liens entre les pages… pensez à mettre un lien « retour » pour revenir à la page du menu.

3 Je veux réaliser un site sur La chevalerie dont le plan du site comprend : les 3 composantes suivantes ; 1. index.html 2.chevalier.htm 3.histoire.htm 4.recits.htm 5. jeux.htm 6. liens.htm 7. propos.htm 1. Nom du fichier 2. Titre de la page : propriété de la page ; ce titre apparaîtra en haut de la page web (en bleu) 3. Titre de la section et description 1. index.html = Entrez = Bienvenue 2. chevalier.htm = Les chevaliers = menu 3. histoire.htm = L histoire des chevaliers = historique ; 3 joutes, les tournois 4. récits ; 3 notions 5. jeux = Titre de la page Propriété de la page Titre et description

4 Tutoriel de Dreamweaver MX. http://www.f-i-a.org/dreammx/ Tutoriel de Dreamweaver MX. http://getit.rutgers.edu/handouts/ Tutoriel de Dreamweaver. http://ntroufflard.free.fr/dreamw/index.htm Tutoriel de Dreamweaver. http://www.sjmclib.umn.edu/viscomm/dreamweaver/index.html Tutoriel de Dreamweaver en PDF. http://www.infres.enst.fr/~danzart/AWEB/pdf/dreamweaver.pdf Tutoriels pour Dreamwaever MX section Dreamweaver http://www.unites.uqam.ca/prof/flm4010/flm4010.html

5 PROF http://www.unites.uqam.ca/prof/flm4010/flm4010.html