Création Site Web
L2 MASS - 2008/2009
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.
hautDEVOIR SURVEILLE
Le devoir aura lieu le 31 octobre 2008 à partir de 10h15 en salle PV 301 pour les 2 groupes.
Le programme portera sur les objectifs des 5 premières scéances. Reportez vous à ce site ou aux derniers transparents des notes 06.
Il n'y aura pas de séance le mercredi 29 octobre.
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.
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%
Devoirs passés :
- Devoir surveillé du 31/10/2008 énoncé et correction
- Rapport sur le projet en particulier les soutenances pdf.
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
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
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.
Objectifs
Ils sont mis à jour régulièrement :
- Connaitre les dates importantes de la programmation web
- Connaitre les principes de l'internet
- Connaitre les principes fondamentaux du langage XHTML
- Savoir écrire une page xhtml minimale
- Connaitre les différents types de document (DOCTYPE)
- Savoir écrire un paragraphe
- Savoir écrire une citation et une adresse
- Savoir écrire un titre
- Connaitre les caractères accentués et les caractères spéciaux
- Savoir passer une ligne
- Savoir associer des mots clés à une page, et donner d'autres informations de ce type
- Savoir écrire les différents types de liste
- créer des liens externes
- créer des liens vers des documents spécifiques
- créer des liens internes
- Savoir insérer une image et du multimedia
- créer des liens sur des éléments graphiques ou déclenchant une action
- créer des tableaux réguliers et irréguliers
- Savoir place le code css dans une page web
- Connaitre les régles générales d'écriture de CSS
- Connaitre les sélecteurs d'élément, de classe, d'identifiant et contextuel.
- savoir définir une couleur de fond
- savoir définir et positionner une image de fond
- connaitre les propriétés de mise en forme du texte
- Connaitre les sélecteurs avec attributs et de pseudo-classe
- connaitre les régles de casdade et d'héritage
- connaitre les propriétés de mise en forme du texte
- Connaitre le modèle de boite CSS
- Savoir modifier le style d'une boite
- Savoir chercher de l'information sur internet concernant le XHTML et le CSS
- Savoir créer une page web utilisant tous les principes précédants
- Savoir dimensionner un contenu
- Connaitre tous les positionnements possibles
- Savoir écrire du javascrpit dans une page XHTML
- Connaitre les types, les tableaux et les variables en javascript
- Connaitre les structures de controle javascript
- Connaitre les itérations javascript
- Connaitre l'écriture des fonctions javascript
- Savoir faire un document écrit au format pdf
- Savoir faire des transparents pour une courte présentation
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 |
Emploi du temps
10 séances de TD sur machine :
- mercredi de 17h15 à 19h15, PV 310
- vendredi de 10h15 à 12h15, PV 310
dernière modification : 10 démbre 2008