Différence Style CSS/Tableaux

Différence Style CSS/Tableaux - Web design - Graphisme

Marsh Posté le 12-06-2003 à 18:39:06    

Quelle est l'avantage d'une feuille de style CSS par rapport à une feuille modèle créé à partir de tableaux ?

Reply

Marsh Posté le 12-06-2003 à 18:39:06   

Reply

Marsh Posté le 12-06-2003 à 18:49:16    

L'avantage n°1 est de pouvoir changer la charte graphique du site rien qu'en éditant le fichier CSS.
 
L'avantage n°2 est de pouvoir permettre une plus grande modularité du site.
 
Rien ne m'empêche de générer un .CSS particulier  en PHP en fonction d'un User , d'une date ou d'un évènement.

Reply

Marsh Posté le 12-06-2003 à 18:51:46    

Autobot a écrit :

L'avantage n°1 est de pouvoir changer la charte graphique du site rien qu'en éditant le fichier CSS.
 
L'avantage n°2 est de pouvoir permettre une plus grande modularité du site.
 
Rien ne m'empêche de générer un .CSS particulier  en PHP en fonction d'un User , d'une date ou d'un évènement.
 


 
ah ok je comprend mieux, mais de toute manière un feuille css est bien faites à base de tableaux,c'est bien ça ?

Reply

Marsh Posté le 12-06-2003 à 18:54:16    

non pas du tout, voilà a quoi pourrait ressembler un fichier CSS
(ici HFR)
 
 


a.text3:link {      
  color: #000080
}
 
a.text3:visited {      
  color: #2f2f4f
}
 
a.text3:active {      
  color: #800000
}
 
.cit
{
  font-size: smaller;
}
 
.text2big
{
  font-size: smaller;
}
 
body
{
  background-color: #FFFFFF;
}
 
.backcit
{
  border-top: 1px solid #C0C0C0;  
  border-bottom: 1px solid #C0C0C0;  
  border-left: 1px solid #C0C0C0;  
  border-right: 1px solid #C0C0C0;  
  background-color: #FFFFFF;
}
 
 
.codetext
{
  font-size: smaller;
}
 
.citation
{
  background-color: #FFFFFF;
}
 
.titre
{
font-size: xx-small;
color: #000000;
}
 
.titre1
{
font-size: xx-small;
color: #000000;
}
 
.titre2
{
color: #000000;
}

Reply

Marsh Posté le 12-06-2003 à 18:59:14    

Autobot a écrit :

non pas du tout, voilà a quoi pourrait ressembler un fichier CSS
(ici HFR)
 
 


a.text3:link {      
  color: #000080
}
 
a.text3:visited {      
  color: #2f2f4f
}
 
 
 
 
a.text3:active {      
  color: #800000
}
 
.cit
{
  font-size: smaller;
}
 
.text2big
{
  font-size: smaller;
}
 
body
{
  background-color: #FFFFFF;
}
 
.backcit
{
  border-top: 1px solid #C0C0C0;  
  border-bottom: 1px solid #C0C0C0;  
  border-left: 1px solid #C0C0C0;  
  border-right: 1px solid #C0C0C0;  
  background-color: #FFFFFF;
}
 
 
.codetext
{
  font-size: smaller;
}
 
.citation
{
  background-color: #FFFFFF;
}
 
.titre
{
font-size: xx-small;
color: #000000;
}
 
.titre1
{
font-size: xx-small;
color: #000000;
}
 
.titre2
{
color: #000000;
}




 
Et ça se conçois qu'en code HTML directement et non graphiquement ?


Message édité par neo9205 le 12-06-2003 à 19:00:07
Reply

Marsh Posté le 12-06-2003 à 21:09:37    

neo9205 a écrit :


 
Et ça se conçois qu'en code HTML directement et non graphiquement ?


 
ce n'est pas tout a fait de l'html, mais ca s'écrit en effet sous notepad, on ne peut pas faire ça graphiquement :)
[edit : a moins qu'il existe des outils que je ne connais pas, qui feraient ça...]


Message édité par Gnub le 12-06-2003 à 21:10:11
Reply

Marsh Posté le 12-06-2003 à 23:47:56    

Avantages du positionnemetn CSS :
 
- Meilleure Accessibilité : aux navigateurs, aux moteurs de recherche, aux machines, aux personnes handicapées
- Pérennité : le respect des Standards nous assure d'avoir un site compatible avec tous les futurs navigateurs
- Mise à jour : la séparation Structure/Contenu permet une bonne lisibilité du code, mais aussi une mise à jour facilitée
- Poids de page : chaque page HTML est réduite de 1/3 à 2/3


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 13-06-2003 à 09:06:48    

Y a des outils, style http://www.bradsoft.com/topstyle/index.asp
Pratique quelques fois quand on a la flemme de chercher un code dont on ne se rappelle plus par coeur :) Là on voit le resultat directement.

Reply

Marsh Posté le 13-06-2003 à 09:48:50    

Yes, TopStyle est tout simplement le meilleur à l'usage.
 
NB: La version Lite est livrée en Standard avec :
 
Coldfusion Studio
Macromedia Homesite
Macromedia Studio (à l'installation d'Homesite+ )

Reply

Marsh Posté le 13-06-2003 à 17:35:54    

ok merci pour les renseignements, tout me parait plus clair maintenant  :hello:

Reply

Marsh Posté le 13-06-2003 à 17:35:54   

Reply

Marsh Posté le 14-06-2003 à 11:13:56    

moi aussi j'ai eu du mal à piger l'interet des css au départ
en fait, ca n'est pas incompatible avec l'utilisation de tableaux en pages modèle qui servira pour l'ensemble de ton site.
ce modèle serivra pour ta structure, les menus figés etc.
 
la feuille css définira les styles, les fonds, les couleurs etc.
et tes pages y feront référence.
quand tu changeras ta feuille css, tout ce qui fait appel a ces references changera.
c comme une librairie de styles prédéfinies en fait. :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed