REALISATION DES REALISATION DES
SITES WEB STATIQUESSITES WEB STATIQUES
SITES WEB STATIQUESSITES WEB STATIQUES
Pr KHAMLICHI
TDM 1 A/B/C 2011/2012
Les feuilles de stylesLes feuilles de styles
((CascadingCascading Style Style SheetsSheets,,
abrégé CSS) abrégé CSS)
Les feuilles de styles sont un langage qui permet de gérer la
présentation d'une page Web.
Les styles permettent de définir des règles appliquées à un ou
2Site web statique
Les styles permettent de définir des règles appliquées à un ou
plusieurs documents HTML. Ces règles portent sur le
positionnement des éléments, l'alignement, les polices de
caractères, les couleurs, les marges et espacements, les
bordures, les images de fond, etc.
Le but de CSS est séparé la structure d'un document HTML et sa
présentation.
Avantage:
Rend la mise à jours des sites Web facile.
1- insertion directement dans le code HTML:
<head>
<style type="
text
/
css
">
Site web statique 3
<style type="
text
/
css
">
body
{
background-image: url("images/back40.gif")
}
</style>
</head>
2- insertion dans un fichier .css et faire un lien vers ce
fichier:
idéal lorsque le style est applicable à plusieurs pages.
<head>
<link rel="stylesheet" type="text/css“ href="monstyle.css" />
</head>
Site web statique 4
La balise <LINK> avertit le navigateur qu'il doit chercher un
document situé à l'extérieur de la page HTML.
L'attribut rel="stylesheet" précise que le document en question
est une feuille de style externe.
L'attribut type="text/css" précise le type de feuille de style.
L'attribut href=" URL " donne l'URL de la feuille de style, c'est-
à-dire son emplacement sur Internet.
<link rel="stylesheet" type="text/css“ href="monstyle.css" />
Le fichier monstyle.css contient les informations de votre
feuille de style:
body
Site web statique 5
body
{
background-image: url("images/back40.gif")
}
1 / 18 100%
La catégorie de ce document est-elle correcte?
Merci pour votre participation!

Faire une suggestion

Avez-vous trouvé des erreurs dans linterface ou les textes ? Ou savez-vous comment améliorer linterface utilisateur de StudyLib ? Nhésitez pas à envoyer vos suggestions. Cest très important pour nous !