Le blog WAIBE.FR, des astuces pour faire votre site Internet...



Comment bien gérer les tableaux quand on crée un site Internet ?

02 février 2015



Les tableaux, c'était l'un des premiers éléments utilisés pour faire la mise en page des sites Internet au début du web, et cela reste un outil simple d'emploi quand on n'y connaît pas grand chose en informatique et en programmation web. On crée des cases, et dans chaque case on met des éléments. Mais saviez-vous que vous pouviez paramétrer finement l'affichage des cases du tableau ?

Les principales astuces

Utiliser les tableaux n'est pas compliqué, il suffit de savoir s'en servir. Je ne vais pas tout vous détailler dans cet article, mais juste les fonctions principales dont je me sers le plus souvent. Une fois que vous aurez compris cela, vous pourrez expérimenter par vous-même les autres possibilités pour voir les effets produits.

La première étape est la création du tableau, qui se fait de manière très simple avec l'éditeur de texte en cliquant sur le bouton cerclé de rouge sur l'image ci-dessous : 

creer tableaux

Une boite de dialogue s'ouvre alors, voici les principales informations que vous devrez renseigner : Ce qui est important, c'est le 100% en largeur pour occuper tout l'espace, et le 0 en bordure si vous ne voulez pas qu'on voir les lignes de bord du tableau. 

 

proprietes tableaux

Dans l'exemple ci-dessous, je créé un tableau de 6 cases, 3 lignes et 2 colonnes, et de l'argeur 500 pixels, avec une bordure de 1 pixels (donc les bords sont visibles - pour ne pas les voir écrivez 0 pour la bordure). Voici ce que ça donne : 

  
  
  

 

Une fois votre tableau créé, vous pouvez ensuite écrire dans chacune des cases. Mais vous pouvez également modifier le tableau que vous avez créé. Pour cela, cliquez avec le bouton droit de la souris dans le tableau et choisissez "Propriétés du tableau". Cela ré-ouvre la boite de dialogue précédente.

proprietes tableaux 2 

Vous pouvez ensuite paramétrer plus finement le contenu de chaque cellule : cliquez avec le bouton droit de la souris dans la case du tableau de votre choix. Un nouveau menu apparaît : en cliquant sur "Cellule", et "Propriétés de la Cellule", vous accédez aux réglages d'une case du tableau

proprietes cellule 

Une nouvelle boite s'ouvre. Voici les éléments dont je me sers le plus souvent, les autres ne sont quasiment jamais utilisés : 

proprietes cellule2 

 

Cela peut sembler fastidieux de régler toutes les cellules une par une : sachez que vous pouvez en régler plusieurs d'un coup, ce qui permet de gagner beaucoup de temps. Pour cela, sélectionnez toutes les cellules, en cliquant dans la première (en haut à gauche), en gardant le bouton gauche enfoncé et en descendant jusqu'en bas (dernière cellule). Les cellules sont en surbrillance bleue, vous pouvez ensuite faire un clic droit, puis "propriétés" de cellule : toutes les modifications seront appliquées aux cellules sélectionnées.

Ecrire un commentaire

(Tous les commentaires seront validés par le webmaster avant d'etre publiés)

Votre nom


Votre texte


Tapez le code à gauche*

facebook partager

rejoignez notre réseau sur twitter rejoignez notre réseau sur facebook rejoignez notre réseau sur facebook

www.waibe.fr - Comment créer un site Internet pas cher, le modifier à volonté, et sans aucune connaissance informatique
Création de site Internet à petit prix pour PME, PMI, association, indépendant, profession touristique, photographe, modèle...
Société AD-WAIBE - Bordeaux - Pessac - SIREN : 517839932 - APE : 722C - Téléphone : 06.10.09.66.14
Création du site Internet à Bordeaux par AD WAIBE
AD-WAIBE : SARL au capital de 16500 €

 

Comment créer un site photo pas cher. Création site web pas cher. Liens vers des sites photo - Comment créer un site Internet pour autoentrepreneur ? - Creation de sites Internet Bassin d'Arcachon