1 / 10

Plan de la rencontre 8

Plan de la rencontre 8. Retour sur les cours précédents Conception d’un site WWW Outils de développement de sites WWW Word Introduction à Netscape Composer Activité : bâtir des pages WWW. Pourquoi concevoir un site WWW éducatif?.

washi
Download Presentation

Plan de la rencontre 8

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. Plan de la rencontre 8 • Retour sur les cours précédents • Conception d’un site WWW • Outils de développement de sites WWW • Word • Introduction à Netscape Composer • Activité : bâtir des pages WWW

  2. Pourquoi concevoir un site WWW éducatif? • Pour échanger du matériel pédagogique avec les autres enseignants • Pour diffuser les productions des élèves et informer les parents des activités de l ’école • Pour exploiter les propriétés multimédias du Web • Pour faciliter l ’accès au matériel par les élèves (exemple: http://www.csbf.qc.ca/Assom/ )

  3. Créer simplement un site WEB éducatif C ’est possible! Par David Longpré SERPEM (adapté par Jean Loiselle)

  4. Le concept • Créer une page WEB se fait dans le langage code HTML. • 1 fichier HTML = 1 page WEB. • Les images ne font pas partie du fichier mais sont appelées (lien) par le fichier. • Plusieurs pages (plusieurs fichiers) forment un site. • On place tous les fichiers (pages et images) du site dans un dossier. • On dépose le dossier sur un serveur.

  5. Concepts associés au Web • html (« hypertext language Markup »):langage informatique utilisé pour créer des pages qui peuvent être affichables sur le Web • Fureteur (« browser »):logiciel utilisé pour naviguer sur le Web • Éditeur de pages html:outil permettant de réaliser des pages html

  6. Conception d ’un site • Planifier la structure du site • Réaliser un prototype • Raffiner le développement et la mise en page • Vérifier et mettre à jour

  7. Exemple de structure du site • Accueil et menu principal • Présentation personnelle • Évaluation de sites et d ’un logiciel • Site 1 -> grandes lignes -> texte suivi • Site 2 -> grandes lignes -> texte suivi • Logiciel 1 -> grandes lignes -> texte suivi • Scénario d ’utilisation • Objectifs -> grandes lignes -> texte suivi • déroulement-> grandes lignes -> texte suivi • ... • Intérêt du scénario • -> grandes lignes -> texte suivi

  8. Menu.htm pres.htm activ.htm scenario.htm obj.htm eval.htm site1.htm Exemple de réseau de liens (Tr.2) Autre site WEB

  9. Les outils disponibles • Word • offre des possibilités (limitées) de sauvegarde en format html • Netscape Composer • élément de Netscape Communicator (gratuit) • Éditeurs commercialisés: (Frontpage, WebExpert, DreamWeaver, Pagemill) • possibilités accrues

  10. Sites intéressants pour l a conception et l ’utilisation pédagogique du WEB • http://www.clic.net/~mephisto • http://www.uqtr.uquebec.ca/OutilsWeb/ • http://WWW.UQTR.UQuebec.ca/OutilsWeb/Logiciel/Netscape/

More Related