Au début de cet exercice je me suis préfigé deux buts principaux: le premier est celui de la simplicité graphique, mais qu'au même temps soit aussi agréable à voir; le deuxiè but est celui d'utiliser au maximum les cascading stylesheets. Cette deuxième priorité résulte d'une nécessité personnelle mais aussi extérieure: personnelle, car je maîtrisais déjà le html et je voulais donc approfondir mes connaissances des CSS, et extérieure car le W3 Consortium invite les webmasters à oublier tous les marqueurs (les "tag") qui empêchent la distinction entre le contenu et le code source (c'est le cas par exemple du tag "FONT").
Cette démarche s'est avérée être assez difficile du point de vue de la compatibilité du site avec les browser relativement anciens. De plus, malgré que je me suis concentré plutôt sur Netscape 4.7 et Explorer 5, j'ai dû effectuer plusieures adaptations pour qu'une visibilité propre soit possible. Malgré cela, dans Netscape 4.7 le recadrage de la fenêtre du navigateur provoque un "oubli" du stylesheet externe, ce qui implique chez cet utilisateur une nécessité à réactualiser la page.
La fonction de ma homepage est celle d'informer les visiteurs principalement sur ma personne, c'est pourquoi je me suis limité à construire seulement trois pages: la page d'entrée, mon curriculum vitae ainsi qu'une page qui indique mes sites préférés.
Malgré quelques petits problèmes de compatibilité, cette tâche m'a permis d'apprendre et d'exploiter au maximum l'usage des CSS. En effet, ils m'ont permis de ne plus utiliser des images pour définir, par exemple, les titres des pages et aussi de disposer les différentes plages à mon gré. Ce procédé m'a conduit à rendre homogènes toutes les trois pages du site. En plus du menu en haut qui permet à l'utilisateur de se déplacer d'une page à une autre, les pages du CV et des liens sont munies d'un menu qui permet d'atteindre plus facilement les différentes catégories présentes dans la page visualisée, ainsi qu'un menu en bas qui permet à l'utilisateur de se déplacer vers les deux autres pages de ma homapage.
Le site a été conçu avec le logiciel Homesite et avec le notepad de windows; en ce qui concerne les CCS je me suis référé à des tutoriels présents sur le web.
J'ai estimé plus cohérent placer le lien vers ma page travaux dans la page Liens. Ceci pour la simple raison que la page travaux ne fait pas partie de ma homepage personnelle. Pour faciliter son accès, j'ai ajouté aussi un lien dans la page principale, où j'explique le cadre dans lequel j'ai effectué cet exercice.
Tous les éléments, que j'ai défini dans mon CSS externe, sont visualisables seulement avec Explorer 5.x., même si la majorité d'entre-eux sont aussi compatibles avec le navigateur de Netscape 4.7 ou supérieur.
Afin de me familiariser avec les CSS, j'ai utilisé des tutoriels en italien que j'ai trouvé sur deux sites spécialisés à la programmation de pages web:
L'objectif principal était celui de rendre cette page réconnaissable par son style et donc la rendre semblable à ma homepage personnelle.
Malheuresement la tâche à été plus difficile de ce que je m'attendais et mon objectif n'est que partiellement atteint. Les modifications du fichier "travaux.xsl" que j'ai effectué m'ont permis de changer le style ainsi que la non visualisation du mot "Rapport" lorsqu'un rapport n'a pas été demandé par l'exercice.
Franchement j'ai plutôt tâtonné. Mais je peux citer un des sites que j'ai particulièrement apprécié:
Mon objectif était encore une fois celui de la simplicité dans la description de mon personnage ainsi que pour le développement de mon bureau. Le deuxième objectif était celui de me familiariser à cet environnement et d'apprendre les principales commandes.
Le personnage Moo reflète donc ce que je suis. Je l'ai appelé comme mon surnom "roby". Mon bureau (roby's home) n'est rien d'autre qu'une représentation de l'endroit où je travaille le plus fréquemment, ma chambre. Il faut souligner que j'ai ajouté une carte de visite pour que mes visiteurs puissent me joindre plus aisément et j'ai transformé mon bureau en Generic Classroom.
Au début cette tâche n'a pas été très facile, mais avec la complicité de Dierk nous avons pu nous débrouiller. Cette démarche m'a permis d'atteindre donc mon deuxième objectif.
TOP