Logo


Xanetiz > Programmation > Les designs en CSS

Top

Les designs en CSS

Les designs en CSS


3 126 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
Placer un copyright sur ses images en PHP Placer un copyright sur ses images en PHP 2 373 04/04/12
Les injections SQL Les injections SQL 4 736 11/02/10
Le XML Le XML 3 894 13/02/10
Bloquer le clic droit sur un site web Bloquer le clic droit sur un site web 5 425 23/03/10
L'essentiel du CSS L'essentiel du CSS 4 104 14/03/10

StatistiquesNombre d'inscrits : 174
Dernier membre : stiv68
Visiteurs en ligne : 2
Membres en ligne : Aucun

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

Hebdotop