Les feuilles de style avec KompoZer

Un nouvel exercice "clef sur porte"

Afin de progresser dans notre étude de l'utilisation des styles, nous allons mettre en place un nouveau site web.

Pour gagner du temps, nous allons travailler sur des pages dont le texte est déjà écrit; le but de l'exercice étant bien d'apprendre à appliquer les styles.

A l'adresse http://info.sio2.be/kpz/2/archimede/, tu trouveras quelques pages dédiées à un scientifique célèbre: Archimède. L'ensemble du texte provient de l'encyclopédie Wikipédia: http://fr.wikipedia.org/wiki/Archim%C3%A8de

  • > Fichier > Enregistrer sous...Crée un répertoire nommé Archimede dans ton espace personnel.
  • Enregistre chacune des cinq pages dédiées à Archimède dans le répertoire que tu viens de créer.

Les caractères accentués et le web ne font pas toujours bon ménage.
Effectivement, il est difficile de tenir compte de tous les accents dans toutes les langues qui les utilisent.
Pour cette raison, il vaut mieux ne pas utiliser de caractères accentués dans les noms des fichiers et des répertoires destinés au web.

Ici, on évitera l'accent grave sur "Archimede" dans le nom du répertoire.

Bof, l'informatique. Voilà qu'on veut nous imposer d'écrire en français sans accents, juste pour satisfaire la technique. Le nivellement par le bas, quoi...

Attention, cette "exigence" ne doit être suivie que pour les noms de fichiers et de répertoires. Dans tous les documents, on utilisera tous les accents nécessaires.

Solution alternative plus élégante: tu peux télécharger ici un fichier zippé contenant l'ensemble des pages et des images. Il te restera alors à dézipper le fichier dans ton répertoire personnel.

Plus d'information sur les fichiers zippés dans une autre leçon.

Mais vous vous moquez de moi? Ces pages sont vraiment très laides. Les pages d'origine dans Wikipédia sont nettement mieux présentées.

Laides? Oui, peut-être. Mais elles n'attendent que vous pour une séance de remise en forme.

A la fin du processus détaillé ci-dessus, tu devrais disposer de:

  • 5 fichiers HTML dans le répertoire Archimede
  • 3 sous répertoires nommés xxxxxx_fichiers contenant les images du site web (sauf si tu as opté pour le téléchargement des fichiers "zippés").

Idéalement, ce serait mieux de réorganiser les images et les placer toutes dans le même sous-répertoire images du répertoire Archimede.
Ce n'est toutefois pas fondamental dans le cadre de cet exercice.

Quand tu disposes des 5 pages HTML et des images correspondantes, passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 01/09/2016 Test dans /info ...