Tutoriel Vidéo HTML-CSS : Créer un site web : Découpage

Salikh Il y a 19 jours Répondre

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

Zutroy Il y a 21 jours Répondre

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

Soumaya Il y a 2 mois Répondre

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

Juliette Il y a 3 mois 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.

Juliette Il y a 3 mois Répondre

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

Juliette Il y a 3 mois 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)

romses1 Il y a 4 mois 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

Ghislaine12 Il y a 11 mois Répondre

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

LiiCHA Il y a 11 mois Répondre

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

Davy Il y a 1 an Répondre

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

Julien82 Il y a 1 an 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.

Titon Il y a 1 an Répondre

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

Florian Il y a 1 an Répondre

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

lukos Il y a 1 an 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 ^^)

Yann Il y a 1 an 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

iannlc Il y a 1 an 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 ?

David Il y a 2 ans 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)

Mik Il y a 2 ans 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.

Brahim Il y a 2 ans Répondre

j'aime trop votre tutos bravo continue

Brahim Il y a 2 ans 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;)

hichamb Il y a 2 ans Répondre

c urgent svp

hichamb Il y a 2 ans 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.

hard-design Il y a 2 ans Répondre

Tout simplement merci pour tout

Rem74 Il y a 2 ans Répondre

Apprendre à écrire.

jijo Il y a 2 ans Répondre

super tuto merci

Création de site Internet Il y a 2 ans Répondre

Sympa le tuto. Merci

poia Il y a 2 ans Répondre

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

Bravo pour tous ça ! Et continue ainsi !

Koua Il y a 2 ans 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

al Il y a 2 ans Répondre

Très très bien ton tuto..

Merci bcp

tibo80 Il y a 2 ans Répondre

merci beaucoup pour ce tutoriel

agence web Il y a 2 ans Répondre

merci pour vos video
A+

soutien gorge allaitement Il y a 2 ans Répondre

Bonjour,

Sympa ce blog.

Bonne continuation.

imedz Il y a 2 ans 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

Drayark Il y a 2 ans 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.

@+

musicalitymaker Il y a 2 ans 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.

Ethanol Il y a 2 ans 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!

bluemanx Il y a 2 ans 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.

digitaldraft Il y a 2 ans 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.

hno Il y a 2 ans 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

hno Il y a 2 ans 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

Leb007 Il y a 2 ans 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.

iguanes Il y a 2 ans Répondre

Trop cool !

MBN86 Il y a 2 ans Répondre

Veryyyyyyyyyyyyyyyy Goooooooooooooooooooooooooooooooood

fallon Il y a 2 ans 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 !

9-THUG Il y a 2 ans 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

Loulou Il y a 2 ans 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...

lexis Il y a 2 ans 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.

Windows 7 Il y a 2 ans Répondre

Super Bien fait ! :D

jln_sk8 Il y a 2 ans Répondre

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

feedunord Il y a 2 ans Répondre

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

tibo80 Il y a 2 ans Répondre

merci beaucoup pour ce bon tuto

laqueency Il y a 2 ans 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

kiev Il y a 2 ans 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

Alex Il y a 2 ans Répondre

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

John Il y a 2 ans 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 ?

MsieuxK Il y a 2 ans 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

etiphie Il y a 2 ans Répondre

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

Aziat Il y a 2 ans 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

thidenthi Il y a 2 ans Répondre

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

IkzzPress Il y a 2 ans 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.

thidenthi Il y a 2 ans 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

bbshetan Il y a 2 ans Répondre

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

dddundun Il y a 2 ans Répondre

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



ça serait top


Merci à toi.

val Il y a 2 ans Répondre

surtout pour ma part le 2emm tuto

val Il y a 2 ans Répondre

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

bow9 Il y a 2 ans Répondre

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

ingeniwi Il y a 2 ans 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 ?

planete.game57 Il y a 2 ans 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

mickael Il y a 3 ans 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

abdelhak Il y a 3 ans 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;)

Jerem Il y a 3 ans 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 ).

nadras Il y a 3 ans 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 :-)

Belly Il y a 3 ans Répondre

Super tuto :D Merciiii

Laaul Il y a 3 ans Répondre

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

bonne continuation !

Phiip Il y a 3 ans 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 !

??????? Il y a 3 ans 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.

Sam Il y a 3 ans 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.

cerise Il y a 3 ans Répondre

Franchement impeccable

Le gentihomme qui vous veux du bien. Il y a 3 ans Répondre

Un grand bravo a vos tuto, clair et propre.

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

quetionman Il y a 3 ans Répondre

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

ToonMolo Il y a 3 ans 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 )

pitlion Il y a 3 ans Répondre

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

ToutiWeb Il y a 3 ans 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.

themaster Il y a 3 ans 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

Otaku-mad Il y a 3 ans Répondre

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

Chrys Il y a 3 ans Répondre

Hello !

Merci à toi pour cet excellent tutoriel =)

floflo Il y a 3 ans 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")?

Willmdmdmdmd Il y a 3 ans Répondre

Merci c'est très instructif!!!

Blop Il y a 3 ans Répondre

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

Jbbbbb Il y a 3 ans Répondre

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

Hqx Il y a 3 ans Répondre

Bonjour,

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

Wr4d Il y a 3 ans 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

Val Il y a 3 ans 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

Mino Il y a 3 ans Répondre

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

manu Il y a 3 ans Répondre

Super tutotoriel merci beaucoup !

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

sex toys Il y a 3 ans 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

Teddy974 Il y a 3 ans 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.

goosy Il y a 3 ans Répondre

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

Xenio Il y a 3 ans 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 !

narwak Il y a 3 ans 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".

;)

fred Il y a 3 ans 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.

Dan48 Il y a 3 ans 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!

Dan 48 Il y a 3 ans 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

xunder Il y a 3 ans 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

Angelus Il y a 3 ans 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 :-/

serdar67 Il y a 3 ans Répondre

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

SFW Il y a 3 ans 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 ?

SFW Il y a 3 ans 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

SFW Il y a 3 ans 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

SFW Il y a 3 ans Répondre

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

Claude Il y a 3 ans 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/

SFW Il y a 3 ans 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 ?

night wolf Il y a 3 ans Répondre

Merci

serdar67 Il y a 3 ans Répondre

merci pour ce super tuto je vais pouvoir progresser ^^

Bibil Il y a 3 ans 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 :-)

Dorian Il y a 3 ans Répondre

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

mustw Il y a 3 ans Répondre

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

Belette Il y a 3 ans 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

Deco2noel Il y a 3 ans Répondre

Merci !

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

Matthieu Il y a 3 ans 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 ^^ )

kiwi2 Il y a 3 ans Répondre

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

kiwi2 Il y a 3 ans 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 ?

Ben Il y a 3 ans 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 ?

++

luuna Il y a 3 ans 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 ?

Leo Il y a 3 ans 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

Shin Il y a 3 ans 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 =))

Babou Il y a 3 ans Répondre

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

Xavier Il y a 3 ans Répondre

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

Low' Il y a 3 ans 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 !!

liline Il y a 3 ans 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.

nocif Il y a 3 ans 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

moulla Il y a 3 ans Répondre

ce tuto est absolument génial merci

Tenshu Il y a 3 ans Répondre

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

itsystem Il y a 3 ans Répondre

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

biohazard01 Il y a 3 ans Répondre

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

tempo Il y a 3 ans Répondre

Un grand merci pour tous vos tutos.

C'est super clair !

Bravo et merci encore.

J'attends les prochains avec impatience.

Yo@n Il y a 3 ans 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.

Alea Il y a 3 ans 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 !

Tom Il y a 3 ans 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.

issaid Il y a 3 ans 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 ^_^

yanoo Il y a 3 ans 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.

LeLoup Il y a 3 ans 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

Zfnix Il y a 3 ans Répondre

Bonsoir,

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

Bonne continuation..

Guillaume Il y a 3 ans 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 !

Pers0nne Il y a 3 ans Répondre

Hey !

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

Bonne continuation.
Bye.

julbut Il y a 3 ans 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 !

Sylv1 Il y a 3 ans 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.

julg7 Il y a 3 ans Répondre

Beau travail ! Vivement le prochain

Pouti Il y a 3 ans 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.

raph Il y a 3 ans Répondre

Par le commencement,

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

julien Il y a 3 ans 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