Création Site Web

L2 MASS - 2008/2009

Fils rouges

01 02 03 04 05 06

Questions ?

Contacter l'équipe enseignante

Infos DS

Retrouver un exemple de DS

Exemple ?

Cette page est un exemple (XHTML et CSS).

Projet et résultats

Vous trouverez un rapport sur vos projets ici, et les notes sont affichées sur le panneau officiel à Valrose.

haut

But

Création d'un site web

haut

Descriptif

Ce cours expose les principes de la programmation web côté client, et amène à réaliser la création d'un site web.

haut

Équipe d'enseignants

Sébastien Verel - chargé cours et TD
Vous pouvez contacter l'équipe pour tout ce qui concerne cet enseignement et votre orientation.

haut

Evaluation

Les modalités d'évaluation et leur valeur se composent de :

  • Un devoir surveillé (DS) : Vendredi 31 octobre 2008, de 10h15 à 12h15, PV 310 (Obligatoire pour tous) - 50%
  • Projet (P): à rendre le lundi 1er décembre 2008 (Obligatoire pour tous) - 50%
Cette option compte pour 4 crédits ECTS.

Devoirs passés :
  • Devoir surveillé du 31/10/2008 énoncé et correction
  • Rapport sur le projet en particulier les soutenances pdf.

haut

PROJET

Les informations concernant le projet sont dans ce document.
Le projet est à rendre le lundi 1er décembre avant minuit par la plateforme jalon.
Les présentations en personne seront les :

  • 3 décembre de 17h15 à 19h30 : amphi Poincaré
  • 5 décembre de 10h15 à 13h00 : salle PV 310 ou PV 311
L'ordre de passage est donné par cette liste. Pour toute modification répondant à un impératif, veuillez m'envoyer un courriel en indiquant la personne avec qui vous permuttez.

Vous êtes nombreux, on ne peut pas prendre de retard. Le temps est décompté de la manière suivante :
  • 2 minutes pour le changement et l'installation
  • 7 minutes de présentation et démonstration
  • 1 minute de question
Je vous indiquerez lorsqu'il vous restera plus qu'une minute de présentation.

Pour votre présentation, les logiciels OpenOffice et acrobatReader (format pdf) sont à disposition. Vous devrez avoir votre présentation sur une clé usb (si possible sous plusieurs formats). Vous pouvez aussi m'envoyer par jalon votre présentation pour qu'elle soit déjà sur l'ordinateur. Pour la démonstration, les navigateurs firefox et safari sont disponibles.

Vous trouverez de nombreux conseils trés utiles sur le web pour réussir cette épreuve. La grille d'évaluation est disponible ici pour vous guider.

haut

FAQ PROJET

Ai-je bien déposé mon fichier zip sur Jalon ?
Si votre fichier apparait dans votre boite de dépot, alors il correctement rendu, pas de souci. Il n'y a pas de courriel de confirmation.
Comment fait-on un document pdf ?
Vous pouvez écrire votre texte avec un traitement de texte de type "word", ensuite vous pouvez le convertir en exportant vers du pdf avec OpenOffice par exemple.
Combien de pages web faut-il faire ?
Ce nombre dépend de votre sujet. 1 page n'est pas suffisant, 50 serait trop. Si vous faites au environ de 4 à 5 pages, cela peut être acceptable mais encore une fois tout dépend de votre sujet.
Faut-il rendre les transparents de la présentation orale ?
Si vous le voulez par l'intermédiaire de la plateforme jalon. Cela permettra que votre présentation soit déjà sur mon ordinateur au moment de votre passage.
Est-ce que vous aurez powerpoint pour la soutenance ?
Il y aura OpenOffice qui lit le format powerpoint, mais vous pouvez aussi convertir au format pdf.
Faut-il mettre le site en ligne ?
Oui, sur votre compte dans le dossier www, pour qu'il soit accessible depuis www-mips.unice.fr. Mais vous pouvez aussi utiliser un autre hébergeur.
Comment intégrer une police de caractère particulière ?
Des explications sont ici. Mais il est conseillé d'utiliser des polices standarts unicode.
Le site web du projet doit-il contenir du javascript ?
Votre site web doit être basé principalement sur XHTML et CSS. Mais il peut contenir avantageusement du javascript qui le rendra plus dynamique et attractif.
haut

Objectifs

Ils sont mis à jour régulièrement :

  1. Connaitre les dates importantes de la programmation web
  2. Connaitre les principes de l'internet
  3. Connaitre les principes fondamentaux du langage XHTML
  4. Savoir écrire une page xhtml minimale
  5. Connaitre les différents types de document (DOCTYPE)
  6. Savoir écrire un paragraphe
  7. Savoir écrire une citation et une adresse
  8. Savoir écrire un titre
  9. Connaitre les caractères accentués et les caractères spéciaux
  10. Savoir passer une ligne
  11. Savoir associer des mots clés à une page, et donner d'autres informations de ce type
  12. Savoir écrire les différents types de liste
  13. créer des liens externes
  14. créer des liens vers des documents spécifiques
  15. créer des liens internes
  16. Savoir insérer une image et du multimedia
  17. créer des liens sur des éléments graphiques ou déclenchant une action
  18. créer des tableaux réguliers et irréguliers
  19. Savoir place le code css dans une page web
  20. Connaitre les régles générales d'écriture de CSS
  21. Connaitre les sélecteurs d'élément, de classe, d'identifiant et contextuel.
  22. savoir définir une couleur de fond
  23. savoir définir et positionner une image de fond
  24. connaitre les propriétés de mise en forme du texte
  25. Connaitre les sélecteurs avec attributs et de pseudo-classe
  26. connaitre les régles de casdade et d'héritage
  27. connaitre les propriétés de mise en forme du texte
  28. Connaitre le modèle de boite CSS
  29. Savoir modifier le style d'une boite
  30. Savoir chercher de l'information sur internet concernant le XHTML et le CSS
  31. Savoir créer une page web utilisant tous les principes précédants
  32. Savoir dimensionner un contenu
  33. Connaitre tous les positionnements possibles
  34. Savoir écrire du javascrpit dans une page XHTML
  35. Connaitre les types, les tableaux et les variables en javascript
  36. Connaitre les structures de controle javascript
  37. Connaitre les itérations javascript
  38. Connaitre l'écriture des fonctions javascript
  39. Savoir faire un document écrit au format pdf
  40. Savoir faire des transparents pour une courte présentation

haut

Supports de Cours et de TD

Voici l'ensemble des supports de cours et des émoncés des TP.

Séance Titre Notes Exemples TD
01 Quelques bases en XHTML notes aucun td
02 XHTML, on continue ! notes exemples td
03 XHTML, toujours plus ! notes exemples td
04 Débuter avec CSS notes exemples td
05 Débuter en CSS (2) notes exemples td
06 Fin CSS et bilan notes exemples td
07 Positionnement et dimensionnement aucunes aucun td
08 Mini-introduction à javascript notes aucun td
09 Modification de style en javascript notes exemples td
10 Surprise notes exemples td

haut

Emploi du temps

10 séances de TD sur machine :

  • mercredi de 17h15 à 19h15, PV 310
  • vendredi de 10h15 à 12h15, PV 310
Alternance des groupes une semaine sur deux.

haut

dernière modification : 10 démbre 2008