Mesdames, Messieurs,

Mesdames, Messieurs,
Trouvez ci-dessous le travail à effectuer dans le cadre du module
sur les sites web statiques.
A l'adresse internet : http://www.jcartier.net/epices/ se trouve un
ensemble de fichiers au format html.
Ceux-ci, vous le constaterez, ne disposent d'aucune mise en page
particulière, mais sont découpés en blocs sémantiques.
Le travail à réaliser est un habillage graphique de ces différentes
pages.
Vous noterez à l'analyse du code source des différentes pages html
qu'une seule feuille de style est utilisée pour l'ensemble des pages.
A travers l'analyse du code html, vous découvrirez le découpage
des pages en blocs de contenu, sous blocs, élements en ligne et
pourrez définir une mise en page associée.
Vous devrez fournir 1 (ou 2 suivant la prise en compte du média
print) fichier CSS ainsi que les ressources images associées.
La structure à fournir se composera de 2 répertoires :
- un répertoire style comportant la (ou les) feuille de style de
votre mise en page (attention aux références relatives)
- un répertoire images comportant les images de votre mise en
page au format png, jpeg et/ou gif
Merci de nous faire parvenir un fichier zippé contenant l'ensemble
des fichiers avec l'arborescence pour le 15 janvier 2007 08h00 au
plus tard au courriel suivant : [email protected]
Vous donnerez le titre "Master 2006 – CSS – Votre nom" à votre
sujet de courriel.
J'accuserai réception de celui-ci sous 1 journée. En cas de non
réponse de ma part, vous pourrez vous inquiéter de la non
réception du message.
Cet exercice vous permettra :
- de réfléchir à la construction d'interfaces de type web.
- d'utiliser des outils de création/retouche graphique afin de créer
les textures et éléments nécessaires à votre interface.
- de constater que l'aspect visuel d'un site peu être facilement
modifié par l'utilisation des feuilles de style.
- de repérer le découpage en blocs sémantiques d'une page et son
intérêt.
En plus des éléments graphiques déjà à votre disposition, je vous
engage à aller récupérer des ressources libres de droit sur le web
(wikipédia, creative commons seront vos alliés).
Votre travail sera noté sur le résultat graphique en rapport avec le
sujet traité, l'originalité, le soin apporté, mais aussi sur l'utilisation
poussée des feuilles de style (vous vous limiterez aux éléments pris
en charge par la norme 2.0 de CSS) et sur la compatibilité entre
navigateurs.
Merci par avance
Cordialement.