Version complète: sur le forum Webmaster Hub : Tuto pour découpage XHTML/CSS
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site > Le Webdesign
Developer
Bonsoir,
je cherche à apprendre à découper mes designs en XHTML/CSS..
Si quelqu'un à des tuto bien faits car j'ai cherché mais à chaque fois je suis deçu...

Merci et bonne fin de soirée à tous smile.gif

Amicalement.
Monique
Bonjour,

Je me cite... tongue.gif
CITATION(Monique @ samedi 24 avril 2004, 19h30)
Bonjour,

Une coïncidence cocasse... c'est en lisant le billet où Denis présente le dernier article de Pompage.net (Sprites CSS : Meurs, découpe d'images, meurs !) en ces termes "Si vous en avez marre de coder vos effets de rollover, DreamWeaver-style...", que j'ai découvert Tainted Words (le blog de Nudrema) et ce tutoriel CSS: Découpage d'une interface simple.

Cette technique de découpage d'une maquette réalisée avec Photoshop et de sa mise en place à l'aide de CSS m'est étrangère... mais comme certains d'entre vous l'utilisent, je vous la livre  wink.gif
*

Ce tuto de Steve Frécinaux est le seul bien fait que je connaisse... XHTML/CSS valide B)
Denis
CITATION(Monique @ samedi 14 janvier 2006, 17h58)
Ce tuto de Steve Frécinaux est le seul bien fait que je connaisse... XHTML/CSS valide  B)

Comment? Tu considères qu'il n'y a rien de tel chez AlsaCréations ou ailleurs? unsure.gif

http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
v4np13
J'aime bien ce tuto de AlsaCréations aussi
Monique
Bonjour,
CITATION(Denis @ dimanche 15 janvier 2006, 02h28)
Comment? Tu considères qu'il n'y a rien de tel chez AlsaCréations ou ailleurs?  unsure.gif

http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
*

Ah ben non alors, loin de moi cette idée :o :nono:
Mais, à moins que j'ai mal compris la question, Developer parle d'un tuto pour découper une maquette réalisée avec un logiciel de dessin, non ? Méthode que je n'aime pas (et à laquelle j'oppose l'atricle de Pompage.net), comme je le signale dans ma réponse en citation.

Pour excellents qu'ils soient, j'ai l'impression que les modèles de mise en page proposés par Raphaël n'aideraient pas beaucoup Developer à découper une maquette unsure.gif
v4np13
CITATION(Monique @ dimanche 15 janvier 2006, 13h52)
Pour excellents qu'ils soient, j'ai l'impression que les modèles de mise en page proposés par Raphaël n'aideraient pas beaucoup Developer à découper une maquette  unsure.gif
*


Peut-être que celà ne l'aidera pas, mais ça lui montre le parcours à suivre pour arriver à un beau résultat sans trop se casser la tête wink.gif
Monique
CITATION(v4np13 @ dimanche 15 janvier 2006, 13h55)
Peut-être que celà ne l'aidera pas, mais ça lui montre le parcours à suivre pour arriver à un beau résultat sans trop se casser la tête wink.gif
*

Tout à fait exact mais comme cela ne répond pas directement à la question, j'attendais une réaction de Developer (surtout par rapport à l'article des Pompeurs wink.gif ) pour lui montrer que d'autres approches de création existent, avec en exemple l'article Les coulisses d’un design, où Douglas Bowman explique comment il a réalisé un design pour Zen Garden.
Denis
CITATION(Monique @ dimanche 15 janvier 2006, 07h52)
Pour excellents qu'ils soient, j'ai l'impression que les modèles de mise en page proposés par Raphaël n'aideraient pas beaucoup Developer à découper une maquette  unsure.gif


:gueule:

Toutes mes excuses, tu as parfaitement raison, c'est moi qui avait mal lu... blush.gif

Dans le contexte de la question de Developer, il s'agirait de découper à partir d'une maquette, probablement Gimp ou Photoshop... c'est une toute autre histoire!!!

Je dois avoir le cerveau qui ramollit un brin. ^_^
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.