retour

LES STYLES AVEC NVU

lancer nvu
pour faire une page belle et facilement modifiable, nous allons utiliser les css

acceder aux css

pour accèder ou modifier les styles

• menu Tools | CSS Editor
  

cela ouvre la fenêtre CSS Stylesheets

créer un ensemble de styles inclu dans la page

suivre la procédure suivante dans la fenêtre CSS Stylesheets

• bouton Style Elt.
• bouton create stylesheet

création de règles qui s'appliqueront aux balises

dans la fenêtre CSS Stylesheets

• cliquer sur l'item 'internal stylesheet' (les déclarations de style sont dans le code de la page et pas dans un fichier à part)
  
• bouton 'rule'
• séléctioner le bouton radio 'style applied to all elements of type'
• saisir les noms de styles conformement à l'image suivante

remarque : les styles portant le nom de balises s'appliqueront à toutes les balises; les style contenant un point sont des styles nommés

• ensuite, pour chaque style, il faut modifier les réglages dans les différents onglets (voir les exemples)

exemple 1 : on choisi l'image de fond pour la balise 'body'

exemple 2 : on choisi la taille(16 pixels), le poids(gras), le style(italique), l'alignement (centré), la couleur pour les cellules de tableau 'td' auxquelles on appliquera le style 'titre'.

à vous !

pour chaque style, modifier les couleurs, alignements etc...
on peut modifier les styles au fur et à mesure de l'avancement des travaux pour arriver à un truc à peu près homogène.
S'aider de la documentation sur les css pour comprendre la signification de chaque style.
les onglets regroupent les styles par rubriques : text (la police, taille, couleur, graisse, style, casse, alignement), background (le fond, la couleur, l'image), borders (les bordures, épaisseur, style, couleur), box (la position des éléments, marges, espaces interieurs)

sommaire
créer une page avec nVu
le titre de la page