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 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 pour ouvrir un tableau

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

palette couleur pour tableau

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

DERNIERS MESSAGES DU FORUM
Internet explorer ne peut pas afficher page web [A l'aide !]
Materiel [Neuf]
Choix de l'objectif sur boitier reflex numerique [Appareils photos numériques]
Je ne parviens pas à afficher les sites nécessitan... [A l'aide !]
virus de windows security center et chin09.... com... [A l'aide !]
Problèmes avec Word: fichiers illisibles [Mac]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Probleme Presario S3190fr [PC bureau]
Présentation de Pier [Présentez-vous]
Forum dédié à la téléphonie mobile [Autre]
Création d'un logo [Présentez-vous]
besoin d'aide sur une page de code merci [HTML / CSS / Javascript]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Aide Implémentation CSS - recherche partenaire [HTML / CSS / Javascript]
les liens de la page ne fonctionnent pas [Internet]
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 Test QI - Test QI gratuit
Tous droits réservés © 1997-2008. www.aidenet.com