Séparer le contenu du contenant ?

EmmaZL · Message par **EmmaZL** » 02 mars 2005, 22:14

Bonjour !

Je n'interviens pas beaucoup mais je lis souvent les posts dans la rubrique "Développement web", ce qui a l'avantage de m'apprendre plein de choses.

J'ai souvent lu dans vos posts, notamment celui-ci, qu'il fallait "séparer le contenu du contenant". A vous lire, ça a l'air important. Mais j'avoue ne pas très bien comprendre le concept, je veux dire, informatiquement parlant.

Est-ce que quelqu'un aurait la gentillesse de m'expliquer ?

Merci d'avance.

Emma.

SB · Message par SB » 02 mars 2005, 22:17

Simple.
En banissant la mise en page dans une feuille de style, j'ai diminué le "poids" de mes pages par 4 ou 5. Donc bande passante en moins, plus rapide pour ceux qui n'ont pas l'adsl.
De plus tu peux changer toute la mise en page en un seul clic. Par exemple va dans http://www.csszengarden.com/ et change la mise en page comme tu veux avec les liens.

calimo · Message par **calimo** » 02 mars 2005, 22:23

Autres avantages : le contenu est plus lisible par tous, à commencer par les moteurs de recherche, mais aussi tous les gens chez qui le site ne s'affiche pas forcément exactement de la même manière que chez toi. On en arrive à des notions d'accessibilité (que je te laisse découvrir avec ce lien).

Je te laisse également découvrir la présentation En quoi la mise en page par tableaux est-elle stupide.

Invité · Message par **Invité** » 02 mars 2005, 22:48

Il existe un concept encore plus poussé : la séparation du contenu de la présentation, et du fonctionnement (=interactivité, ici) ... correspondant au trio : html/css/javascript

le but étant, comme l'ont expliqué les autres, de permettre une multitude de présentation et de même pour l'interactivité. Le contenu pouvant se suffir à lui-même, la présentation et l'interactivité doivent être facultatives. bref voir une page web comme tu lirais un bète fichier texte (avec des liens) ! mais c'est plus beaux et plus pratique le tout réuni

EmmaZL · Message par **EmmaZL** » 02 mars 2005, 22:56

SB a écrit :Simple.
En banissant la mise en page dans une feuille de style, j'ai diminué le "poids" de mes pages par 4 ou 5. Donc bande passante en moins, plus rapide pour ceux qui n'ont pas l'adsl.
De plus tu peux changer toute la mise en page en un seul clic. Par exemple va dans http://www.csszengarden.com/ et change la mise en page comme tu veux avec les liens.

Ok, je comprends mieux... Je comprends surtout que j'aurais pas dû poser cette question.

Ca me fait juste me rendre compte de ma médiocrité en matière de création de sites web.

Je suis allée faire un petit tour sur le site que tu mentionne et j'avoue que je suis totalement stupéfaite. Je savais qu'on pouvait faire bcp de choses avec les CSS, mais là, ça dépasse tout ce que je pouvais imaginer.

J'en reviens pas.
J'étais assez fière de mon dernier site web (mes amis me disent que je maîtrise, mais en même temps, ils savent à peine allumer un PC). Je me suis d'ailleurs efforcée d'essayer de le rendre valide (la première page seulement pour l'instant). Mais là, je crois que je vais plutôt acheter "les CSS pour les nuls" et utiliser mon temps libre pour m'améliorer (y a du boulot !).
Dire que j'ai fait mon premier site il y a 2 ans avec Word (si, si c'est possible) et que je trouvais que j'avais fait des progrès...

calimo a écrit : Je te laisse également découvrir la présentation En quoi la mise en page par tableaux est-elle stupide.

Tu veux m'achever, là, hein ??

Plus sérieusement, j'ai bien compris que les tableaux c'est stupide en lisant tous vos posts, mais bon, je veux pas abandonner l'internet pour me mettre à la poterie. Alors, promis, je vais apprendre les CSS et essayer de comprendre ce qu'est un <div>

Invité · Message par **Invité** » 02 mars 2005, 23:00

Ok, je comprends mieux... Je comprends surtout que j'aurais pas dû poser cette question. Ca me fait juste me rendre compte de ma médiocrité en matière de création de sites web.

Prendre conscience de ce qu'on ne connait pas, c'est le début de la sagesse

EmmaZL · Message par **EmmaZL** » 02 mars 2005, 23:03

Anonymous a écrit : Prendre conscience de ce qu'on ne connait pas, c'est le début de la sagesse

Nan, c'est le début de la dépression nerveuse...

SB · Message par SB » 02 mars 2005, 23:03

Autre intérêt : tu peux voir sur http://www.meyerweb.com/eric/css/edge/menus/demo.html les menus déroulants à droite sont en css donc fonctionnent même si tu désactives javascript (bien sûr il faut un navigateur moderne qui supporte bien le css et si tu essaies avec IE ça ne marche pas)

Invité · Message par **Invité** » 02 mars 2005, 23:10

EmmaZL a écrit :
calimo a écrit : Je te laisse également découvrir la présentation En quoi la mise en page par tableaux est-elle stupide.
Tu veux m'achever, là, hein ??
Plus sérieusement, j'ai bien compris que les tableaux c'est stupide en lisant tous vos posts, mais bon, je veux pas abandonner l'internet pour me mettre à la poterie. Alors, promis, je vais apprendre les CSS et essayer de comprendre ce qu'est un <div>

Calimo prends souvent un point de vue réactionnaire et idylique des pratiques conseilées pour le développement de site web ...

Faire un site web valide avec des tableaus, c'est déjà pas si mal! Dès que tu te sentiras à l'aise avec les bases essaye de mettre en pratique les bons conseils qu'il donne mais il faut pas confondre l'apprentissage avec les techniques d'experts ... Un oisillon qui apprend à voler n'as pas la dextérité de l'aigle qui chasse ...

EmmaZL · Message par **EmmaZL** » 02 mars 2005, 23:39

SB a écrit :Autre intérêt : tu peux voir sur http://www.meyerweb.com/eric/css/edge/menus/demo.html les menus déroulants à droite sont en css donc fonctionnent même si tu désactives javascript (bien sûr il faut un navigateur moderne qui supporte bien le css et si tu essaies avec IE ça ne marche pas)

C'est extra, je savais pas qu'on pouvait faire des choses comme ça avec CSS !

(euh... c'est quoi IE, je connais pas... jamais entendu parler

)

Bobe · Message par **Bobe** » 03 mars 2005, 00:55

Anonymous a écrit : Faire un site web valide avec des tableaus, c'est déjà pas si mal! Dès que tu te sentiras à l'aise avec les bases [...]

Il n'y a aucun intérêt à débuter l'apprentissage par de mauvaises pratiques, autant passer directement par la case "bonnes pratiques".

essaye de mettre en pratique les bons conseils qu'il donne mais il faut pas confondre l'apprentissage avec les techniques d'experts ...

Ce ne sont pas des techniques d'"experts", simplement les techniques les plus adaptées et en accord avec les normes en vigueur.

arno. · Message par **arno.** » 03 mars 2005, 00:59

EmmaZL, j'ai appris (tout récemment) à faire des pages html. J'ai commencé direct avec les CSS, et maintenant, je dis pas que je suis bien fort, mais en tout cas, j'arrive à faire grosso modo ce que je veux. Par contre, je serais bien incapable de faire une présentation avec des tableaux

PierreFox · Message par **PierreFox** » 03 mars 2005, 01:21

SB a écrit :Autre intérêt : tu peux voir sur http://www.meyerweb.com/eric/css/edge/menus/demo.html les menus déroulants à droite sont en css donc fonctionnent même si tu désactives javascript (bien sûr il faut un navigateur moderne qui supporte bien le css et si tu essaies avec IE ça ne marche pas)

C'est bien mais ca pose un leger problème pour 90% des utilisateurs

nomade · Message par **nomade** » 03 mars 2005, 01:52

PierreFox a écrit :C'est bien mais ca pose un leger problème pour 90% des utilisateurs

C'est pour montrer l'intérêt et la puissance des CSS. Leur développement est certes freiné par IE6, mais IE6 n'est pas immortel...

arno. · Message par **arno.** » 03 mars 2005, 03:48

EmmaZL a écrit : C'est extra, je savais pas qu'on pouvait faire des choses comme ça avec CSS !

Ben moi je viens de tomber la dessus, et franchement je suis scié

http://www.stunicholls.myby.co.uk/menu/crossing.html

Geckozone