Cours PPA1114 Semaine 7

1
Cours PPA1114Semaine 7

• Créer des pages Web

• Rappel
• Préalables
• Étapes
• Consignes

2
TP3 site Web, ePortfolio
Produire un site Web comme portfolio

• Un contenu imposé (minimum 6 pages)
• Page daccueil nommée index.html
• Page de présentation de soi moi.html
• Page de présentation du TP1 TP1.html
• Page de présentation du TP2 TP2.html
• Page de présentation du TP3 TP3.html
• Page de présentation du TP4 TP4.html

3
TP3 site Web, ePortfolio
Produire un site Web comme portfolio

• Une structure imposée (dossiers)
• Dossier racine NomPPortfolio
• Avec 1 sous-dossier pour les images
• Avec 1 sous-dossier par TP (1,2,3,4)
• Fichier daccueil index.html à la racine
• Fichier de présentation, moi.html à la racine

4
Structure de dossiers du site
Fichiers images.jpg ou images.gif
5
Les préalables

• Disposer dun cahier des charges
  (description du projet de site)
• Lanalyse
• La conception
• Disposer du programme de création de pages Web,
  Mozilla 1.7.12

6
1- Le cahier des charges
Rappel

• Lanalyse
• Contexte de départ ? Qui ? (pourquoi ?)
• Objectifs, message? Dit quoi ?
• Public cible ? À qui ?
• Ressources-contraintes ? Quels moyens ?
• Valeur rajoutée des TIC ? Quels effets ?

7
1- Le cahier des charges
Rappel

• La conception
• Liste des pages-écran et items contenus
• Contenu informatif détaillé des pages
• Structure du site, graphique ou dessin
• Liste des outils de navigation
• Mise en page, gabarits des pages complétés

8
2- Le programme

• Disposer du programme Mozilla 1.7.12
• Déjà disponible sur les postes de travail du
  laboratoire. Pour le téléchargement du programme
  Mozilla 1.7.12 à la maison, voir le site

http//www.mozilla-europe.org/fr/products/mozilla
1x/
9
Les étapes

• Avez-vous créé tous les dossiers correspondant à
  la structure du site ?
• Déposer les images requises dans le dossier
   images .
• Ouvrir puis régler les paramètres du programme.
  (nouvelles pages et outils)
• Créer les pages Web, y mettre juste un mot puis
  lenregistrer dans le bon dossier.
• Puis

10
Les étapes

• Compléter les pages (enregistrer souvent)
• La barre de navigation (texte, bouton, liens)
• Le texte
• Les images
• Les tableaux (N.B. Une bonne façon de gérer la
  mise en page)
• Linteraction
• Tester les pages dans un navigateur et corriger

11
Les étapes

• Passer en mode création
• faites votre site
• Voir le document sur la FV
• Creerunsiteaveccomposeur.doc

12
Conseils

• Travailler votre site web depuis votre ordinateur
  personnel ou votre clé USB.
• Toujours garder la même structure de fichiers
  afin déviter les erreurs de lien.
• La Faculté Virtuelle doit seulement servir à
  déposer votre site pour consultation.

13
Les liens

• Il y a 2 types de liens dans un site web
• Les liens relatifs selon lemplacement du
  fichier dans la structure (une page ou image de
  votre site dans tel dossier). Adresse courte
  images/moi.jpg
• Sera fonctionnel nimporte où avec même
  structure
• Les liens absolus ne tiennent pas compte de la
  structure comme une adresse de site web. Donne la
  structure de fichiers à partir de la racine de
  votre disque rigide ou clé USB.
• File///C/bla/blabla/monsite/images/moi.jpg
• Problématique quand il sagit dun fichier

14
Consignes

• Continuer la création des pages écran de votre
  site web ou portfolio électronique.
• Ne pas oublier denregistrer sur votre clé USB.
• Lectures pour alimenter votre vision des TIC-
  Lebrun, M. (2004). http//profetic.org/revue/IMG/
  pdf/ritpu0101_lebrun.pdf
• - Relier à Bibeau, R. (2006).
• http//www.epi.asso.fr/revue/articles/a0511a.htm
• Finaliser le TP 2, à remettre le 7 mars.

15

• BONNE SEMAINE
• -)