Notice explicative pour la création de tableaux

Outil de synthèse indispensable des Fiches MedG, les tableaux répondent à des critères esthétiques précis. Leur création se fait via l’éditeur visuel, mais leur mise en forme nécessite quelques modifications dans l’éditeur texte, en langage HTML.

Nous vous expliquons ici comme créer puis mettre en forme un tableau. Pas de panique, c’est très facile !

Nous prendrons pour exemple un tableau extrait de la fiche OD devant une méningite

  • Editeur visuel : création du tableau et première mise en forme

> Cliquez sur l’icône dédiée dans l’éditeur visuel et sélectionnez le nombre de lignes et de colonnes que vous souhaitez

> Remplissez votre tableau

> Réalisez quelques mise en forme avec les outils habituels : taille de police (en général, mettre 12pt), gras, italique, …

 A ce stade, cela donne le résultat ci-dessous :

Etiologie Clinique Paraclinique
Méningocoque
(diplocoque gram neg.) Sérogroupe B (60%) et C (30%) ++
Sujet jeune, transmission aérienne, pic hivernal
Début brutal, sd méningé franc ± herpès nasolabial, arthralgies
± Purpura fulminans
Pas de signes focaux 1b
LCS purulent ++
Examen direct LCS (Se 70%) 1b
Hémoculture 1b
± PCR LCS 1b
± biopsie cutanée 1b
Pneumocoque
(diplocoque gram pos.)
Sujet âgé, pic hivernal
Facteurs favorisants : causes d’immunodépression, brèche ostéo-méningée
± Infection ORL ou pulmonaire, Encéphalite => coma, convulsion, signe focaux sous-tentoriels 1b
LCS purulent ++
Examen direct LCS (Se 90%) 1b
Hémocultures (Se 70%) 1b
± Ag solubles LCS 1b

 

  • Editeur texte : Mise en forme avec le modèle créé pour MedG

Dans l’éditeur texte (en HTML), le code initial est le suivant  :

Code HTML du tableau avant modification

Il existe 2 étape de mise en forme

1) Choisir une couleur de tableau

Il faut simplement modifier la balise <table> (première balise), par une des balises suivantes :
<table class=« ETIO »> : tableau bleu pour les étiologies
<table class=« URG »> : tableau rouge pour les urgences / le diagnostic
<table class=« BILAN »> : tableau orange pour les examens complémentaires / les bilans
<table class=« TTT »> : tableau marron pour les traitements
<table class=« GRIS »> : tableau divers
<table class=« VERT »> : tableau divers

Le résultat avec <table class= « ETIO » > est le suivant :

Etiologie Clinique Paraclinique
Méningocoque
(diplocoque gram neg.) Sérogroupe B (60%) et C (30%) ++
Sujet jeune, transmission aérienne, pic hivernal
Début brutal, sd méningé franc ± herpès nasolabial, arthralgies
± Purpura fulminans
Pas de signes focaux 1b
LCS purulent ++
Examen direct LCS (Se 70%) 1b
Hémoculture 1b
± PCR LCS 1b
± biopsie cutanée 1b
Pneumocoque
(diplocoque gram pos.)
Sujet âgé, pic hivernal
Facteurs favorisants : causes d’immunodépression, brèche ostéo-méningée
± Infection ORL ou pulmonaire, Encéphalite => coma, convulsion, signe focaux sous-tentoriels 1b
LCS purulent ++
Examen direct LCS (Se 90%) 1b
Hémocultures (Se 70%) 1b
± Ag solubles LCS 1b

Attention : ces modifications ne sont pas visibles dans l’éditeur visuel. Vous pouvez suivre l’avancement réel en cliquant sur « Prévisualiser les modifications »

2) Désigner les cellules d’en-tête

Correspond généralement à toute la première ligne, mais on peut choisir n’importe quelle cellule.

> Remplacez pour chaque cellule les balises <td> et </td> par <th> et </th>.

Et voilà un beau tableau !

Etiologie Clinique Paraclinique
Méningocoque
(diplocoque gram neg.) Sérogroupe B (60%) et C (30%) ++
Sujet jeune, transmission aérienne, pic hivernal
Début brutal, sd méningé franc ± herpès nasolabial, arthralgies
± Purpura fulminans
Pas de signes focaux 1b
LCS purulent ++
Examen direct LCS (Se 70%) 1b
Hémoculture 1b
± PCR LCS 1b
± biopsie cutanée 1b
Pneumocoque
(diplocoque gram pos.)
Sujet âgé, pic hivernal
Facteurs favorisants : causes d’immunodépression, brèche ostéo-méningée
± Infection ORL ou pulmonaire, Encéphalite => coma, convulsion, signe focaux sous-tentoriels 1b
LCS purulent ++
Examen direct LCS (Se 90%) 1b
Hémocultures (Se 70%) 1b
± Ag solubles LCS 1b

Pour ce résultat, le code final (en HTML) est celui-ci :

Code HTML du tableau final

 

Remarques :
– Les tableaux des premières fiches ont été réalisés avec une extension et ne sont plus modifiables ! Sur l’interface visuel, ils apparaissent sous la forme : ws_table id= »xx ». Nous vous invitons à réaliser un nouveau tableau tout beau !
– Ce travail de mise en forme vous prend la tête ? Laissez le de coté, nous nous en chargerons !
– Si vous voulez aller plus loin, sachez qu’il existe d’autres possibilités de mise en forme (fusion de cellules avec rowspan et colspan, …)