Formation webmaster Nord
Formation Dreamweaver Nord
Formation flash Nord
Formateur Dreamweaver Nord
Formateur WebmasterFormation Webmaster - Accueil
 
Trucs et astuces Dreamweaver
Conseil Dreamweaver CONSEIL DREAMWEAVER - TRUCS & ASTUCES

Tips 3 : Mise en forme à l'aide de tableaux

Vous pouvez utiliser les calques, la balise "div" ou les tableaux, la balise "table". Sachant qu'il est préférable d'utiliser des tableaux, les balises de calques risquent de ne pas être nterprétés de la même façon dans tous les navigateurs
En bref, pour mettre en forme un site, il est impératif d'utiliser les tableaux : la balise TABLE.
Les sites web sont constitués de tableaux imbriqués les uns dans les autres pour avoir une mise en forme propre, après il ne vous reste plus qu'à être créatif lol

Ex : Dans cette exemple j'ai mis une valeur ="1" pour l'attribut border su tableau (Ce qui nous donne un bordure, visible)

ICI PAR EX MA BANNIERE SOUS FORME D'IMAGE
Des liens | d'autres | encore des liens
Formateur Adobe Dreamweaver CS3
Maîtrisez ce puissant logiciel de Macromedia qui vous permet de générer du code HTML en faisant trés simplement des clics sur les outils. Vous n'avez plus besoin d'avoir des connaissances en HTML
Bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla, blabla, bla bla,
Créateur du site

Faites mieux, que l'exemple ci dessus

Insérer un tableau :
Dans l'onglet Commun, cliquez sur l'icône tableau (4éme en partant de la gauche)
La boîte de dialogue ci dessous apparaît

Insérer une tableau

Indiquez le nombre de lignes et de colonnes
La largeur du tableau soit en Pixel soit en Pourcentage
La largeur de la bordure (Mettez la valeur 0 pour ne pas avoir une bordure visible
Vous pouvez mettre des valeurs pour la marge intérieur des cellules et pour l'espacement entre les cellules
Vous pouvez y insérer un en tête, légende et résumé (Pas indispensable)
Cliquez sur Ok

Ex :
       
<table width="95%" border="1" cellspacing="1" cellpadding="1" summary="Résumé">
<caption align="center">Légende</caption>
<tr>
<th scope="row">&nbsp;</th>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Conseils Pour ne pas avoir les bordures visibles, vous mettez la valeur 0 à l'attribut border dans la balise TABLE
Maîtrisez ce puissant logiciel Adobe qui vous permet de générer du code HTML CSS PHP en faisant simplement des clics sur sa puissance interface graphique

Valid XHTML 1.0 Transitional  CSS Valide !

LC Formateur - Copyright 2008