Exercice "Tableaux"

jeudi 20 septembre 2007
par Jean-Michel FREDERIC
popularité : 1%

 Avant de commencer

  • Préparez le dossier "exercices" qui recevra le tableau.

 Insérer un tableau de 3 lignes et 3 colonnes

  • Validez 3 fois pour pouvoir plus tard insérer des lignes au dessus du tableau
    • Sinon, il faudra aller dans le code html
  • Soit par l’outil "Tableau"
  • Soit par le menu : Tableau / Insérer / Tableau / Précisément
Menus Titres Texe
     
 

 

 

 propriétés d’un tableau

Modifier les propriétés du tableau

Tableau / Propriétés / Tableau

  • Définir la largeur du tableau
    • Fixe : en pixels
    • Variable : en pourcentages (sera variable suivant la définition d’écran du visiteur de votre site)
    • Travailler de préférence en largeur variable (ex : 100 %)
    • La largeur des colonnes sera gérée dans l’onglet cellules (et appliquée à "Cellule"
  • Définir l’épaisseur des bordures
    • Bordure à 0 pixels = bordure non visible
  • Concernant les bordures, les paramètres suivant seront définis plus tard dans une feuille de style
    • Marges, Espacements, style de trait et couleur des bordures
  • Modifier la couleur de fond du tableau
    • Soit en cochant la case transparent (par défaut)
    • Soit en choisissant une couleur de fond (prenez l’habitude de noter (sur une feuille de papier) en hexadécimal les couleurs que vous utilisez)
Menus Titres Texe
appliquer à cellule 15 % 20 % 65 %
     

 Manipulations de base

Manipuler tableau, lignes, colonnes, cellules : Ajouter, supprimer...

  • Par le menu
    • Tableau / Insérer / ...
      • Pour ajouter une ligne, appuyez sur la touche tabulation lorsque vous êtes en fin de tableau
    • Tableau / Sélectionner / ...
      • Il est toujours plus précis de sélectionner un élément du tableau en passant par le menu qu’en le sélectionnant à la souris !
    • Tableau / Supprimer
  • Observer
    • Observez dans la barre d’état (tout en bas de NVU) les balises à partir de la balise <table>
Menus Titres Texe
    Ligne insérée
appliquer à cellule 15 % 20 % 65 %
    Cette ligne est construite à partir d’une tabulation, la ligne précédente fut supprimée

Fusionner ou scinder des cellules

  • Par le menu
    • Tableau / Fusionner
    • Tableau / Scinder
Menus Titres Texe
Cellules fusionnées   Ligne insérée
20 % 65 %
  Cette ligne est construite à partir d’une tabulation, la ligne précédente fut supprimée
Ligne insérée puis fusionnée

 Insérer un tableau dans un tableau

  • Vocabulaire : tableaux imbriqués
  • Tableau / Insérer / Tableau
    • Dans le tableau ci dessous, le tableau inséré en colone menu fà une largeur de 100%
Menus Titres Texe
Rubrique 1
Rubrique 2
Rubrique 3
Rubrique 4
  Ligne insérée
20 % 65 %
Que se passe t’il si tabulation dans rubrique Tab ? Cette ligne est construite à partir d’une tabulation, la ligne précédente fut supprimée
Ligne insérée puis fusionnée