Il existe plusieurs cas où la mise en page HTML est trop rigide.
Si l'on prend la gestion du positionnement des images, on voit que celles-ci ne peuvent être alignées qu'à gauche, au centre ou finalement à droite de la page. De plus, il est impossible de mettre du texte autour de l'image.
Figure 20 : Alignement du texte par rapport à une image
Impossibilité de mettre du texte sur deux colonnes.
La taille (hauteur/largeur) du tableau ou des cellules se configure en terme de % ou de pixels. Pourcentage de la page pour le tableau et % du tableau pour les cellules. Ce choix est assez judicieux car cela garantit que le tableau ne débordera pas de l'écran.
Cependant si la taille du tableau est raisonnable, les pixels garantissent que l'apparence restera probablement la même.
La couleur du fond du tableau, d'une ligne de cellules ou d'une seule cellule.
Une image en fond de cellule (fichier gif ou jpg).
L'épaisseur de la bordure (le cadre) en pixels.
L'épaisseur de l'espacement entre les cellules (les barres verticales ou horizontales) en pixels.
L'épaisseur du remplissage entre le texte et le bord de la cellule en pixels.
Modifier l'étendue permet de fusionner des cellules (en nombre de cellules).
Forcer le retour à la ligne dans le cas de texte plus long que la largeur de la cellule (par défaut actif).
L'alignement horizontal (gauche, centré, droite).
L'alignement vertical (haut, centré, bas, ligne de base [?]).
Si l'on prend Netscape (ou un logiciel semblable) et que l'on se connecte sur un serveur, on peut lire l'adresse du fichier visualisé dans la barre de location.
Chaque ressource accessible sur Internet possède une adresse unique.
Une URL peut être de plusieurs types:
http:// HyperText Transport Protocol
principe : http://nom_du_domaine_du_serveur/arborescence/du/fichier/sur/le/serveur/fichier.xxx
exemple : http://www.comete.ch/~cep/welcome.html
Texte, image, son, vidéo, …
ftp:// File Transfer Protocol
exemple : ftp://tecfa.unige.ch/pub/
Transfert de fichiers de tous types. Permet de déposer des fichiers sur un serveur ou d'en prendre à partir d'un seveur.
news:// Accès à un serveur de Newsgroup (forum de discussions)
file:/// accès à un fichier qui se trouve sur un disque dur d'une machine locale
exemple : file:///I:/pc/cao.gif
Même si dans la barre de location, l'URL figure toujours en entier, il existe en réalité deux types d'adresse URL
URL absolue
URL indiquant la position exacte d'un fichier avec la totalité de son adresse.
exemple : http://tecfa.unige.ch/staf/staf9597/strasser/images/DidKid.gif
URL relative
URL indiquant la position relative d'un fichier par rapport au fichier qui l'appelle. Ne peut être utiliser que pour des fichiers qui se situent sur le même serveur.
exemple : /staf/staf9597/strasser/images/DidKid.gif
En règle générale, on emploie
des adresses absolues pour les pages se trouvant sur un autre serveur
des adresses relatives pour les fichiers se situant sur le même serveur ou susceptibles de faire l'objet d'un déplacement dans l'arborescence.
En quoi ces considérations sont importantes lorsque l'on utilise Claris Home Page?
Comme tout logiciel de création de pages Web WYSIWYG (What you see is what you get), Claris Home Page gère les liens et les adresses URL pour vous. Pour cela, il doit savoir quels types d'URL vous souhaitez utiliser par défaut.
Par défaut, justement, les URL sont traités comme relatifs s'ils ne renvoient pas à l'extérieur de votre site. Mais comme il se peut qu'un drôle vienne modifier vos paramètres, il vaut mieux savoir comment réparer la faute. Dans Claris Home Page, cela se trouve dans le Préférences qui se situent dans le Menu Outils :
Figure 23 : Préférences de Claris Home Page
Il est important de laisser l'option "Utiliser les chemins d'accès absolus" vide!
La logique pour construire un lien interne (URL relative) à mon site est la suivante:
Je crée le fichier cible;
J'écris un mot, une phrase, ou j'insère une image, qui servira de lien;
Je crée mon lien en indiquant au programme où se trouve le fichier ciblé.
La logique pour construire un lien externe (URL absolue) à mon site est la suivante:
Je copie l'adresse du site/de la page que j'ai repéré/e sur Internet (Ctrl - C);
J'écris un mot, une phrase, ou j'insère une image, qui servira de lien et qui est suffisamment signifiant pour indiquer à quoi correspond le site ciblé;
Je crée mon lien en écrivant/collant l'URL absolue de la page ou du site.
Il est possible de définir des ancres à différents points d'un texte. Ce sont des éléments organisationnels invisibles qui se définissent pas un nom et qui sont employés pour atteindre un point précis d'un texte.
La création d'un lien sur une ancre externe au fichier "émetteur" est assez simple puisqu'il suffit de noter l'adresse et d'y coller le nom de l'ancre précédé d'un #.
Exemple : pour atteindre directement la partie "Sans oublier Francis…" de ma page de liens, je peux utiliser l'ancre nommée "francis". Je le fais en indiquant l'URL suivant :
http://www.comete.ch/~cep/did/liens.html#francis
La création d'un lien sur une ancre interne au fichier "émetteur" est encore plus simple puisqu'il suffit de le nom de l'ancre précédé d'un #.
Exemple : Je me trouve sur la page liens.html et veux faire un lien sur la partie "Sans oublier Francis…". Je le fais en indiquant l'URL suivant :
