Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1511 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Tester un tuto : faire un design CSS à la portée de tous

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Tester un tuto : faire un design CSS à la portée de tous

n°504137
sibelius
Vous êtes sûr ?
Posté le 01-09-2003 à 14:08:52  profilanswer
 

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


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
mood
Publicité
Posté le 01-09-2003 à 14:08:52  profilanswer
 

n°504148
gizmo
Posté le 01-09-2003 à 14:17:47  profilanswer
 

hop, pendant que je te tiens, tu n'as pas répondu à mon mail concernant la première relecture ;)

n°504152
sibelius
Vous êtes sûr ?
Posté le 01-09-2003 à 14:20:44  profilanswer
 

Ouais, j'avais mis ça un peu de côté en effet pour pallier à des demandes plus pressantes ;)
Mais on ve pouvoir regarder ça de très près...


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504179
jagstang
Pa Capona ಠ_ಠ
Posté le 01-09-2003 à 14:43:57  profilanswer
 

c'est très bien. Mais tu t'emportes un peu

n°504186
sibelius
Vous êtes sûr ?
Posté le 01-09-2003 à 14:46:58  profilanswer
 

JagStang a écrit :

Mais tu t'emportes un peu

Et encore, j'ai essayé d'être raisonnable ! ;) Peux-tu me dire à quel endroit ça t'a gêné ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504240
jagstang
Pa Capona ಠ_ಠ
Posté le 01-09-2003 à 15:31:31  profilanswer
 

A aucun endroit en particulier mais je ne vios pas trop l'intérêt en fait. Il existe déjà des centaines (milliers) de pages traitat de "Comment faire un site web". Un de plus, mais pourquoi pas

n°504243
jagstang
Pa Capona ಠ_ಠ
Posté le 01-09-2003 à 15:32:54  profilanswer
 

Mais ne le prend pas mal, je respecte ton travail et ton esprit communautaire   :)

n°504249
sibelius
Vous êtes sûr ?
Posté le 01-09-2003 à 15:37:14  profilanswer
 

JagStang a écrit :

Il existe déjà des centaines (milliers) de pages traitat de "Comment faire un site web".  

Ah bon, en CSS pur ? J'en connais vraiment très peu en français (5 ou 6) et je les trouve assez peu accessibles aux débutants.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504387
greut
Posté le 01-09-2003 à 19:25:05  profilanswer
 

J'aime bcp tes articles et ils vont très bien comme ressources complémentaires à OpenWeb.  
 
Le site de alsa est super mais il manque peut-être une marge pour le texte. Si l'écran de l'ordinateur est un peu rogné ben on aura de la peine à lire.
 
C'est très bien de faire ce travail et on n'a jamais assez de bonnes ressource comparé au centaines de sites poubelle qui traitent du sujet  :sweat: .
 
 :hello:

n°504391
greut
Posté le 01-09-2003 à 19:28:37  profilanswer
 

je vois que tu conseil ce genre de chose
 

Code :
  1. a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
  2.      background: url(image2.gif) no-repeat center center; /* source de l'image d'arrivée */
  3.      }


 
Sais tu que IE6 a un bug avec les a:hover et les images de fond  :sweat:  ? Sait tu comment le contourner  :??: ...
 
Moi j'y ai perdu des heures ...

mood
Publicité
Posté le 01-09-2003 à 19:28:37  profilanswer
 

n°504403
sibelius
Vous êtes sûr ?
Posté le 01-09-2003 à 19:59:13  profilanswer
 

greut a écrit :

je vois que tu conseil ce genre de chose
 

Code :
  1. a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
  2.      background: url(image2.gif) no-repeat center center; /* source de l'image d'arrivée */
  3.      }


 
Sais tu que IE6 a un bug avec les a:hover et les images de fond  :sweat:  ? Sait tu comment le contourner  :??: ...
 
Moi j'y ai perdu des heures ...


Pas de problème sur le mien (IE 6.0.2800).
Par contre, je viens de remarquer une erreur :  
c'est background: url(image2.gif) no-repeat center middle;


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504408
jagstang
Pa Capona ಠ_ಠ
Posté le 01-09-2003 à 20:04:02  profilanswer
 

Citation :


Prérequis : connaissances de base en CSS


 
Je pige pas, vu que tu t'adresses à des newbies... surtout que ton tutorial n'est pas hyper poussé


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
n°504409
greut
Posté le 01-09-2003 à 20:04:24  profilanswer
 

vas donc jeter un coup d'oeil ici : http://forum.hardware.fr/forum2.ph [...] subcat=389

n°504426
sibelius
Vous êtes sûr ?
Posté le 01-09-2003 à 20:56:24  profilanswer
 

OK lu. Oui c'est curieux en effet
 
JagStang > tu as raison, je vais supprimer ça ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504505
gm_superst​ar
Appelez-moi Super
Posté le 01-09-2003 à 22:09:35  profilanswer
 

SIBELIUS a écrit :


c'est background: url(image2.gif) no-repeat center middle;


Non, non c'est bien "center center" (ou alors un seul "center" )


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°504585
sibelius
Vous êtes sûr ?
Posté le 02-09-2003 à 00:16:27  profilanswer
 

gm_superstar a écrit :


Non, non c'est bien "center center" (ou alors un seul "center" )


Ah, on m'aurait menti ? http://selfhtml.selfhtml.com.fr/cs [...] d_position


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504593
KdZ'
Simple®
Posté le 02-09-2003 à 00:33:47  profilanswer
 

super, je suis hyper impatient de voir ça, et n'hesite pas à bien pousser ton tuto, il faut que je me fasse un menu en css :)
 
bon courage ;)

n°504594
sibelius
Vous êtes sûr ?
Posté le 02-09-2003 à 00:39:38  profilanswer
 

KdZ' a écrit :

super, je suis hyper impatient de voir ça, et n'hesite pas à bien pousser ton tuto, il faut que je me fasse un menu en css :)
 
bon courage ;)


Non, ce tuto n'ira pas plus loin que ça, il sert juste à poser les bases.
Pour les trucs plus évolués, j'ai ma liste ici : http://www.alsacreations.com/articles/


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504596
gm_superst​ar
Appelez-moi Super
Posté le 02-09-2003 à 00:39:55  profilanswer
 
n°504599
sibelius
Vous êtes sûr ?
Posté le 02-09-2003 à 00:44:48  profilanswer
 

ah ben si on ne peut plus se fier à selfhtml  :(


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
n°504604
gm_superst​ar
Appelez-moi Super
Posté le 02-09-2003 à 00:52:23  profilanswer
 

Les docs de selfhtml sont vieilles. Il se peut qu'elles aient été écrites alors que les CSS2 n'étaient qu'à l'état de propositions.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Tester un tuto : faire un design CSS à la portée de tous

 

Sujets relatifs
[CSS] height d'un div reglé par expressionMenu déroulant, Javascript & CSS, Fonctionne sur un max de nav.
[CSS] Mettre en forme du codePositionnement avec CSS: Problème
Style Swticher creer 2 présentation differente CSS sur une page HTML[CSS] probleme de couleurs resolu
CSS et comportement etrangePetit problème avec une CSS...
[CSS] Site deux colonnes[XHTML + CSS] Utilisation de la property css background
Plus de sujets relatifs à : Tester un tuto : faire un design CSS à la portée de tous


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR