Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires
 

 Guide

 d'utilisation

  www.aidenet.com

Page 29 -


Les Tableaux

 

Organisation des cellules d'un tableau

Après avoir ouvert un tableau, vous allez suivant vos besoins modifier les attributs des cellules qu'il contient et pouvoir composer différentes présentations dont le nombre ne dépend que de votre imagination et... connaissance des possibilités du logiciel.

Toujours et encore : dans le tableau ouvert sélectionner une cellule et ouvrir la présente fenêtre avec le bouton n°15 Tableau et choir l'onglet "cellules".

 

Onglet Cellules

fig.1 cellules d'un tableau

Retour "Tableaux divers" page 30 >>> cliquez ici

1- Colonne largeur : pour modifier la largeur de toutes les cellules d'une colonne, 3 options sont proposées dans le menu déroulant n°2 :

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.

2- Auto : zone où s'inscrit l'option de largeur sélectionnée. Par défaut, Auto

3- Ligne hauteur : pour modifier la hauteur de toutes les cellules d'une ligne, 3 options sont proposées dans le menu déroulant n°4 : Voir description complète en fin de page.

4- Auto : zone où s'inscrit l'option de largeur sélectionnée. Par défaut, Auto.

5- Alignement horizontal : pour modifier l'alignement horizontal des éléments à l'intérieur des cellules avec l'aide du menu déroulant n°6. Par défaut Centré

6- Centré : zone où s'inscrit l'option de l'alignement horizontal sélectionné : Gauche, Centré ou Bas.

7- Alignement vertical : pour modifier l'alignement vertical des éléments de chaque cellule sélectionnée à l'aide du bouton n°8.

8- Centré : zone où s'inscrit l'option de l'alignement horizontal sélectionné : Gauche, Centré, Bas ou Ligne de base. (nota : cette dernière option n'étant pas d'une utilité évidente, je ne l'explique pas.)

9- Couleur de la cellule : Pour modifier la couleur de fond de la cellule, en cliquant sur le petit bouton en bout de ligne 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é).

10- Couleur de la ligne : pour modifier le fond d'une ligne entière : ???

11- Paramètres HTML supplémentaires : pour ajouter des paramètres HTML à une seule cellule du tableau dans la zone de saisie n°12.

12- Zone de saisie : du bouton n°11.

13- Etendue : par défaut = 1, correspond à la Largeur de la colonne définie au n°1, pour fixer le nombre de colonnes sur lesquelles s'étend une cellule. (exemples ci-après)

14- Etendue : par défaut = 1, correspond à la Hauteur de toutes les cellules définies au n°3, pour fixer le nombre de lignes sur lesquelles s'étend une cellule. (exemples ci-après)

16- cellule de titre : pour appliquer aux cellules sélectionnées le format des titres, ce qui de plus va faire apparaître le texte en gras et dans Internet Explorer le centre automatiquement.

Image de la cellule : pour spécifier l'image d'arrière-plan de la cellule, voir page précédente fig.3, avec les boutons suivants

17- Définir : pour ouvrir la fenêtre qui permet de sélectionner l'image de votre choix.

18- Supprimer : pour effacer l'image sélectionnée et restaurer les paramètres par défaut.

19- Visuel : pour visualiser un échantillon de l'image choisie.

 

Exemples

A partir d'un tableau créé par défaut (c'est-à-dire sans avoir donné de valeurs personnelles à sa dimension totale ni à celle des cellules) voici les résultats obtenus pour 3 lignes et 6 colonnes.

1- ci-dessous vous allez apercevoir sur Netscape un vague trait , et sur Internet Explorer un tableau avec des cellules de tailles minuscules.

fig.2

 

2- le même en grandeur nature, fig.3

fig.3

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Pour y parvenir, il suffit de savoir qu'une cellule conserve les attributs qui lui sont fixés, à la seule condition de recevoir au minimum un caractère. Ici j'ai utilisé un caractère insécable qui correspond à un espacement et qui offre la particularité d'être invisible.
(il est aussi possible de placer une image invisible)

Rappel :

Sur PC :    ----- espace insécable = qui ne peut être coupé ou partagé) avec Majuscule + Barre espacement.

 Sur Mac :    ----- espace insécable = qui ne peut être coupé ou partagé) avec Option + Barre espacement.

 

3- Utilisation des boutons n°13 et 14 Etendue

fig.4

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

 Voici votre tableau de base composé de 18 cellules, numérotées pour faciliter les explications.

 

Bouton n°13 Etendue portant sur les colonnes :

Vous sélectionnez la cellule 9, vous ouvrez votre fenêtre et dans la zone de saisie du bouton n°13 vous tapez 2 par exemple et la cellule 9 va prendre la dimension de 2 cellules en supprimant pour cela la cellule 10.

Notez que l'agrandissement se fera toujours vers la droite de la cellule sélectionnée.

 

fig.5

1

2

3

4

5

6

7

8

9

11

12

13

14

15

16

17

18

 

Bouton n°14 Etendue portant sur les lignes.

Même principe que ci-dessus sauf qu'après sélection de la cellule 9, vous ouvrez votre fenêtre et dans la zone de saisie du bouton n°14 vous tapez 2 par exemple et la cellule 9 va prendre la dimension de 2 cellules en supprimant pour cela la cellule 15.

Notez que l'agrandissement se fera toujours vers le bas de la cellule sélectionnée.

 

fig.6

1

2

3

4

5

6

7

8

9

10

11

12

13

14

16

17

18

 

Ici il suffisait de sélectionner la cellule 9 pour englober les cellules 10 et 15

 

fig.7

1

2

3

4

5

6

7

8

9

11

12

13

14

17

18

 

 Pour sélectionner plusieurs cellules contiguës, maintenez la touche Maj enfoncée.

Pour sélectionner plusieurs cellules séparées, maintenez enfoncée la touche Ctrl (Windows) ou Commande (Mac).

 

Options des boutons 3 et 4 pour Cellule:

fig.8

Choisissez cette option

Pour obtenir des cellules dimensionnées comme suit :

Pixels

La largeur et la hauteur des colonnes ou des lignes 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 des colonnes ou la hauteur des lignes 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 de la cellule encadrent les éléments de façon homogène.

 

Voici comment avec l'aide des options présentées dans chacun des deux onglets de la fenêtre Editeur d'objet n°15, vous pouvez structurer la présentation générale ou une partie seulement de votre page.

Vous allez maintenant pouvoir réaliser quelques nouveaux modèles dans la page suivante.

 

 

<<< Sommaire CHP......@...... Les Tableaux (variantes) >>>

"Créer sa page perso"

http://www.aidenet.com

DERNIERS MESSAGES DU FORUM
son et musique [Divers]
Bonjour. [Présentez-vous]
peut on découvrir qui visionne vos messages et con... [Divers]
au recours [A l'aide !]
Windows Live Messenger avec Mozilla Firefox [Autre]
Aide Petit bon homme blanc [Livres / BD / Comics]
Problèmes pilotes graphiques... [Portables]
Aide Petit bon homme blanc [Divers]
Améliorer affichage Accueil site spip191, MERCI de... [HTML / CSS / Javascript]
Nouveau membre, présentation... [Présentez-vous]
un câble réseau est débranché [Réseau local]
problème [HTML / CSS / Javascript]
première visite et besoin d'aide [A l'aide !]
Ecran Bleuuuuu Aide SVP [A l'aide !]
perte de mon mot de passe windows 2000 [A l'aide !]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD