La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Tester un tuto : faire un design CSS à la portée de tous
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Tester un tuto : faire un design CSS à la portée de tous  (Lu 847 fois)
Tester un tuto : faire un design CSS à la portée de tous
« sur: le 01-09-2003 a 14:10:41 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"

Re:Tester un tuto : faire un design CSS à la portée de tous
« Répondre #1 sur: le 01-09-2003 a 15:08:26 »
dominique_c
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 170



Restons .... cool !!!

Voir le Profil    WWW
Répondre avec citation

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...

Rapporter au modérateur  

De Anthelme Brillat-Savarin,
Heureux chocolat, qui après  avoir couru le monde, à travers le sourire des femmes, trouve la mort dans un  baiser savoureux et fondant de leur bouche.
Re:Tester un tuto : faire un design CSS à la portée de tous
« Répondre #2 sur: le 01-09-2003 a 15:28:00 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

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 ?

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:Tester un tuto : faire un design CSS à la portée de tous
« Répondre #3 sur: le 01-09-2003 a 15:56:53 »
dominique_c
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 170



Restons .... cool !!!

Voir le Profil    WWW
Répondre avec citation

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... 

Rapporter au modérateur  

De Anthelme Brillat-Savarin,
Heureux chocolat, qui après  avoir couru le monde, à travers le sourire des femmes, trouve la mort dans un  baiser savoureux et fondant de leur bouche.
Re:Tester un tuto : faire un design CSS à la portée de tous
« Répondre #4 sur: le 01-09-2003 a 16:16:02 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:Tester un tuto : faire un design CSS à la portée de tous
« Répondre #5 sur: le 01-09-2003 a 16:27:05 »
dominique_c
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 170



Restons .... cool !!!

Voir le Profil    WWW
Répondre avec citation

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 

Rapporter au modérateur  

De Anthelme Brillat-Savarin,
Heureux chocolat, qui après  avoir couru le monde, à travers le sourire des femmes, trouve la mort dans un  baiser savoureux et fondant de leur bouche.
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg