Les feuilles de styles (CSS) sont une méthode simple de faire des graphismes de page web évolués et surtout de garder une ligne graphique suivant les pages facilement.
On définit le graphisme dans une feuille de style et on lie toutes les pages du site avec cette feuille de styles.
On peut noter que dreamweaver permet de créer des feuilles CSS grace a un outil intégré :
/*Définition du style des balises p, td, tr, th*/
p, td, tr, th {
font-family: Verdana, Arial, Helvetica, sans-serif; /*Police*/
font-size: 12px;/*Taille du texte*/
color: #000000; /*Code RVB de la couleur (noir */
}
Il faut ajouter la ligne suivante dans l'entête HTML de la dite page.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titre de la page </title>
<link href="../feuille_de_style.css" rel="stylesheet" type="text/css" />
</head>
<p>Ici un texte formatté automatiquement</p>
</html>
Pour créer un tableau HTML, tout se fait entre les balise <table></table>
On insère ensuite entre ces balises des balises <tr></tr> (pour insérer des lignes) dans lesquelles on ajoute des balises <td></td> (pour créer des colonnes).
Pour fusionner deux cellules, il faut utiliser la propriété colspan="le nombre à fusionner"
Exemple d'un tableau (résultat) :
<body>
<table>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td colspan="2">C</td>
</tr>
</table>
Les frames sont des divisions d'un affichage web (ce que l'on voit dans la fenêtre firefox par exemple) en plusieurs pages.
Ceci permet, par exemple, de laisser un menu affiché sur l'écran alors que l'on navigue dans le site (comme sur www.annecykendo.com).
Avec dremweaver, on peut créer des frames simplement depuis le menu fichier > nouveau.
Dans le code, une page html maitresse contient le schéma du frameset (la position et le lien vers les pages des frames).