« Discussion:Le langage CSS » : différence entre les versions

Le contenu de la page n’est pas pris en charge dans d’autres langues.
Un livre de Wikilivres.
Contenu supprimé Contenu ajouté
Ligne 58 : Ligne 58 :
::<tt>/* un commentaire */</tt>
::<tt>/* un commentaire */</tt>
:: --[[Utilisateur:DavidL|DavidL]] 14 mars 2007 à 19:24 (CET)
:: --[[Utilisateur:DavidL|DavidL]] 14 mars 2007 à 19:24 (CET)

::: Reçu. Je pensais que c'était du XML et donc je me basais sur le document [[Programmation XML/Structure d'un document XML]] pour mettre un commentaire. Merci.
::: [[Utilisateur:Cdang|Cdang]] 19 mars 2007 à 11:18 (CET)

Version du 19 mars 2007 à 11:18

Reprise

Je vais essayer de faire de mon mieux pour approfondir ce livre. J'attends toutes vos remarques et suggestions concernant le contenu et surtout le contenant car si cela fait un petit moment que je suis sur wikipedia, je suis débutant sur wikilivre.
Le premier problème que je soulève, c'est la séparation entre HTML et CSS. Je vous propose de faire un livre complet sur la "Conception web élémentaire" et de faire plutôt des "Documents ressources" HTML et CSS. Car pour l'instant, il n'y a rien de très pédagogique sur le sujet et il est difficile en séparant les deux langages de ne pas tomber dans la liste d'attributs, propriétés... Il me semble qu'une vision plus globale est nécessaire pour aboutir à quelque chose de plus logique. Clément Cordaro 2 avril 2006 à 12:26 (UTC)

Le truc c'est qu'il faut éviter d'assommer le lecteur avec des sigles ou du code à tout va, et donner des exemples les plus simples possibles... JM. Philippe 30 janvier 2007 à 23:32 (CET)[répondre]

Je partage cette opinion, mais je suppose que rien n'empêche d'aborder les approfondissement dans les chapitres plus avancés, à moins d'y consacrer un autre livre mais je trouverai ça dommage. Tavernier 1 février 2007 à 20:43 (CET)[répondre]
Oui je pense qu'il faudrait une section « recettes de cuisine » proposant des exemples classiques et une section « CSS avancés » avec notamment l'épineux problème du (mauvais) support des CSS dans certains navigateurs. JM. Philippe 6 février 2007 à 22:43 (CET)[répondre]

À faire

Il faut éviter de centrer les explications sur les documents Html. Il est en effet tout à fait possible d'utiliser des CSS directement dans des documents Xml, sans passer par Html. JM. Philippe 1 février 2007 à 17:49 (CET)[répondre]

C'est tout à fait exact. Cependant, xhtml est le format xml le plus connu, il est donc le mieux placé pour être un exemple. Il serait bien de d'étudier la présentation d'un document Atom. Pourquoi ne pas également proposer un comparatif CSS / XSL(T) ? Sub 18 février 2007 à 14:36 (CET)[répondre]
Oui il faut que les exemples utilisent (X)Html parce qu'il a plus de chances d'être connu et en plus, on ne peut pas faire d'exemple en ligne en Xml vu qu'on est en XHtml dans le wikilivre. Mais il faut que les explications autour ne fassent référence si possible ni à Html ni à Xml comme c'est le cas au W3C (hors exemples). Pour le Xml effectivement ce serait bien d'ajouter un chapitre spécifique avec des exemples, notamment XSL(T). Il y a notamment une utilisation très intéressante des fils RSS/Atom qui consiste à les rendre compréhensibles lorsqu'on les affiche comme page web. - JM. Philippe 18 février 2007 à 20:22 (CET)[répondre]
Complètement d'accord. Deux choses cependant, je ne penses pas qu'il faille proposer des exemples XSL mais simplement une comparaison. Simplement parce que CSS et XSL sont concurrents. Je suggèrais d'expliquer pourquoi ou quand préférer l'une ou l'autre de ces technologies. Deuxième chose, je suggère d'occulter RSS qui est obsolète et n'est pas standard et qu'on privilégie Atom qui lui est récent et standardisé par le W3C. Qu'en penses-tu ? Sub 18 février 2007 à 22:26 (CET)[répondre]
Pour moi c'est OK. Pour XSL on peut se contenter d'expliquer quelles sont les limites de la présentation Xml/CSS et en quoi XSL permet plus (mais avec plus d'efforts). Pour RSS, à vrai dire je n'ai pas de préférence, c'est juste que Firefox a beaucoup parlé des fils RSS, très peu (jamais ?) des Atom, mais il suffit de le dire. - JM. Philippe 18 février 2007 à 22:47 (CET)[répondre]

Mettre le code HTML correspondant

Àmha, il faudrait mettre pour chaque exemple le code HTML correspondant : il n'est absolument pas évident pour un néophyte, même si c'est évoqué ici, que p {…} va s'appliquer à chaque occurence de <p>, que p.t1 {…} va s'appliquer à <p class="t1">, que p#t2 {…} va s'appliquer à <p id="t2"> et que p#t2 em {…} va s'appliquer à <p id="t2"><em>

Pour distinguer le HTML du CSS, je propose de mettre le HTML en gris (avec le modèle:gris par exemple). Cf. par exemple Texte > font-size : taille des caractères.

Cdang 26 février 2007 à 16:59 (CET)[répondre]

C'est certainement une bonne idée ! Cependant je ne mettrais pas le texte en gris, sur fond gris c'est trop pénible à lire et comme c'est déjà encadré, je ne pense pas que cela soit absolument nécessaire. Pour lever l'ambiguïté on écrirait alors :
p {...}
appliqué à :
<p>Texte du paragraphe</p>
donne:

Texte du paragraphe

NB: utiliser la balise <nowiki> doit éviter pas mal de &gt; dans le texte. - JM. Philippe 26 février 2007 à 20:55 (CET)[répondre]
Oui, bon, on peut aussi simplement utiliser un gris plus foncé, ou du bleu foncé, ou simplement une autre police (grâce à... du CSS (-:), mais il me semble intéressant (mais certes pas indispensable) de puvoir distinguer les deux à vue d'œil : comme ils peuvent tous les deux être mélés dans un même fichier, le risque de confusion est grand. Mébon.
Pour le &lt; vs. <nowiki>, c'est une question de goût, ça permet de laisser la possibilité d'utiliser du wiki tout en affichant des balises.
Cdang 27 février 2007 à 12:42 (CET)[répondre]

Internationalisation du HTML

Bonjour,

Je me suis permis de mettre un pau de CSS dans des pages sur le HTML : Programmation HTML Internationalisation#Exemple de feuille de style différenciant la langue.

Il m'a semblé que c'était nécessaire, les deux étant intimement liés, mais ça reste volontairement succint (de même que le livre sur le CSS contient évidemment des exemples de HTML).

Cependant, comme je suis novice en CSS, pourriez-vous contrôler que les exemple sont corrects ? Je me suis inspiré de page existantes, mais les tests n'ont pas été super concluant (notamment pour la gestion des guillemets) et je ne sais pas dans quelle mesure c'est mon navigateur (Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.10) Gecko/20070216 Firefox/1.5.0.10) ou mon code CSS.

D'avance, merci.

Cdang 14 mars 2007 à 17:03 (CET)[répondre]

Mmmm, j'ai enlevé les commentaires et ça marche mieux. C'est normal que les commentaires posent problème ?
Cdang 14 mars 2007 à 17:24 (CET)[répondre]
C'est normal : en CSS les commentaires sont encadrés par slash-étoile et étoile-slash
/* un commentaire */
--DavidL 14 mars 2007 à 19:24 (CET)[répondre]
Reçu. Je pensais que c'était du XML et donc je me basais sur le document Programmation XML/Structure d'un document XML pour mettre un commentaire. Merci.
Cdang 19 mars 2007 à 11:18 (CET)[répondre]