Logo


Xanetiz > Programmation > Les designs en CSS

Top

Les designs en CSS

Les designs en CSS


3 587 vues

Partager

Présentation du CSS

En XHTML, le contenu est séparé du design qui est géré par les feuilles de styles CSS. Cela divise la conception d'un site en deux parties : la structure et le contenu d'une part et l'esthétique d'une autre part.

Grâce aux styles, vos fichiers XHTML sont ainsi allégés car au lieu d'avoir à spécifier les propriétés graphiques sur chaque page, vous n'avez besoin de le faire que dans un fichier .css et de l'inclure. Vous pourrez aussi optimiser votre référencement car le site sera plus apprécié par les robots qui indexent les pages sur le Web.

Plusieurs designs sur un même site

Vous pouvez retrouver de nombreux tutoriels sur l'utilisation des feuilles de styles sur Internet. Mais il existe également des sites comme CSS Zen Garden qui vous montre la puissance du CSS. Avec un contenu unique, vous pouvez avoir plusieurs présentations différentes. Il vous suffit de vous rendre ici. Vous pourrez ensuite parcourir les différentes feuilles en sélectionnant les liens sur la droite.

Les designs en CSS

L'avantage du CSS est donc de pouvoir avoir plusieurs designs sur un même site. Cela permet de modifier toute l'apparence à partir d'un seul fichier.

Voici un même site avec trois designs totalement différents :

Les designs en CSS

Les designs en CSS

Les designs en CSS

Les propriétés non-standards

Tous les navigateurs ne gèrent pas les propriétés CSS de la même manière. Cela peut être embêtant pour les designers. Certains même proposent des propriétés non-standards propres aux navigateurs comme Firefox ou Internet Explorer qui par exemple permet de changer la couleur de la barre de défilement.

C'est bien sûr à déconseiller. Le but de standardiser est de permettre une conception plus facile des sites grâce à une même interprétation du code sur tous les navigateurs. Ce n'est pas en sortant des balises superflues que ça va devenir possible.

Pour résumer

Titre Vu Date
Exécuter un script PHP en ligne de commande Exécuter un script PHP en ligne de commande 4 262 04/04/12
Le XML Le XML 4 358 13/02/10
L'essentiel du CSS L'essentiel du CSS 4 660 14/03/10
Placer un copyright sur ses images en PHP Placer un copyright sur ses images en PHP 3 059 04/04/12
L'essentiel du langage PHP L'essentiel du langage PHP 8 466 14/03/10

StatistiquesNombre d'inscrits : 175
Dernier membre : FloydGab
Visiteurs en ligne : 4
Membres en ligne : Aucun

Copyright © 2018 Xanetiz.com - Tous droits réservés

Hebdotop