jeudi 15 août 2013

Tableizer! ou transformer 1 tableau en code html

Tableizer! est un petit outil en ligne bien pratique pour ceux qui ont besoin de créer un tableau en code html, et qui comme moi confondent toujours les balises tr, th et td, ou pour ceux qui n'ont pas envie du tout de se prendre la tête.

Commencez par faire votre tableau dans une feuille de calcul, de type OpenOfficeCalc, Excel,...
Vous sélectionnez vos cellules et les copiez.
Vous allez sur Tableizer!


Vous collez votre sélection dans le rectangle. La mise en forme peut paraître bizarre, mais pas d'inquiétude, c'est normal.
Les options qui vous sont ensuite proposées sont de choisir la taille du texte, la couleur d'arrière-plan du titre (la 1ère ligne du tableau est considérée automatiquement comme le titre), et la police de caractère. Si vous ne voulez aucune de ces options de mise en forme, cochez la dernière option : "No CSS styles".
Validez en cliquant sur "Tableiz it !"


Sur la nouvelle fenêtre qui s'ouvre, vous avez le code html généré, que vous n'aurez plus qu'à coller sur votre site, blog,... (dans le code source évidemment, pas dans le mode édition standard).
Sous le code à copier (on n'a pas vu la pub), apparaît un aperçu du résultat, pratique pour être sûr.

Bref, ça fait le minimum, et ça le fait bien. Donc merci à Danny Sanchez qui a conçu l'outil Tableizer!, même si l'ajout de bordure et la prise en compte de la fusion de cellules auraient été sympa ! ;-)

Aucun commentaire:

Enregistrer un commentaire

Related Posts Plugin for WordPress, Blogger...