II/ LA MISE EN PAGE AVEC DREAMWEAVER

Pour que l'affichage soit compatible avec les 2 principaux navigateurs, un seul moyen : les tables. Il est vrai que Dreamweaver gère les calques admirablement mais l'affichage sous Netscape peut s'avérer extrêmement capricieux. Je ne vous le conseille donc pas.

Comment faire votre première table ? Créez un nouveau document (Control - N ou menu Fichier >> Nouveau fichier).
Menu : Insertion Tableau (touche de raccourci : Control - ALT - T) Vous arrivez sur cette fenêtre :

Vous allez définir les grandes lignes de votre table avec cette boîte de dialogue. Inscrivez simplement le nombre de lignes et de colonnes. L'aspect de la table est modifiable après via les propriétés de la table.

Les propriétés de la table
Exemple de table en mode rédaction au sein de DW :

Sélectionnez la table en cliquant sur une des lignes de la table (sauf celles à gauche et en haut). Si la palette propriétés n'est pas affichée, allez dans le menu Modifier - Propriétés de la sélection (la touche de raccourci est Control - F3)

La palette propriétés (1) :

Espace V : voir schéma (bas de page)

Espace H : inutile

Nombre de lignes/colonnes : si vous voulez ajouter des lignes ou des colonnes mieux vaut passer par le menu contextuel (bouton droit) pour ajouter/supprimer lignes/colonnes.

Largeur/Hauteur : 2 possibilités : pixels ou pourcentage (voir note ci-dessous)

Bordure claire/Sombre : vous permet d'attribuer une couleur à vos bordures. Dans ce cas là il faut que la largeur de bordure soit minimum à 1 (voir plus bas) :

Remarque :
Vous pouvez attribuer un pourcentage (80 % de largeur par exemple). Sachez simplement que votre page n'aura pas le même aspect sur un écran configuré en 800x600 ou en 1024x768. Plus la résolution sera grande plus votre table sera grande. Si vous décidez d'opter pour une largeur fixe (400 pixels par exemple), n'oubliez pas - si vous êtes en 1024x768 - que beaucoup de monde se trouve en 800x600. Si vous mettez une largeur de table de 900 pixels, les postes en 800 x 600 seront obligés de faire défiler horizontalement votre page (pas très pratique).

La palette propriétés (2) :

Remplissage : voir schéma (bas de page)

Espacement de cellule : voir schéma (bas de page)

Aligner : Pour aligner à gauche, droit ou au centre une table, vous devrez passer par ce menu.

Bordure (1) : largeur de la bordure.

Arrière-plan (1) : mettre une image en arrière plan de la table. Si oui cliquez sur le dossier jaune et naviguez jusqu'au fichier image.

Arrière-plan (2) : pour appliquer une couleur de fond à votre table.

Bordure (2) : si vous désirez que votre bordure soit colorée.

Voici un schéma qui explique les différentes possibilités de mise en page d'une table :

Page suivante : les commandes disponibles
Retour au sommaire Dreamweaver