Guide
d'utilisation
www.aidenet.com
|
Page 28 -
|
|
Les Tableaux
Ouverture d'un
tableau
Les tableaux permettent d'organiser et
d'afficher des informations ou des images dans votre page Web, et
sont constitués d'un certain nombre de colonnes et de lignes
que vous avez le choix de définir.
Le tableau essaie de compenser le manque de souplesse qu'offre le
code HTML pour configurer une page dans le style PAO (Programmation
Assistée par Ordinateur), et rend d'inombrables services.
Toutefois il demande une certaine rigueur de conception et ne doit
pas être utilisé abusivement car il ajoute un petit
délai de temps supplémentaire pour son
affichage.
Seule la version Claris Home Page version 3
autorise la mise en couleurs des cellules.
Après avoir comme de coutume placé le point
d'insertion à l'endroit choisi, vous cliquez le Bouton
n°15 "Tableau" qui aussitôt ouvre ce tableau de base:
(normalement sans couleur mais ici en jaune paille pour une meilleure
visualisation sur fond blanc)
fig.1
Vous avez la cellule "b" qui est
sélectionnée ce qui vous allez le découvrir plus
loin autorise des modifications individuelles sur chaque cellule et,
le point d'insertion "a" qui clignote.
Simultanément, vous avez la
fenêtre suivante qui s'ouvre :
Onglet Tableau
fig.2 
Retour "Tableaux divers" page 30
>>> cliquez ici
Commençons par décoder :
1- Lignes : indique le nombre
de lignes que vous souhaitez (maxi = 100) . Ici par défaut la
zone de saisie en marque 2.
2- Colonnes : spécifie
le nombre de colonnes que vous souhaitez (maxi = 25). Ici par
défaut la zone de saisie en marque 2.
3- Largeur : pour la largeur
du tableau 3 options qui sont proposées dans le menu
déroulant n°14 : Voir
description complète en fin de page.
Pourcentage = par rapport
à la largeur de la fenêtre du navigateur.
Pixels = reste fixe
indépendamment de la largeur de la fenêtre du
navigateur.
Auto = à choisir pour que
la largeur s'adapte de façon homogène aux
éléments du tableau.
4- Hauteur : pour la hauteur
du tableau vous retrouvez les mêmes 3 options que pour la
Largeur mais choisies dans le menu déroulant
n°15.
5- Bordure
: pour modifier l'épaisseur des bordures du
tableau, ce qui autorise un aspect visule de " biseau ou de 3D " .
Ici par défaut cette valeur est fixée à 1.
La valeur 0 (zéro) produit une
bordure invisible.
6- Couleur de tableau : Pour
modifier la couleur de fond du tableau, en cliquant sur le
bouton n°7 qui ouvre la
palette des couleurs. Le plus grand assortiment est celui de la
"Palette Web-216 couleurs" dans l'Onglet "Général" des
Préférences. Pour voir cliquez >>> ici
(retour assuré).
8- Paramètres HTML
supplémentaires :
9- zone de saisie du n° 8.
10- ajouter ligne : à
la suite du tableau ou de la cellule sélectionnée.
11- Supprimer ligne : la ligne
sélectionnée ou la ligne du bas du tableau
sélectionné, avec son contenu.
12- Ajouter colonne : à
la droite de la cellule ou du tableau sélectionné.
13- Supprimer colonne : la
colonne sélectionnée ou la colonne de droite du tableau
sélectionné, avec son contenu.
14- Auto : voir
n°3.
15- Auto : voir
n°4.
16- Espacement : pour modifier
l'espacement entre les bordures, y compris la bordure du tableau. Ici
par défaut la zone de saisie marque 2.
17- Remplissage : pour
modifier l'espace autour des données dans les cellules.
(devant, en fin, dessus et dessous la donnée.) Ici par
défaut la zone de saisie marque 1.
Image du tableau :
pour spécifier l'image d'arrière-plan du tableau.
18- Définir : Pour
ouvrir la fenêtre qui permet de sélectionner l'image de
votre choix.
19- Supprimer : pour effacer
l'image sélectionnée et restaurer les paramètres
par défaut.
20- Visuel : pour visualiser
un échantillon de l'image choisie.
fig.3
|
Tableau avec "Remplissage" = 10
|
|
|
et "Espacement" = 12
(couleur verte)
|
Nouvel exemple :
|
Voici les éléments de base pour
créer un tableau. Dans la page suivante vont
être définis les réglages permettant de
moduler les cellules qu'il renferme.
|
Exemple d'utilisation d'un tableau
avec le bouton n°5 "Bordure" sur 0 (zéro), ce
qui rend les bordures invisibles.
|
Options des boutons 3 et 4 pour Tableau
:
fig.4
|
Choisissez cette option
|
Pour obtenir un tableau dimensionné comme suit
:
|
|
Pixels
|
La largeur et la hauteur du tableau sont constantes et
conformes à la valeur définie en pixels,
indépendamment de la taille de la fenêtre du
navigateur. Remarque
Certains navigateurs qui acceptent les
tableaux ne supportent pas, néanmoins, les
indications de largeur en pixels.
|
|
Pourcentage
|
La largeur et la hauteur du tableau sont fonction du
pourcentage défini par rapport à la largeur et
la hauteur de la fenêtre du navigateur.
|
|
Auto
|
La largeur et la hauteur du tableau encadrent les
éléments de façon homogène.
|

<<< Sommaire CHP
......@...... Organisation des
Cellules >>>
"Créer sa page
perso"
http://www.aidenet.com
|