Auteur
Grafikart

220 Commentaires

2fcdf662244616f98dae833fd11af5fd?s=200&r=pg&d=mm
ghassen , 28-10-2014 11:57:18 - Répondre

Bonjour,
Comment je peux intégrés des liens dans une seule lien?

B50544768b33732301ce65746b5b695e?s=200&r=pg&d=mm
Rajdan, 11-09-2014 18:33:35 - Répondre

Vous pouvez utiliser le site cut2psd.com/order

Seulement 55$ / page HTML5 & CCS3 valid w3c !

D8b03c30ff0a989a9c0967e203b6d047?s=200&r=pg&d=mm
dZyasser, 05-04-2014 01:32:51 - Répondre

Bonsoir, Esque vous pouvez nous communiquer le PSD Pour Que J'applique au mème Temp Merci :)

F1238f21168d98c2d67e5d393c392b2d?s=200&r=pg&d=mm
Renzo, 31-10-2013 12:52:30 - Répondre

Très bon tutoriel de découpage .psd !
J'en avais grand besoin pour un projet, je met ton site en favoris il est fort utile ;) ! Continue c'est super !

5053e61b3eee8e7bd04c5be4d07f5cd5?s=200&r=pg&d=mm
djallel, 24-08-2013 19:25:08 - Répondre

Bonjour,merci pour ce tuto,je cherche a faire un masque de saisie ou j'enregistre les donnée dans une base de donnée,on m'a dit que je peux utiliser javascript et jquery et node js et backbone js , je suis un peu perdu,une aide est la bienvenue,merci bcp ;)

432f317b17a6018070f5cf87b7541b09?s=200&r=pg&d=mm
marouane blel, 19-08-2013 04:27:21 - Répondre

je cherche le psd!! elle est oû??

28a07e070e6e9359446403ccb80ac92b?s=200&r=pg&d=mm
1formanet, 25-04-2013 18:12:59 - Répondre

Bonjour, merci pour ce tuto sur un sujet rare; j'aurais aimé le reproduire avec le fichier .psd, mais je ne vois pas de lien ?

C045222c917dae00a67503d7779e423c?s=200&r=pg&d=mm
Geoffrey, 28-03-2013 00:20:24 - Répondre

Pour ma part, je ne merge pas la plupart du temps les layers, j'utilise le copie avec fusion, je créé un nouveau document et colle.

C04fd3ed86500db6b37b49d934a3f8b2?s=200&r=pg&d=mm
paco, 21-02-2013 17:21:55 - Répondre

Salut, les étapes pour créer son site, des scripts tout prêts à personnaliser (page Scripts) sur http://creer-son-web-site.blogspot.fr/

6262444238e553fdd909beee69c47840?s=200&r=pg&d=mm
zouhair, 18-02-2013 01:51:45 - Répondre

Merci pour ce tuto c'est profitable pour tout le monde
bravo

A6785da9a157d9fa6048db985f830851?s=200&r=pg&d=mm
sara, 15-02-2013 07:11:04 - Répondre

Ca sert a quoi de fusionner un calque avec un autre calque vide. J'ai pas bien compris ce point SVP!

E208845105f973fcf02c0439c9a952dd?s=200&r=pg&d=mm
creersonwebsite, 13-02-2013 20:24:06 - Répondre

Assez bon tuto, vous devriez aller sur http://creer-son-web-site.blogspot.fr/p/videos c'est plus simple (pour les novices)

1325f31080c742a147f5a4c5babec827?s=200&r=pg&d=mm
gaspard, 06-02-2013 12:05:19 - Répondre

C'est vraiment dommage que tu n'utilises pas les outils tranche (Slice) et les compositions de calques (layer comps), quitte à dupliquer certains calques sur des zones vierges (hors maquette) de ton document, parce que c'est vraiment beaucoup plus rapide pour la découpe et les modifications.

Les formations dispensées sur ce site sont souvent de grande qualité technique et pédagogique c'est juste regrettable que tu ne t'informes pas toujours sur les bonnes pratiques avant de te lancer dans un tuto.

3451a9aa20f2ee9ad4cf0ecb73414320?s=200&r=pg&d=mm
OliDV3, 28-01-2013 22:27:55 - Répondre

C'est vraiment con de devoir payé pour voir le code d'un site qui ne vous appartien même pas. Franchement...

3e6f9c5ba6a48c2086ad049d8c6096ee?s=200&r=pg&d=mm
paco2503, 05-01-2013 15:42:32 - Répondre

Assez bon tuto, vous devriez aller sur http://creer-son-web-site.blogspot.fr/ c'est plus simple (pour les novices)

Ce4fe0139be3cd7b776664fa09de0d8a?s=200&r=pg&d=mm
psd-html.fr, 02-01-2013 20:10:23 - Répondre

Bon tutoriel, avec une petite mise à jour pour une intégration en HTML5 ça serait au top

merci pour vos tutoriels vidéo de qualité

487b8a86e7e83fedcff01ab85cccad89?s=200&r=pg&d=mm
Kamel38, 25-12-2012 13:32:22 - Répondre

Bonjour, quelqu'un peut-il m'envoyer son PSD du WebDesign (plutôt réussi:D) par mail svp. Je vous en serait très reconnaissant x)

E7cddb2b4dd15d9254d41ac757a6e11e?s=200&r=pg&d=mm
Alpha13, 17-11-2012 11:06:24 - Répondre

Je trouve pas ça facile mais c'est pratique.

8139ecd93bef5b74dd24b02b14faf7ac?s=200&r=pg&d=mm
Xyber75, 23-10-2012 13:30:34 - Répondre

Au cas ou pour certains et afin de pas trop chercher la suite du tuto est la --> http://www.grafikart.fr/tutoriels/html-css/coder-site-web-23

8139ecd93bef5b74dd24b02b14faf7ac?s=200&r=pg&d=mm
Xyber75, 23-10-2012 13:28:28 - Répondre

Super tuto, merci.

Je conseille toutefois de voir les 5 premières minutes du tuto suivant pour bien comprendre les pourquois des comments.

;)

Fd7218c4be4c819f5964bb6e64cf451e?s=200&r=pg&d=mm
Toy ReD, 28-09-2012 01:33:04 - Répondre

Super tuto =), mais j'ai une question à te poser... Est ce que tu as déjà utilisé l'outil 'tranche' de photoshop pour découper tes maquettes ?

14697
sylvain, 01-09-2012 15:04:21 - Répondre

Bien, mais c'est lequel la suite de ce tuto ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
leMan, 16-08-2012 18:48:02 - Répondre

Parfait ces tutos, clairs et concis...
Une voix claire et tranquille, ça change aussi!

Ca529571c25ada0e11c434e5ec201661?s=200&r=pg&d=mm
Jerem, 02-08-2012 16:28:30 - Répondre

Enorme tuto, bien expliqué, bien détaillé. La communauté du web pourra avancer tant que des gens serviables enseigneront les bons usages.

Merci encore !

6b66fb91ce67bd1457c4abe559557d0e?s=200&r=pg&d=mm
Jasse29, 10-06-2012 18:04:53 - Répondre

Tutoriel qui de par sa qualité pédagogique et les explications claires permet d'être suivi par tous quelque soit son niveau sous Photoshop.

51f35581e2958321b9512a58376d74a4?s=200&r=pg&d=mm
Aurelien, 18-04-2012 02:31:27 - Répondre

Pour fusionner les calques comme tu le demandes, il suffit de faire "Pixeliser le calque" (si tu parles bien de fusionner un calque "forme").
En tout cas merci pour le tuto !!!

4e1bd066286f304a49a4d23c2bbf69cf?s=200&r=pg&d=mm
nidnight, 05-04-2012 12:10:41 - Répondre

super tuto j'ai super bien avancé grâce à toi !!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
2link1095, 01-03-2012 05:58:00 - Répondre

Bonne question ludo31, je me demandais + ou - la même chose. Après je me dis que grafikart veut tout simplement nous aider à être autonome et surtout profiter de tout se qu'on peut trouver sur le net, afin de réaliser des sites de qualité sans avoir à trop se prendre la tête, m'enfin je suis sûr de rien ! d'abord je look le 2ème tuto pour voir si je comprend plus de chose ! ^^. En tout cas très très bonne qualité de tutoriel :D

224fba71f2243b3c19e20628846de7fb?s=200&r=pg&d=mm
feanis , 17-02-2012 12:27:36 - Répondre

goood

721044c667209849e8ae00357a7cbd5b?s=200&r=pg&d=mm
ludo31, 16-02-2012 16:14:52 - Répondre

est ce que cette étape est obligatoire voire primordiale pour créer un site Web car là il faut qu'on maîtrise aussi un logiciel comme photoshop ou gimp ??

95206cdd27539802e2bd0eeed1e590a9?s=200&r=pg&d=mm
Tonio16, 09-02-2012 20:28:56 - Répondre

Excellent tutoriel, très utile. Si non, pour le problème d'aplatir une image, je vais peut être dire un bêtise mais ce serais pas comme ça ?: http://flic.kr/p/br6tEk

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Seb, 09-02-2012 13:11:18 - Répondre

Merci beaucoup pour ce tuto !!!! Vraiment super bien expliqué. ;)

6bbab45f798c8e8e2c2f61c14f87b0a3?s=200&r=pg&d=mm
Claude siohan, 06-02-2012 18:58:25 - Répondre

Un tuto incompréhensible tellement cela va vite. Beaucoupnde manipulations comme "fusionner les calques" ne sont pas expliquées, quel est l'intérêt. La souris bouge a une vitesse grand V et on se trouve largué en moins de deux minutes. Dommage car trouver un tuto comme celui-là est rare.

8803fe46283176dc0f8678d80ca5df5e?s=200&r=pg&d=mm
Salikh, 15-01-2012 15:47:25 - Répondre

Non vraiment merci c'est trop cool votre tuto. GRAND MERCI

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Zutroy, 13-01-2012 19:11:31 - Répondre

Sympa ce tuto, et Amon Tobin en musique de fond ^^,

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Soumaya, 14-12-2011 14:30:35 - Répondre

Tres Bonne Tuto Mais Je Veux Voir Partie 2 De Integration au Niveau De Css et De Html

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Juliette, 21-10-2011 16:26:02 - Répondre

Oups, je viens de me rendre compte que ma question était particulièrement débile, il faut être Premium pour avoir accès au template sur Photoshop.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Juliette, 21-10-2011 16:21:27 - Répondre

Je viens de me rendre compte que j'ai posé la même question que "Liicha". Excuse moi.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Juliette, 21-10-2011 16:20:32 - Répondre

Braavo ! C'est bien expliqué, mais j'ai juste une petite question : comment tu as fait pour déjà tout avoir dans ton fichier Photoshop (tu as juste à cliquer pour enlever les textes, masquer la bannière... etc)

85e918bdf70bb3889b23948006828497?s=200&r=pg&d=mm
romses1, 26-09-2011 22:04:13 - Répondre

salut depuis jai deja fait des templates jusqu'a faire des découpages mais je n'arrive pas à savoir comment intégrer ces images dans les codes je sais programmer en html,css et php mon véritable souci est de pouvoir refaire tout le template avec des codes plus avec photoshop

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Ghislaine12, 16-03-2011 20:30:00 - Répondre

Bravo, j'ai adoré ce tutoriel est des plus utiles.
Merci beaucoup!!!

10095af4c20aacb3b10149885a7ee098?s=200&r=pg&d=mm
LiiCHA, 23-02-2011 15:13:35 - Répondre

Comment avoir le fichier du template que tu met sous PhotoShop ?
Merci de répondre

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Davy, 05-01-2011 17:32:08 - Répondre

Vraiment très bon vos tutoriaux ! Ce site fait désormais partie de mes favoris ! Merci.

2b650ea99b14223c8dd47c22a784afc6?s=200&r=pg&d=mm
Julien82, 30-12-2010 13:00:42 - Répondre

Bonjour,
Bon je viens juste de poser une autre question sous un autre tuto mais bon, je le redis, merci pour tt ces tuto's... très très chouette de votre part.
Petite question: je sélection un objet rond avec l'outil de sélection rond sur le design d'un site que j'ai fait dans Ps, jusque la pas de problème, mais est-il possible de garder cette forme?
C'est en faite un bouton du menu de mon site web. Lorsque crée ce bouton-lien et utilise l'image (en suivant la méthode expliquée dans l'autre tuto) j'ai en faite une zone de lien carrée.(l'image est gardée mais mon rond est inscrit dans le canvas (carré) de Ps lors de la sauvegarde de l'image).
Merci.

221d52b6c7e362d597ac1611758e0c3d?s=200&r=pg&d=mm
Titon, 19-10-2010 16:46:40 - Répondre

Piouff !! Je suis complètement fan de ton tuto ! Très bien expliquer. peut être un peu rapide mais vraiment génial

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Florian, 05-10-2010 15:00:00 - Répondre

Merci pour cet excellent tutoriel !
En rentrant de cours je m'y les :)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
lukos, 20-09-2010 06:04:13 - Répondre

Un gros merci pour ce tuto !!!
franchement bravo, même si c'est pas la partie la plus compliquée (perso c'est le codage, mais j'aime pas donc ça joue ^^)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Yann, 13-09-2010 00:10:10 - Répondre

Super tuto avec le suivant merci beaucoup ;)
j'ai beaucoup appris ici alors petit cadeau pour aller plus vite (tuposais la question dans ton tuto ) ....

fusionner avec le calque inférieur : sélectionner et faire ctrl+E
fusionner plusieurs calques sélectionnés en générant un nouveau : maj+ctrl+alt+E

voilà ! merci encore

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
iannlc, 05-08-2010 15:34:00 - Répondre

Bonjour,

Je profite de ce commentaire pour dire que ce site est merveilleux!

Eloges faites, j'aimerais comprendre la différence entre fusionner / aplatir / pixeliser ?

F607af59199cc11c8aa0be4e98d36b3a?s=200&r=pg&d=mm
David, 25-07-2010 11:19:58 - Répondre

Enfin sa faisait tres longtemps que je chercher un tutoriel comme ca par ce que justement le design dun site n'est pas du tt mon point fort :S. Mais ce que j'attend avec impatience c'est la partie codage !
Merci beaucoup pour tous ces tutos ils sont genial !
(La video avec la partie codage je l'ai louper ou elle est pas encore parue ? :p)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Mik, 15-07-2010 01:58:43 - Répondre

Je cherchais justement des tutos pour le découpage d'images pour la création d'un site internet, et votre si est apparu en 1er et j'ai trouvé que c'était clair et bien expliqué. Merci pour cette vidéo, car ca doit prendre du temps pour élaborer ce tutoriel.

Dbe68b17dcd9129788d96d047e7c9170?s=200&r=pg&d=mm
Brahim, 06-07-2010 15:29:08 - Répondre

j'aime trop votre tutos bravo continue

Dbe68b17dcd9129788d96d047e7c9170?s=200&r=pg&d=mm
Brahim, 06-07-2010 15:26:32 - Répondre

salut hicham tu dois utiliser IDM( internet download manager )ou real player autodownload pour aspirer ce video , la procédure c'est trés simple faut juste installer ces logiciels;)

10a8cc0c57349b2fc7a96f7649dc0a72?s=200&r=pg&d=mm
hichamb, 04-07-2010 13:46:39 - Répondre

c urgent svp

10a8cc0c57349b2fc7a96f7649dc0a72?s=200&r=pg&d=mm
hichamb, 04-07-2010 13:17:29 - Répondre

Bonjour tout le monde,j'aimerais télécharger ce vidéo mais j'arrive pas a le faire.est ce que quelqu'un de vous peut m'aider.merci d'avance.

399306d70eb7fb7fd6f91264eefea56f?s=200&r=pg&d=mm
hard-design, 25-06-2010 21:00:22 - Répondre

Tout simplement merci pour tout

E6af5593fe9e84e413a69136992f35d4?s=200&r=pg&d=mm
Rem74, 20-06-2010 19:27:39 - Répondre

Apprendre à écrire.

8b3afc1cd13fa1832e8cdb69030957b4?s=200&r=pg&d=mm
AbouB, 20-06-2010 18:13:09 - Répondre

salut sava? euh enfet jvoulé vous demandé un p plus daide parsk jgalere pour mon codage comme dans le cas ou jmet l espace de travail g tjr du mal a arangé le texte laba parsk jcode avec bloc note....
Et moi kan jcode jprend une page ou jmet tt le codage, css.... et jcre dotr page vierge unikment pour le contenu

394
Badbart, 20-06-2010 18:27:49 - Répondre

Et donc au final tu veux quoi en faite ?

1
Grafikart, 20-06-2010 21:43:15 - Répondre

Pareil, j'arrive pas à comprendre ce que tu veux, essai décrire bien et d'être clair.
Merci

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
jijo, 29-05-2010 14:59:44 - Répondre

super tuto merci

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Création de site Internet, 26-05-2010 19:05:35 - Répondre

Sympa le tuto. Merci

073b7482e75482fc9037cccc8bb05d19?s=200&r=pg&d=mm
realb65, 12-05-2010 18:45:25 - Répondre

Peut-on avoir le template qui est utilisé dans ce tutoriel pour pouvoir suivre et faire la tuto pour vrai.

Merci

1
Grafikart, 12-05-2010 20:29:17 - Répondre

Oui il faut avoir un compte premium pour télécharger les sources et donc le template.

7ffbedbb6dc24718e925aa5a9b46aefd?s=200&r=pg&d=mm
ManelSGH, 08-05-2010 20:27:16 - Répondre

salut,
comment je peux télécharger des vidéos à partie de ce site??je dois être un membre premium??
Cordialement.

093d18b716bb9a05a24c42d45ad5e27e?s=200&r=pg&d=mm
OverSpeed301, 08-05-2010 21:33:43 - Répondre

Oui, il faut être premium ;)

677da84dc7ba7118085ad7c384f11bf0?s=200&r=pg&d=mm
DeathManiak, 02-05-2010 23:16:28 - Répondre

^Bravo pour ce tutorial toujours magnifique sa va aider beaucoup de personne !

Bravo pour tous ça ! Et continue ainsi !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Koua, 27-04-2010 18:25:21 - Répondre

Vraiment sympa ton tuto.
J'ai juste 2 petites choses qui coincent :
Tu vas être embêté avec ton titre car le visiteur n'aura pas la police si tu le tape en texte
Et si tu utilise des balises h1 pour tous tes titres tu vas être pénalisé niveau réf car c'est la balise qui définie le titre de page donc il doit être seul

0f78a49baae96a192abe10eca7585f1f?s=200&r=pg&d=mm
al, 14-04-2010 04:18:12 - Répondre

Très très bien ton tuto..

Merci bcp

3d0b734b85bdee7295a595f7c96680b7?s=200&r=pg&d=mm
tibo80, 09-04-2010 04:18:27 - Répondre

merci beaucoup pour ce tutoriel

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
agence web, 08-04-2010 00:57:40 - Répondre

merci pour vos video
A+

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
soutien gorge allaitement, 07-04-2010 15:24:37 - Répondre

Bonjour,

Sympa ce blog.

Bonne continuation.

0f978b183f83e6c0170c24351456906e?s=200&r=pg&d=mm
imedz, 12-03-2010 17:43:27 - Répondre

Mes salutations les plus sincère à Grafikart,
Je suis vraiment impressionné par votre qualité de présentation vidéo et par votre méthodologie de travail.. bravo! j'ai vu le tutoriel de découpage et vous avez signaler si quelqu'un a une idée plus rapide que de créer un calque vide pour aplatir le calque à découper et bien j'ai une idée et qui me semble bien pratique et qui nous permet de gagner du temps: utiliser ctrl+shift+c au lieu de ctrl+c et pour quelle fonctionne bien il faut cacher l'arrière plan du calque à découper pour qu'il ne colle pas. je vous remercie très sincèrement pour les bon tuto que vous faite.. et content de vous connaitre

495d3b7db7b781fd3163a6951bfac9a0?s=200&r=pg&d=mm
Drayark, 12-03-2010 15:42:25 - Répondre

Baptiste a raison la hauteur n'a pas spécialement d'importance, si ce n'est pour la taille de ton "header" ou de ton "footer". Ton content quant à lui peut être extensible à souhait.

Moi personnellement j'ai pris un standard de 700px de largeur, tout en sachant "biensur" qu'il reste certaines résolutions 800 X 600 px. Ensuite les tailles dépendent des contraintes qui te sont fixées.

@+

7e2029deac96fda9a7b74d64b86a8f97?s=200&r=pg&d=mm
Baptiste, 07-03-2010 19:45:00 - Répondre

bin au début, il explique le système 960 grid system, qui définit la largeur, et la taille des différentes colonnes... voilà!
@+

4ff53c483e2236995b93f7c36300a302?s=200&r=pg&d=mm
musicalitymaker, 07-03-2010 19:51:39 - Répondre

Merci de ton aide! :)

4ff53c483e2236995b93f7c36300a302?s=200&r=pg&d=mm
musicalitymaker, 07-03-2010 03:42:42 - Répondre

Bonsoir à tous!
Je veux crée mon propre site web avec un désigne originale fait par moi-même. Je vais utiliser le logiciel photoshop cs4 pour faite le modèle graphique du mon site web, mais le problèmes j'aimerais que quelqu'un puisse me dire ces quoi les bonnes dimensions que ça prend pour en faire un modèles "template". J'aimerais avoir les dimensions comme dans le tutorial s.v.p.

Merci beaucoup en avance de votre aide.

7472d5f787329815bb07174fe784a02f?s=200&r=pg&d=mm
Ethanol, 23-02-2010 07:05:27 - Répondre

Encore une fois, j'ai eu plaisir à suivre deux de tes tutoriels. Tu es même très drôle car tu sembles les faire en direct LIVE, donc quand ça merde ... ben tu dis merde !LOL. Pour les différents liens icones merci! J'en cherche depuis un bout et je ne pensais pas que des packs tout fait pouvait alimenter un site. Petite astuce dans mon usage Photoshop, je cliques droit sur le calques et je sélectionne (rasterize) qui est pixélisé dans la version française de photoshop.
J'ai beaucoup aimé tes mac moods icones sur ton windows ... Mais va falloir que tu passes sérieusement au mac si ce n'est pas déjà fait !LOL Encore un gros merci et lâches pas comme on dit ici au Québec, tu es vraiment bon!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
bluemanx, 31-01-2010 01:57:25 - Répondre

Merci bcp pour ce bon tuto pratique, mais j'ai un p'tit souçis autour des boutons de menu, je sais pas comment utiliser la technique cité dans le tutorial, en bref l'astuce de faire apparaître la deuxième image au survol.Merci bien.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
digitaldraft, 11-01-2010 16:34:42 - Répondre

Merci, c'est vraiment le meilleur tuto que j'ai vu à ce sujet. Je l'ai suivi pour faire mon site et je voulais te remercier pour la clarté de tes explications.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
hno, 09-01-2010 00:18:32 - Répondre

please i want the picture for this design because i want learn more of that
sorry i dont speak english or frans language
you are best teacher

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
hno, 09-01-2010 00:12:43 - Répondre

please h wont the picture for this desine because i want laern more of that
sorry i dont speak en or fr lang\
you are best taetcher

1ef533fdf20098472d9970b2512af9fb?s=200&r=pg&d=mm
Leb007, 03-01-2010 11:51:24 - Répondre

Bonjour, Bonne année

Trop cool, c'est vraiment gentil, je débute dans css, tes tutos sont super, je vais les faire tous, mais
j'aimerais aussi, avoir les sources, histoire de comparer mes résultats; merci d'avance; et encore merci pour ce super travail.

38f46257326251708696838ceb13bdc4?s=200&r=pg&d=mm
aucaun, 24-12-2009 16:22:03 - Répondre

excuse moi mais je ne trouve pas les éléments fournis en bas du tuto
comme je né pas photo shop ou pourrais je télécharger ton magnifique travaille

http://www.grafikart.fr/tutoriels/video/creer-un-site-web-decoupage-22

394
Badbart, 24-12-2009 16:59:53 - Répondre

Déjà répondu. Il a enlever les sources car trop d'abus.

1
Grafikart, 24-12-2009 17:05:17 - Répondre

Si tu souhaite avoir les sources envois moi un mail car je les ai retirées à cause d'abus.

073b7482e75482fc9037cccc8bb05d19?s=200&r=pg&d=mm
realb65, 12-05-2010 18:52:06 - Répondre

Bonjour Grafikart,

Je ne trouve pas ton email

394
Badbart, 12-05-2010 18:54:33 - Répondre

le gros CONTACT en haut a droite du site

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
iguanes, 20-12-2009 21:17:33 - Répondre

Trop cool !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
raph, 14-12-2009 12:22:13 - Répondre

Bonjour ou je peux trouver le tutoriel pour le codage en xhtml et css.
Super tuto
Merci

394
Badbart, 14-12-2009 13:01:23 - Répondre

Dans la partie xhtml/css du site peut être ?
"Créer un site web : Intégration" <- le nom du tuto

65555582b2c1c86e80fb8dd2be8bae28?s=200&r=pg&d=mm
MBN86, 11-12-2009 02:16:55 - Répondre

Veryyyyyyyyyyyyyyyy Goooooooooooooooooooooooooooooooood

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
fallon, 09-12-2009 17:46:50 - Répondre

Je débute et "dévore" tes tutoriels qui sont de très grande qualité, car simples et bien expliqués. Bravo et merci !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
9-THUG, 07-12-2009 04:57:53 - Répondre

Bonjour,

C'est possible de me dire la taille du template que je dois créer, car j'en ai fais un, mais quand je l'ouvre avec firefox, le template ne prends pas toute la page.
merci

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Loulou, 05-12-2009 12:10:08 - Répondre

Hey super tutos... Mais je voudroit faire une image sur photshop avec saisie de texte j'ai regarder l'autre tutos sur le moteur de rechercher avec ph cs4 mais ce n'est pas expliquez...

0b5a34a7c0de7d4e5f43b269fbbb9f40?s=200&r=pg&d=mm
bentenx, 04-12-2009 20:45:19 - Répondre

y'a plus possibilité de télécharger la tamplate?

1
Grafikart, 04-12-2009 21:21:40 - Répondre

Non trop d'abus.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
lexis, 26-11-2009 10:04:16 - Répondre

Merci beaucoup pour ce tutoriel, très bien expliqué et j'en avais bien besoin...
En plus avec une voix qui n'est pas chiante à écouter, c'est mieux pour un tuto d'une heure !! Encore merci et très bonne continuation.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Windows 7 , 08-11-2009 12:48:00 - Répondre

Super Bien fait ! :D

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
jln_sk8, 29-10-2009 18:04:07 - Répondre

Super tuto mon gars! Surtout comparé a ce que l'on trouve habituellement!

156d95b74e2f3b343e31ba975109d53c?s=200&r=pg&d=mm
feedunord, 21-10-2009 13:10:35 - Répondre

super vidéo!!!!!!! aussi je voudrai savoir ou se trouve toutes les sources de ce tuto?merci énormément!!!!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
tibo80, 19-10-2009 20:35:05 - Répondre

merci beaucoup pour ce bon tuto

Ec52357e476654efdaae21e7db43d20a?s=200&r=pg&d=mm
laqueency, 19-10-2009 18:26:28 - Répondre

slt j'aimerais savoir comment faire pour créer un site web ce que je veux en fait c'est faire un portfolio j'aimerais bien ton aide stp

merci

Bf76450cd6f15528dae6bc5015eee5f2?s=200&r=pg&d=mm
kiev, 18-10-2009 00:49:26 - Répondre

Bonjour, super le tuto, je débute dans la découpe et codage, je voudrais savoir la façon de découper un "contenu" mais avec un dégradé, il faut faire la même façon présentée dans la vidéo? selectionner une grande partie du contenu plutôt qun pixel de selection ? Eviter les degrader dans les " contenus" ? si tu pourrais m'aider merci :)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Alex, 17-10-2009 23:55:48 - Répondre

Bonjour je veux savoir comment visualiser ce tuto? Apparemment j'ai un problème;
de l'aide SVP

D30ba8e36349b3ac104bfde6fede68f6?s=200&r=pg&d=mm
John, 16-10-2009 17:48:24 - Répondre

Super Tuto, j'ai adoré moi qui débute dans le domaine, tu viens de me donner un sacré coup de main !!! Merci mille fois par contre j'aurais bien voulu télécharger les fichiers, mais je ne trouve pas le lien suis je fou ou aveugle tout simplement ?

J'aimerais devenir membre du site, comment cela se déroule ?

B186d69c8665abd3b2829a22c8edc442?s=200&r=pg&d=mm
Mourad, 10-10-2009 22:47:47 - Répondre

jai rarement vu un tuto aussi bien fait que celui là, j'ai commencer le HTML en DUT la semaine derniere mais je naurai que 32h pour faire mon site, jai matter en boucles les 2 videos qui se suivent mais jai 2 questions:
- Ou trouver des decors comme celui de manu36 et surtout est-ce que c'est legal de creer un site avec ?? ( est-ce que c est ce quon appel les templates??)
- Ma 2ie question, est-ce que t'as creer d autres tuto que celui là ou celui qui suit avec le code (dailleurs merci encore grace a toi jai appris beaucoup sur les css, 10x plus kavec les livres interminables)

1
Grafikart, 11-10-2009 04:41:48 - Répondre

Merci
- Pour le fond il utilise des brushs que tu peux trouver sur deviantArt par exemple. Après sur le coté légal il faut voir les conditions d'utilisations.
- Je t'invite à naviguer sur le site pour découvrir les autres tutoriels. (Un autre dans le même style sortira bientôt)

3a53f115cb4dd8f4bcda642706e668ac?s=200&r=pg&d=mm
MsieuxK, 03-10-2009 23:43:35 - Répondre

Bonjour, tres simpa ce tuto en tout cas, j'adore.
Tres bon prof. J'aimerai integrer une intro sur un site web comment peut on s"y prendre. Peut etre faire un tuto si tu a le temps.
Merci et bon courage

5b0920c4dc3d01506a33f187f09e7d8c?s=200&r=pg&d=mm
etiphie, 19-09-2009 05:43:29 - Répondre

Merci pour cette source d'information! Très bien détaillé!
Un grand bravo pour ce tuto!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Aziat, 06-09-2009 15:39:42 - Répondre

Bonjour, dejà Super Tutorial =D Et j'ai une question, Qu'elle est la taille en Pixel de ton Template ? Merci d'avance, Continue comme sa

4bf1293b0f850b7830ca8e03fccc5bd1?s=200&r=pg&d=mm
thidenthi, 31-08-2009 20:41:52 - Répondre

merci IkzzPress , je pense réalisé un site comme celui de ce tuto

Cb0c88ae967c4c606a1cf1e9869e3d41?s=200&r=pg&d=mm
IkzzPress, 31-08-2009 19:26:16 - Répondre

Pour te répondre cela dépend surtout si ton design est fixe ou extensible, du public visé etc...
Quand tu créer un nouveau projet dans Photoshop tu as les preset Web avec les différentes dimensions possibles. Ensuite il y a les sites qui s'ajustent à la résolution du visiteur pour cela il faut coder en % et non pas en pixels.

4bf1293b0f850b7830ca8e03fccc5bd1?s=200&r=pg&d=mm
thidenthi, 31-08-2009 17:19:43 - Répondre

super tutoriel :)
merci

j'ai une question : Par rapport au design complet du site que l'on veut créer (le template ) qu'elle doivent être les dimensions , prenons exemple sur le tutos , quels sont les dimensions du template ?

Merci :D

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
bbshetan, 27-08-2009 18:29:21 - Répondre

Félicitation pour ce tuto. J'ai découvert encore des astuces pour toshop pourtant jsuis pas novice....Merci beaucoup

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
dddundun, 26-08-2009 22:51:41 - Répondre

Grakikart il faidrais que tu fasse un tutoriel sur comment faire un disgne.

ça serait top ;)

Merci à toi.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
val, 12-08-2009 05:20:01 - Répondre

surtout pour ma part le 2emm tuto

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
val, 12-08-2009 05:11:35 - Répondre

fantastique très bon professeur, tout est très clair, bravo et que dire.
encore :-)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
bow9, 12-08-2009 04:28:35 - Répondre

Merci...
bôw travail !!!
à moi de jouer now !!!!

C726125065a4ebac234cca0c6f46e5fa?s=200&r=pg&d=mm
ingeniwi, 11-08-2009 16:54:46 - Répondre

Bonjour, merci pour ce superbe tuto.
J'ai un peu de mal pour voir comment procéder pour le mien.
Pourriez vous me donner un coup de main s'il vous plait ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
planete.game57, 08-08-2009 21:20:55 - Répondre

Salut jojo :)

C'est bien, j'ai adoré!

Moi qui suis pas un fan du design, je viens de réapprendre Photoshop !

A bientôt :)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
mickael, 02-08-2009 15:30:50 - Répondre

SAlut

Merci beaucoup pour le tuto, moi qui veut apprendre le graphisme et le codage, je suis ravi :)

Ton tuto est super sympa, clair, bien sur a chaque partie il faut faire une pause, et faire par etape et ensuite, recommencer si sa marche pas mais c le but d'un tuto :)

Aussi dés que j'ai un moment, je m'attelle au codage css :)

Encore merci et longue vie a graphikart :)

3f4ef405b8d85b9407d0cc25c031baac?s=200&r=pg&d=mm
abdelhak, 29-07-2009 18:50:51 - Répondre

Merci beaucoup ! c'est vraiment super bien expliqué, ça permet aux personnes pas très à l'aise avec le design
mais j'ai une petite question: comment on peux prendre les muser pour applique dans le style css???
par ex (width:282px;/ height:27px;/ margin:10px 0 0 0;/ padding:10px 0 0 10px;)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Jerem, 09-07-2009 23:48:02 - Répondre

Pour aplatir un calque : clique droit sur le calque : convertir en objet dynamique ( ce qui est bien c'est que ca marche aussi sur plusieur calque ).

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
nadras, 10-06-2009 17:07:58 - Répondre

MERCI ! MERCI !! ET ENCORE MERCI !!!!
...Un chouillat trop rapide mais voilà un tuto qui m'a fait faire un gros bond en avant :-)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Belly, 10-06-2009 14:04:44 - Répondre

Super tuto :D Merciiii

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Laaul, 01-06-2009 18:57:51 - Répondre

Salut et un gros merci pour ce tuto (ainsi que le codage ;))

bonne continuation !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Phiip, 28-05-2009 21:04:33 - Répondre

chouette tutoriel, la méthode est claire et sympa !
(bon, je connaissais photoshop avant, mais quand même.

Allez, je passe au second !

526373eb350f1255713491dd2863d6bc?s=200&r=pg&d=mm
???????, 24-05-2009 02:43:06 - Répondre

superbe tutoriel pas trop long ni trop court superbement bien filmé et expliqué pour les débutants comme pour les pros à en croire les nombreux messages...
MERCI je vais pouvoir mieux comprendre comment alléger mes prochaines pages !
je cherchais ce genre de tutoriel pour faire de nouvelles rubriques ... MERCI et plein de bonnes choses à vous.

94bac90b73230ea999cfd51c17efca68?s=200&r=pg&d=mm
Sam, 12-05-2009 11:55:39 - Répondre

Salut,

Ce tuto est super à regarder.

Mais à mettre en œuvre, ceci est une autre histoire. En effet, vous êtes trop rapide, je suis obligé de faire des retours et d'appuyer constamment sur pause pour bien comprendre le processus de mise en application de certains détails.

Je débute totalement dans ce domaine...

Sinon à part ça c'est généreux de votre par de proposer vos services.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
cerise, 11-05-2009 23:18:42 - Répondre

Franchement impeccable

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Le gentihomme qui vous veux du bien., 11-05-2009 08:25:38 - Répondre

Un grand bravo a vos tuto, clair et propre.

Merci pour ça.
Cordialement,
*******.

1
Grafikart, 08-05-2009 02:31:38 - Répondre

@quetionman : Un correcteur d'orthographe... Rien d'autre, Notepad++ suffit

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
quetionman, 08-05-2009 01:51:09 - Répondre

que fau til élécharger pour /xhtml-css apar not pad plus plus

6744cf1abfd21ceebc173c9923944e02?s=200&r=pg&d=mm
ToonMolo, 06-05-2009 18:12:02 - Répondre

Je prends du plaisir tout en apprenant. J'adore (et tu me sauves la vie car j'ai un site web à réaliser pour mon stage :) )

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
pitlion, 28-04-2009 11:45:03 - Répondre

Un grand merci ! Simple, clair, efficace. Bravo et bonne continuation

4b45cc883e6f9f1405594e58df636f3f?s=200&r=pg&d=mm
ToutiWeb, 21-04-2009 13:02:43 - Répondre

superbe tutoriel pas trop long ni trop court superbement bien filmé et expliqué pour les débutants comme pour les pros à en croire les nombreux messages...
MERCI je vais pouvoir mieux comprendre comment alléger mes prochaines pages !
je cherchais ce genre de tutoriel pour faire de nouvelles rubriques ... MERCI et plein de bonnes choses à vous.

44bf6f8f1486d3a1a8e1876a9459e731?s=200&r=pg&d=mm
themaster, 15-04-2009 19:58:32 - Répondre

Merci infiniment pour ce excellent tutorial, bien expliquer clair, simple
Vous the best voila vos tutoriaux m’aider beaucoup durant mon projet de fin d’étude,
Grâce a toi tous est clair devant mes yeux c’est meilleur que mon professeur
Merci encore
Etudiant tunisie

C48b5418e01dde732d634a3566b5f15b?s=200&r=pg&d=mm
Otaku-mad, 09-04-2009 16:42:41 - Répondre

Merci pour le tutoriel^^
J'ai adoré le commentaire du début "ou Paint, ça arrive" :D

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Chrys, 25-03-2009 10:19:15 - Répondre

Hello !

Merci à toi pour cet excellent tutoriel =)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
floflo, 21-03-2009 22:37:04 - Répondre

salut encore moi je floode ici:
juste un truc qui me fait douter ;j choisis de faire un site fixe mettons 600*800 si quelqu'un a un ecran plus grand (comme moi) ca sera pas centré?
sinon pour info j'air regardé le tutoriel mais jm'en rappelle plus quelle est la hauteur et largeur du template ("bloc")?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Willmdmdmdmd, 09-03-2009 18:30:45 - Répondre

Merci c'est très instructif!!!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Blop, 02-03-2009 17:20:35 - Répondre

Merci pour ce tutoriel. Très bien expliqué.

8f6206971217b51f50cc1faa1f8291df?s=200&r=pg&d=mm
Jbbbbb, 17-02-2009 19:49:48 - Répondre

tres bon tuto au moin la on saura comment faire parce que avec le siteduzero jcompren rien :)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Hqx, 14-02-2009 00:26:36 - Répondre

Bonjour,

Excellent tutorial, mais, il est possible d'avoir le même design pour essayer de le faire soi-même ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Wr4d, 02-02-2009 23:32:30 - Répondre

Vraiment un bon tuto clair bien expliquer bravo a toi =) puis sa va me permettre de réveiller mes connaissance en Xhtml&css puis de progresser sous PShop Merci pour tes tuto

1
Grafikart, 21-01-2009 19:42:30 - Répondre

@Val: Dès la conception il faut que tu sache si la largeur de ton site sera fixe ou pas. Dans le cas d'une largeur fixe tu prévois un fond qui se répète et tu centre le contenu (technique du tutoriel).

Par contre pour un site extensible en largeur c'est une autre histoire. Tu ne dois travailler qu'avec des images qui se répètent en largeur et plus avec des blocs. DeviantArt est un bon exemple (beaucoup d'aplats et des image se répétant sur l'axe des x)

Pour ton cas si tu pars sur un site 800x600 ben si la personne a un écrand plus grand il verra le fond se répété mais le contenu de ton site sera cantonné à une largeur de 800. Un peu comme celui du tutoriel si tu as un écran de 1680px de large il vera plus de fond mais le contenu ne se centrera pas. (agrandissement sans perte de qualité est impossible :) )

4ff53c483e2236995b93f7c36300a302?s=200&r=pg&d=mm
musicalitymaker, 12-03-2010 01:11:18 - Répondre

Bonjour Grafikar,
J'ai un gros problème :( J'hésite entre deux formas pour faire le template du site web. C'est quelle formas du document que je pourrais prendre entre 800px de largeurs, 600px de hauteurs, ou 1600px largeurs à 1200px; de hauteurs, J'aimerais savoir qu'elle serais le meilleur forma pour que le site web soi d'une bonne largeurs sur n'importe qu'elle formas d'écrans.

7e2029deac96fda9a7b74d64b86a8f97?s=200&r=pg&d=mm
Baptiste, 12-03-2010 13:13:06 - Répondre

bin pour la hauteur tu t'en fiche, c'est extensible un site web!
Et pour la largeur... Bin prends la grille 960gs !
@+

256051a536a720320696ab4398e16fb1?s=200&r=pg&d=mm
Val, 21-01-2009 18:15:30 - Répondre

Mille mercis pour tes tutos "génialissimes" que je découvre seulement !
Un travail vraiment super et à la portée de tous !
MERRRCIIII ! ;-)

Par contre, j'ai, de mon côté, une question qui persiste et malgré mes recherches, je ne vois pas comment faire. J'ai dû passer à côté :-(

Plus haut tu dis :

"De plu les designs doivent être extensible en hauteur et parfois aussi en largeur donc on ne peut pas se permettre de découper sous forme de bloc avec l'outil tranche"

Pour ce qui est de la hauteur, no pb, je comprends bien le but du découpage tel que tu le préconises.
Par contre, et c'est la mon pb, pour ce qui est de la largeur, j'ai un petit soucis :

Si je pars sur un thème destiné au 800x600 ou même au 1024x768, les images dont je me sers pour le thème vont être dégueu si je vois mon site sur du 1600x1200 !!! parce qu'agrandies à l'arrache ;-)
Et inversement, si je pars sur une haute réso, y'a de toute façon perte de qualité des images.

Je suppose qu'il doit existé une solution simple pour remédier à cela.
Outre le fait de passer le body à 100% en W et en H, comment faire pour ne pas perdre en qualité d'image ???

Telle est ma question ;-)

Tu aurais ça en rayon ?

Encore merci bcp pour tes tutos existants.

@ +++
Val

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Mino, 19-01-2009 21:24:36 - Répondre

Comme tout le monde, je tenez a te dire Merci!!!!!!!!!!!!!!!!!

98a6faa7b7eda97ab37beb4ec6aa64f9?s=200&r=pg&d=mm
manu, 15-01-2009 19:17:52 - Répondre

Super tutotoriel merci beaucoup !

Je vais essayer de l'adapter à gimp huhu ;-)

69fefe524b5945374a06798a9f3a09a8?s=200&r=pg&d=mm
sex toys, 15-01-2009 19:16:25 - Répondre

Bonjour,

Je recherchais des tutoriaux très explicites, je n'aurais pas pu trouvé mieux qu'une vidéo !
Un grand merci pour ce tutoriel en vidéo !

Cordialement

980d733c026fae98d8fcc9e0ed86d578?s=200&r=pg&d=mm
Teddy974, 12-01-2009 08:03:43 - Répondre

Très bon tuto, moi qui démarre de zéro dans la création de site web, je cherchai justement ce genre d'exemple trés pratique pour l'apprentissage.
Merci beaucoup de faire partager tes connaissances à tous le monde.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
goosy, 08-01-2009 01:06:46 - Répondre

Super ce tuto ! J'ai appris quelques truc utiles qui me feront gagner du temps.
Merci et vive internet !

0488cb06bc263b2e80cb946929d0e84e?s=200&r=pg&d=mm
Xenio, 04-01-2009 18:23:01 - Répondre

Yosh !
Merci encore pour ce tuto qui est propre, soigné et clair !! ^^
Je voulais savoir comment tu fais pour faire copier> nouveau> coller et obtenir une image cadrée auto ?? Je pige pas la, je crois que moi je me gourre avec la selection de claque et tout !!

Sayonara !

Cfd1f150f43d61f7abbaf0b0716e7a65?s=200&r=pg&d=mm
narwak, 30-12-2008 20:24:15 - Répondre

super tuto

je rajoute juste un truc, au lieu de fusionner avec un calque vide pour la découpe, as tu essayé de "copier avec fusion".

;)

E832df7224a68baa61ed6dc450ec0a26?s=200&r=pg&d=mm
fred, 26-12-2008 22:36:23 - Répondre

j’ai réussi à créer ma boutique avec ce site, gratuitement en contrepartie je gère tout de a à z via le panel administratif.

http://www.boutique-en-ligne-31.com/boutique-gratuite.html

Mon site bijoux
http://www.bijouxline.com

plus de 700 produits je mets moi même les photos les prix et argumentaires.

C24b1dd25fe51a5ec2bb5532283ddec9?s=200&r=pg&d=mm
Dan48, 23-12-2008 20:27:41 - Répondre

Je viens de suivre la partie 2(vite fait) (j'ai du pain sur la planche pour tout saisir...) j'ai récupéré et imprimé le code css mais j'aurais bien aimé avoir le code xhtml de ce tuto pour faire le lien plus facilement (car je comprends vite mais il faut m'expliquer longtemps)en tout cas c'est un superbe travail je vais me passer ces vidéos en boucle... il faudra bien que sa rentre!!!encore merci!!!tu est génial!

C24b1dd25fe51a5ec2bb5532283ddec9?s=200&r=pg&d=mm
Dan 48, 23-12-2008 15:05:45 - Répondre

Bonjour merci pour ce tuto,j'ai 63ans et je débute...je vais essayer de tout assimiler avant de continuer et passer au codage, j'avais fait un détour par le site du zero (un bon site pour découvrir le xhtml et le css), alors avec ces bases j'espère pouvoir suivre la 2eme partie, c'est super d'avoir des profs comme vous et gratos!!! un truc aussi que j'aimerais savoir faire ... des tutos vidéo comme le tien en vue de faire de la "formation " dans mon club photo , alors si tu as une adresse de tuto pour faire des tutos je suis preneur et avec quel programme faire ces vidéos? encore merci de nous faire partager ton savoir et je te souhaite de bonnes fêtes et une bonne année

09a9dfbbaeab4d8bc1a047205ff39fce?s=200&r=pg&d=mm
xunder, 23-12-2008 14:56:58 - Répondre

Bonjour , j'ai plein de problèmes sur Internet explorer 6 l'affichage n'est plus le même y a-t-il une méthode pour corriger ça ? et merci infiniment pour ces tutoriaux

1
Grafikart, 23-12-2008 12:29:29 - Répondre

En fait le but d'un design web et qu'il soit le plus léger possible avec des images très petites. De plu les designs doivent être extensible en hauteur et parfois aussi en largeur donc on ne peut pas se permettre de découper sous forme de bloc avec l'outil tranche. Normalement si tu regarde ce tutoriel et l'autre tutoriel sur le codage tu devrait arriver à comprendre comment tout cela fonctionne.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Angelus, 23-12-2008 01:44:12 - Répondre

bonjours et beau travail pour ce tuto, mais j'ai une question qui me turlupine un peu : Comment ce fait il qu'il y est tout le contenue du site alors qu'il y a que quelque image de l'interface qui sont découpé ?
Car moi personnellement j'ai l'habitude de découpé avec l'outil tranche, et de toujours découpé l'interface entièrement, c'est à dire toute les images sauf le fond! Et j'avoue que je ne sais pas trop comment découpé mon interface avec cette méthode, j'ai pas tout compris :-/

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
serdar67, 22-12-2008 19:00:02 - Répondre

tu pourrais faire un tuto sur le codage d'un site

Ce2afd8395806e9088a17bd6312cd1ce?s=200&r=pg&d=mm
SFW, 02-12-2008 23:59:20 - Répondre

Argh ! c'est bon j'ai trouver en fouillant dans les paramètre de mon nouveau calque ! Merci de l'aide :)
PS: La video est génial...pour l'enregistrement du tuto : c'est quel logiciel ?

Ce2afd8395806e9088a17bd6312cd1ce?s=200&r=pg&d=mm
SFW, 02-12-2008 23:49:22 - Répondre

j'ai tout verifier...:s
Je fusionne le groupe,je selectionne tout en faiesant "pomme + clic sur le claque " ( je suis sous mac mais le controle est juste remplacé par la touche " pomme") et quand je fait un nouveau calque : vide !
N'y a pas un chemin a faire avec les menus pour " tout selectionner" ? y aque la que j'ai pu me tromper

1
Grafikart, 02-12-2008 01:49:29 - Répondre

1: tu fais bien un copié ?
2: tu es bien sur un calque de pixel et non pas sur une forme ?
3: Tu as qu'un seul calque sélectionné ? Sinon il faut que tu les fusionne avant.

Ce2afd8395806e9088a17bd6312cd1ce?s=200&r=pg&d=mm
SFW, 02-12-2008 01:00:07 - Répondre

OK !
Alors mon problème se situe au niveau du debut de la vidéo...au moment de selectionner le header bleu/transparent.
Tu retire le retire le texte et apres tu fusionne le groupe. Ensuite tu dit " je selectionne tout, je fais copier, et je crée un nouveau document".Cette manip' est répétée plusieurs fois au cour s de la vidéo or je je suit les instructions et lorsque je "selectionne tout" et que je crée un nouveau document : j'ai un document vierge.. je ne sait pas d'où vient mon problème ! mais c'est assez frustrant :S
Merci d'avance pour l'aide :)

1
Grafikart, 01-12-2008 20:42:40 - Répondre

Détaille plus ton problème ou envois moi un mail.

Ce2afd8395806e9088a17bd6312cd1ce?s=200&r=pg&d=mm
SFW, 01-12-2008 19:57:34 - Répondre

....:s Up please ! je suis vachement embété...

68fd75e3d96290a8a8e259bff2a61dfb?s=200&r=pg&d=mm
Claude, 01-12-2008 10:42:56 - Répondre

Je viens d’effectuer la mise à jour avec le nouveau lien sur mon blog.
Merci pour ce tutoriel.
http://www.itsystem.fr/blog/creer-un-site-web-en-xhtml-et-en-css/

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
SFW, 01-12-2008 02:49:13 - Répondre

Heum désolé mais j'ai un petit problème de découpe ...
Je n'arrive pas a utiliser la méthode du "copier" puis "nouveau claque"! Y orait t'il un paramètre particulier a remplir au moment de la création d'un nouvelle page ?

3a7e5141fc36765a5f656f52d732f0f9?s=200&r=pg&d=mm
night wolf, 30-11-2008 18:51:33 - Répondre

Merci

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
serdar67, 27-11-2008 18:11:17 - Répondre

merci pour ce super tuto je vais pouvoir progresser ^^

995b3de7bec2826bd452e03f0124bbd4?s=200&r=pg&d=mm
Bibil, 24-11-2008 23:29:16 - Répondre

bravo pour ce tuto ^^
j'ai hâte de voir la suite !
pour la fusion des calques, je ne sais pas si j'ai bien vu ta technique, mais ma technique a moi c'est de créer un nouveau calque vide et de le fusionner avec celui qu'on veut aplatir ! pas mal de pro autour de moi font pareil lol
voili voila bonne continuation et encore bravo :-)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Dorian, 20-11-2008 11:53:06 - Répondre

Excellente démonstration, ça démystifie la manipulations des outils, super pour un néophyte.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
mustw, 18-11-2008 18:50:18 - Répondre

Superbe tutoriel ! Un grand merci à l'auteur.
Merci encore.
Mustw

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Belette, 17-11-2008 17:35:04 - Répondre

Merci beaucoup ! c'est vraiment super bien expliqué, ça permet aux personnes pas très à l'aise avec le design de s'en sortir :)

567df1da20e7b85b9360af4a91222574?s=200&r=pg&d=mm
Deco2noel, 15-11-2008 19:18:11 - Répondre

Merci !

Grâce à toi, j'ai refais le design de mon site : http://www.deco2noel.com/

567df1da20e7b85b9360af4a91222574?s=200&r=pg&d=mm
Matthieu, 26-10-2008 20:40:19 - Répondre

Salut !

Merci pour ce tutoriel ! j'ai longtemps cherché à savoir comment créer son propre design, maintenant je sais ;)

( Et bing ! un lecteur de plus ^^ )

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
kiwi2, 22-10-2008 01:34:05 - Répondre

Rapide et efficace...
je te souhaite une bonne continuation :)

1
Grafikart, 22-10-2008 01:31:45 - Répondre

C'est une div en position fixed.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
kiwi2, 22-10-2008 01:23:16 - Répondre

Salut,
superbe le tuto !
simple question : comment fais-tu pour garder sur ton site le menu tout en haut avec BLOG / PORTFOLIO / RESSOURCES ... tout en navigant sur les pages ?

1
Grafikart, 21-10-2008 22:26:38 - Répondre

@Ben: Normalement oui

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Ben, 21-10-2008 21:06:37 - Répondre

Merci à toi pour ton tuto ! ;)

A ton avis est-il possible de faire du boulot correct avec juste le version 5.5 de totoshop ?

++

1
Grafikart, 20-10-2008 02:27:15 - Répondre

@luuna: Merci,
Pour ce que tu demande ça dépend des cas. Quand je sélectionne l'image de 1 px c'est pour l'effet d'ombre qui entoure le design donc je voulais avoir le blanc du contenu ET l'ombre sur les coté. Sinon, effectivement si tu as une couleur unie il faut mettre le code couleur (ce que je fais pour le fond du body).

3ee99008656ae598139fc6594ee67e18?s=200&r=pg&d=mm
luuna, 20-10-2008 00:31:32 - Répondre

Je laisse un commentaire pour te remercier de ce tutoriel.
Je suis webmaster en herbe disons, je sais bien me debrouiller pour tout ce qui est php/html/css et javascript dernierement, mais le design n'est pas mon point fort. Ce que je travaille actuellement et je veux faire des designs web. Et grace a ton tuto j'ai une bonne vision de comment decouper mes elements que je cree.
De plus les elements d'optimisation que tu cites et explique sont vraiment interessant.
Une remarque plutot que d'utiliser une image de hauteur 1pixel pour le fond il aurait ete preferable de ne pas utiliser d'image mais simplement prendre le code couleur du fond et apres en css definir le fond de cette couleur non ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Leo, 19-10-2008 17:55:47 - Répondre

Première visite sur ce site et une seule chose à dire ... GENIAL Un grand merci Pour ce tuto complet et très bien expliqué CTRL+D sans hésiter je file regarder les autres merci

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Shin, 05-10-2008 16:22:37 - Répondre

Superbe.

De nombreux "trucs" a utiliser sans modération pour gagner de la place sur nos templates. Bien sur ca va être difficile d'apprendre la créativité par tuto mais bon on fera avec ce qu'on arrivera a creer xD.

Viiite je m'en vais dévorer le tuto de placement des éléments en codage xHTML/CSS =))

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Babou, 02-10-2008 22:10:05 - Répondre

Super tuto !! Ca marche aussi avec paint n'est-ce pas ?

8f5523080de4d43c0ad08433e3491663?s=200&r=pg&d=mm
Xavier, 02-10-2008 21:52:42 - Répondre

Un grand bravo pour ce tutoriel très bien fait.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Low', 20-09-2008 21:14:51 - Répondre

Merci beaucoup pour ce tuto, il est vraiment bien réalisé ! Moi qui n'y comprenais rien j'ai réussi à créer tout ce que je voulais ! Merci beaucoup !!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
liline, 13-09-2008 01:21:50 - Répondre

Bravo et merci pour ton coup de pouce... tu m'enlèves une énorme épine du pied ^_^, de plus tu est très pédagogue; c'est captivant ce petit accent chant lol. bonne continuation.

89d646b8bbfef5fb507a1ddf126bf676?s=200&r=pg&d=mm
nocif, 12-09-2008 03:06:08 - Répondre

Comment dire ...
Ce tuto devrait etre partout car pour une personne qui cherche a decoupe un template il n y a rien de mieu.
j'ai passer des heures à lire des tutos mais en 1h passée ici j ai compris tout ce que j avais lu auparavant car sans la video je comprenais a moitier.

merci pour ce tuto qui est tres tres clair et qui explique vraiment tout.
bonne continuation

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
moulla, 07-09-2008 20:38:59 - Répondre

ce tuto est absolument génial merci

Ec9c8ed167f5779054e78519a259dc11?s=200&r=pg&d=mm
Tenshu, 01-09-2008 01:51:19 - Répondre

Merci enormement pour ce tuto très très bien fait !

68fd75e3d96290a8a8e259bff2a61dfb?s=200&r=pg&d=mm
itsystem, 25-08-2008 19:43:17 - Répondre

Merci beaucoup pour ce tuto.
C'est clair et précis.
Bravo pour ce partage de savoir :)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
biohazard01, 23-08-2008 13:29:47 - Répondre

Merci beaucoup pour ce tuto, trés claire et bien expliqué. j'espere que tu continueras.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
tempo, 16-08-2008 03:35:26 - Répondre

Un grand merci pour tous vos tutos.

C'est super clair !

Bravo et merci encore.

J'attends les prochains avec impatience.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Yo@n, 13-08-2008 14:08:04 - Répondre

Vraiment bravo pour la qualité de ce tuto, je vais recommander ton site aux personnes débutantes qui veulent tout apprendre depuis le début. Bonne continuation à toi.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Alea, 13-08-2008 08:06:57 - Répondre

Oui, je suis du même avis que Julien cela fait peut-être peu de temps que je connais ton site mais tes tutoriaux sont U.L.T.R.A claire ;) C'est le 3eme que je suis et jusque là je comprend tous vraiment Bravo ! :)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Tom, 08-08-2008 21:47:07 - Répondre

Hello M'sieu Raton, pour un calque avec une forme dessus tu peu pixelliser avec un clic droit sur le calque mais les options de fusion ne serons pas aplati.

Merci pour ces tuto c'est très instructif même pour les non débutant !! :D

A bientot, Tom.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
issaid, 08-08-2008 21:46:49 - Répondre

Bonjour,
je vous remercie beaucoup pour votre tuto, c'est bien expliquè (y);
aufait, je voulais demander comment proceder a la decoupe des rectangle avec un contour progressif, j'en ai trop sur une seule maquette, et aussi comment faire avec un background transparent, ca veut dire que le background de la page ne se cache pas, et reste visible avec une transparence
Merci
j'espere que je suis pas entrain de trop vous deborder
Cordialement Issam ^_^

1
Grafikart, 08-08-2008 21:46:31 - Répondre

L'outil tranche ne permet pas de découper les images comme je le souhaite (peut être que je ne sais pas bien l'utiliser) avec des images de différents types avec certaines images nécessitant des transparences.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
yanoo, 08-08-2008 21:46:16 - Répondre

tres bien fait tes tutos,chapeau tres belle realisation.Mais dans celui la sur les decoupes avec photoshop pourquoi ne pas utiliser l'outil tranche qui est fait pour ca?
Bonne continuation.

1
Grafikart, 08-08-2008 21:40:40 - Répondre

Héhé, Manu a remodifié le code par la suite mais celui que je vais donner aux utilisateur est entièrement valide au W3C strict.
Pour IE6 j'ai abandonné depuis longtemps.. Si on doit se préoccuper des navigateur "fantomes" on ne s'en sort pas (même si IE6 a encore pas mal d'utilisateur)...

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
LeLoup, 08-08-2008 21:40:20 - Répondre

Je vais faire mon rabat-joie, mais bon, il faut bien hein, sinon c'est pas rigolo. Il y a donc quelques petits soucis avec ce template:

- Il n'est pas valide XHTML 1.0 Strict
http://validator.w3.org/check?uri=http%3A%2F%2Fmanu36back.free.fr%2Ffolio%2Findex.html&charset=(detect+automatically)&doctype=Inline&group=0

- La mise en page foire complètement avec IE6

1
Grafikart, 08-08-2008 21:39:34 - Répondre

@Guillaume : J'ai du rajouter un classe et une fonction à Dotclear. Je t'invite à me contacter par mail pour que je t'envois la méthode.

5fba921203385ad23007ca945412d04e?s=200&r=pg&d=mm
satch, 30-09-2011 15:27:07 - Répondre

Merci pour tout!!!t'es génial!!pourrais-je avoir ton mail pour des questions?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Zfnix, 08-08-2008 21:39:26 - Répondre

Bonsoir,

Félicitation pour ce site et merci pour ces tuto très intéressant et clairement expliqués.

Bonne continuation..

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Guillaume, 08-08-2008 21:39:19 - Répondre

J'ai hâte de voir la suite car c'est le codage qui m'intéresse plutôt que le découpage photoshop. Mais bravo quand même pour cette très bonne vidéo.

Et puis au fait, comment fais tu Mr Raton Laveur pour afficher les titre des articles en fonction des catégories ( une enceinte pour la section musique, ton logo pour tes messages perso....). C'est quelque chose que je souhaite faire depuis longtemps mais j'ai jamais réussi. Merci !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Pers0nne, 08-08-2008 21:39:07 - Répondre

Hey !

Franchement, top le tuto. Comme les autres d'avant :)
Vivement les prochains.

Bonne continuation.
Bye.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
julbut, 08-08-2008 21:38:59 - Répondre

C'est ce que je cherche depuis longtemps ... après le découpage comment mettre les éléments sur une page web !!
C'est génial le travail que tu as fait !
Commence par le commencement je pense enfin ... tu vois c'est toi le chef ;-)

Merci encore ... allez j'y retourne moi !

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Sylv1, 08-08-2008 21:38:10 - Répondre

Tu peut expliquer le XHTML et le CSS en utilisant des exemples de codage ;) Super ton premier tuto vidéo. Vivement les prochains.

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
julg7, 08-08-2008 21:37:54 - Répondre

Beau travail ! Vivement le prochain ;)

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Pouti, 08-08-2008 21:37:44 - Répondre

Salut Raton Laveur déjà merci pour tous ce que tu fais tu fait de belle chose enfin de magnifique tuto je les comprends direct en plus de sa vidéo non c'est le site qui propose des vidéo gratuit chapo j'espère que le blog aura long vie.

Moi j'aimerais que tu commence par le codage l'explication, enfin je veut dire après avoir fait le design mettre en place le css. Car c'est dans sa que je bloque a l'heure actuel vivement le prochaine tuto Merrrrrrrrci.

1
Grafikart, 08-08-2008 21:37:36 - Répondre

La création d'une page php suppose de bonne connaissance en HTML et en Algorithme donc ce n'est pas pour tout de suite car c'est assez complexe à expliquer...

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
raph, 08-08-2008 21:37:28 - Répondre

Par le commencement,

Il est possible d'avoirs un tutoriel sur la création d'une page php

1
Grafikart, 08-08-2008 21:37:21 - Répondre

Dans le prochain tutoriels vous voulez que je commence directement le codage ou que je commence par expliquer les bases de l'HTML et du CSS ?

6438c496de0de7574702a01502bb3356?s=200&r=pg&d=mm
julien, 08-08-2008 16:20:18 - Répondre

Félicitations pour ce super tuto je suis d'ailleurs étonné que tu n'ai pas plus de remerciement car tes tutoriaux sont d'excellente qualité bien au dessus de la plupart de ceux que l'ont peut trouver et en plus tout ca avec beaucoup de modestie.
Un énorme BRAVO ;)