Titre: Tester un tuto : faire un design CSS à la portée de tous
Posté par: SIBELIUS le le 01-09-2003 a 14:10:41
Je suis en train de faire un ébauche pour expliquer simplement comment créer un design en CSS.
--> http://www.alsacreations.com/articles/design/
L'idée est que ce tuto soit vraiment à la portée de tous, même ceux qui n'ont jamais vraiment mis les mains dans le code et d'expliquer très basiquement comment on peut utiliser les CSS autrement que pour changer la couleur d'un lien
Je commencere simplement par expliquer quels sont les avantages (sans prosélytisme), mais aussi les inconvénients (mettre les mains dans le cambouis du code pour les trucs complexes), puis parler un peu de compatibilités navigateurs.
Ensuite, on aboutit à une construction de page classique (entête, menu gauche, partie centrale, pied de page)... mais en CSS expliqués simplement... voire en montrant comment le faire entièrement avec l'outil CSS de Dream, car c'est possible !
Dites-moi :
- si ce n'est pas trop engagé (oui, je m'emporte parfois)
- si c'est assez compréhensible, même pour un newbie
- s'il n'y a pas de grosses bêtises
Merci d'avance |
Titre: Re:Tester un tuto : faire un design CSS à la portée de tous
Posté par: dominique_c le le 01-09-2003 a 15:08:26
Bien je n'ai pas encore tout lu, mais voici mes premières impressions ;)
- Je pense que l'idée est excellente pour aider les débutants à construire quelque chose qui tient la route et sans tricher avec les tableaux.
- Pour ce qui concerne le chapitre sur les différents navigateurs, je rencontre quand même des problèmes d'affichage lorsque les calques sont emboîtés les uns dans les autres... il y a des décalages difficiles à géré... Peut être pourrais tu en parler un peu plus sur le tuto... Enfin, si je me suis bien expliqué.
- Je pense qu'il manque une info précisant qu'il s'agit de la page html... juste avant ça :
Structure générale
La structure générale, comme exposée en théorie, et celle-ci :
******* icic tu mets le code***** il manque à mon avis l'infi qu'il s'agit de la page html... juste au dessus ;)
Bien... je continue ma lecture... |
Titre: Re:Tester un tuto : faire un design CSS à la portée de tous
Posté par: SIBELIUS le le 01-09-2003 a 15:28:00
Pour l'info précisant qu'il s'agit du code HTML, je viens de la rajouter : bonne idée qui évitera des confusions.
Pour les calques (je n'aime pas ce terme qui prête à confusion) emboités, le problème vient souvent d'un bug de IE à propos des paddings et borders : http://openweb.eu.org/articles/dimensions_boites_css/
Peux-tu expliquer ton problème en détail ? |
Titre: Re:Tester un tuto : faire un design CSS à la portée de tous
Posté par: dominique_c le le 01-09-2003 a 15:56:53
Heuuuu ! par "emboîté" je voulais dire un calque contient un autre calque... (les codes ne sont pas bons, c'est juste pour l'exemple)
div calque1
div calque2
h2 Titre h2
/div
/div
En fait, l'affichage est bon sous IE... mais pas sur les autres navigateurs... Si le titre fait deux ligne, il est tronqué en hauteur... Mais j'utilise peut être des navigateurs trop anciens. Alors, ce qui serait peut être bon de souligner dans le tuto, c'est la version des navigateur à partir desquels l'interprétation des css2 est opérationelle...
* Je n'utilise pas padding...
J'utilise pour mes tests, Ie 5.5, Ie 6, Mozilla 1.2.1, Opéra 6.06 sous windows, Ie sous Mac et Konquéror sous Linux.
- Donc, les versions sous win sont elles bonnes ?
- Quel navigateur de référence doit on utiliser pour les tests ?
Je pense que c'est une question intéressante (enfin, plutôt la réponse) parce là, je ne sais pas vraiment comment faire... J'ai utiliser IE pour m'aider à construire mes pages...
Mais je ne veux pas polluer ton sujet, je cherche encore et si je ne trouve pas j'ouvrirai un sujet avec tout le détail...
Important, on a tous parfois des problèmes d'affichage de données, il ne faut pas abandonner l'idée d'apprendre à construire un site suivant les recommandations du w3c... ;) |
Titre: Re:Tester un tuto : faire un design CSS à la portée de tous
Posté par: SIBELIUS le le 01-09-2003 a 16:16:02
Les css2 ne sont même pas encore très opérationnelles sur IE6, alors les anciens n'en parlons même pas.
Mais je ne vois pas ce qui peut poser problème dans ton cas (qui n'utilise que des css1)
Pour les tests, il n'y a pas de navigateur de référence : tous les browsers récents basés sur gecko (moz) se comportent à l'identique
Pour ton problème, envoie-moi un mp avec ton code précis car il n'y a aucune erreur dans ce que tu m'affiches |
Titre: Re:Tester un tuto : faire un design CSS à la portée de tous
Posté par: dominique_c le le 01-09-2003 a 16:27:05
ok ;)
J'ai lu le reste de ton tuto et je n'ai rien remarqué d'anormal (à mes modestes yeux)...
Juste un détail... je n'ai pas fait attention si au départ tu précises que les styles seront inclus à la feuille html ? et sinon éventuellement parler juste en quelques mots des deux options possibles... styles inclus sur la fauille et style dans une feuille css séparée... C'est vrai que tu dois certainement en parler sur d'autres tuto... Alors un lien peut être ;) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|