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.