Mettre en Place le code CSS dans un code Html !

    Publicités

Users Who Are Viewing This Thread (Total: 0, Members: 0, Guests: 0)

MATTATOR

Nerver dies
V
Jan 10, 2010
1,362
1
944
Place Vendôme
Salutations,

Je vais vous présentez la manière de modifier les valeurs du texte dans une page Xhtml pour les jeunes WebMaster!

Tous bon code Xhtml commence par un hearder de ce style ( entre les balises <head>)
Code:
[COLOR="Red"]< head >[/COLOR]
       < title>Exemple d'utilisation de CSS externe< /title>
       < meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
   [COLOR="Red"]< /head >[/COLOR]

Mais bon il manque donc une chose pour modifier les images et autre qui sont sur votre site !

Du CSS ! (je vous éxpliquerais dan sun prochain tuto comment le former)
Il faut y ajouter une ligne entre les balises <head> </head> qui va permettre de "dire" au fichier XHTML quel fichier CSS il doit charger :

Code:
[COLOR="Red"]< head >[/COLOR]
       < title>Exemple d'utilisation de CSS externe< /title>
       < meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >
       [COLOR="Blue"]<  link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" / > [/COLOR]
[COLOR="Red"]   < /head>
[/COLOR]

Dans la ligne en bleu on peut voir
design.css
ceci est le nom de votre fichier CSS que vous placerez dans le même document que votre fichier Html !

La balise <link /> comporte plusieurs attributs. Vous pouvez en modifier deux d'entre eux pour le moment :

* title : c'est le nom que vous donnez à votre feuille de style (mettez ce que vous voulez)

* href : c'est l'emplacement où se trouve votre feuille de style sous forme de lien relatif. Dans cet exemple le CSS se trouve dans le même dossier.

Il existe aussi une autre alternative !

Il est aussi possible de taper du CSS directement à l'intérieur même du fichier XHTML, entre les balises <head> </head>. Vous devrez y mettre une balise <style> </style> à l'intérieur, comme ceci :

Code:
[COLOR="Red"] < head>[/COLOR]
       < title>Exemple de CSS dans le header</title>
       < meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       [COLOR="Blue"]< style type="text/css">
           /* Vous taperez votre code CSS ici */
       < /style>[/COLOR]
[COLOR="Red"]   < /head>[/COLOR]

Cette seconde méthode ressemble beaucoup à la première. Cependant, la première solution (utiliser un .css externe) est quand même bien plus pratique, car elle vous permettra de faire changer le design du site en un clin d'oeil. De plus, le fichier ne sera téléchargé qu'une seule fois pour toutes les pages de votre site, ce qui allègera la taille des fichiers .html et rendra donc votre site plus rapide !

Voila vous savez comment mettre en place du CSS dans un code Html !

PS: les codes on été munie d'un espace dans les balise pour en rendre la lecture facile, ils sont donc à modifier l'hors d'un C/C ou a ne pas copié !

Merci,
Enjoy (si vous avez besoin d'aide Mp moi )