Feuille de style et en-tête


Dernière intervention le 25/11/2003

Les fichiers annexes permettant une présentation soignée

14. La feuille de style jointe


Elle est contenue dans le fichier stylescript.css dont voici le listage :

/* styles pour le scripting avec Forth */

h1{
top: 1em;
margin-left : 50px;
margin-right : 50px;
margin-bottom : 2em;
padding-top : 4px;
text-align: center;
position: relative;
color: #160870;
background-color: #ffff00;
font-family: arial, helvetica, sans-serif;
font-size : 170%;
font-weight : bold;
border : 3px solid #a0a0a0;
}
h2 {
top: 1em;
margin-left : 20px;
margin-bottom : 1em;
padding-left : 20px;
padding-top : 5px;
position: relative;
color: #F81B2D;
background-color: #fffaff;
font-family: arial, helvetica, sans-serif;
font-size : 135%;
font-weight : normal;
border : 2px solid #a0a0a0;
}
h3 {
color: #0f0000;
/* background-color: #ffffca;*/
font-family: serif, times;
font-size : 100%;
text-align: left;
margin-left : 4%;
margin-right : 5%;
border-color : yellow;
border-left-style : ridge;
margin-bottom : 1em;
padding-left : 1em;
}

code {
color: #0000ff;
/* background-color: #ffffca;*/
font-family: arial, helvetica, sans-serif;
font-size : 100%;
text-align: left;
margin-left : 2%;

}
p {
color: #00000ff;
font-family: arial, helvetica, sans-serif;
font-size : 105%;
/* margin-bottom : 1em; */
font-size : 105%;
padding-top : 1em;
}
Le gros avantage d'utiliser les styles est que la modification d'un seul paramètre (par exemple la taille de la police de H1) va se répercuter sur toutes les pages qui sont associées à la feuille de style.

15. L'en-tête commun à toutes les pages


Il est contenu dans le fichier entete.txt dont le listage est :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<link href="stylescript.css" rel="stylesheet" type="text/css" />
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
<meta name="keywords" CONTENT="forth, scripting, gforth, alain leraut, programmation">
<title>Scripting Forth avec Gforth</title>
</head>
<body>
<a name="haut">
<p>
On remarquera la ligne :

<link href="stylescript.css" rel="stylesheet" type="text/css" />
... où se fait l'a relation avec le style stylescript.css


Haut de page