Dans cette formation Photoshop et Dreamweaver, nous allons apprendre, ensemble, pas à pas, à créer un site Internet de type Portfolio, de A à Z. La formation sera composée de plusieurs parties à savoir :

  • Charte graphique: réalisation de la maquette des pages de votre site Internet sur Photoshop. Cette partie aura pour but de vous sensibiliser à bien hiérarchiser les éléments / structure de vos pages, utiliser les règles sous Photoshop, créer des dossiers et sous-dossiers afin d’optimiser le découpage des maquettes.
  • Interlude : petite parenthèse afin d’apprendre quelques notions du langage CSS et HTML. Nous nous aiderons de quelques schémas pour parfaire notre montage HTML.
  • Maquette HTML et CSS : création de la feuille de style CSS et montage HTML de la page d’accueil, suivi des autres pages HTML et ajout des différentes class et ID pour faire fonctionner ces dernières.
  • Fignolage : création de notre formulaire de contact en php, optimisation des balises métas pour le référencement, ajout des modules liés aux réseaux sociaux (likebox, commentaires, et partage Facebook / Twitter sur les pages détails du portfolio. Nous terminerons cette formation avec un petit tuto qui nous permettra de transférer la totalité de nos pages web vers un serveur mutualisé / dédié à l’aide d’un client FTP.

Cette formation conviendra très bien aux débutants souhaitant créer leur propre site Internet sans passer par des CMS du style wordpress / joomla et peut-être suivi sur les anciennes versions de Photoshop (cs3, cs4, cs5) et Dreamweaver (cs3, cs4, cs5). Note : si vous n’avez pas Dreamweaver, ce tuto pourra quand même être suivi à partir d’un autre éditeur HTML.

Si vous avez des questions, n’hésitez pas ! Bonne formation à tous.

Jetez un oeil à ces autres tuto Photoshop CS6, Dreamweaver CS6

La séparation des fréquences en retouche peauLa séparation des fréquences…
Dans ce nouveau tuto retouche sous Photoshop, je vais vous présenter…

Effet néonEffet néon
Dans ce tuto Photoshop, nous allons apprendre ensemble à réaliser…

Photoshop: l'outil de comparaison sur grisPhotoshop: l'outil de comparaison…
Bonjour et bienvenu sur cette nouvelle formation Photoshop CS6.…

EXPERT : plaquer un visuel sur une surface avec ses reliefsEXPERT : plaquer un visuel…
Je vais vous dévoiler dans ce tuto une astuce d'expert peu…

Fusionner un personnage complexe dans une photoFusionner un personnage complexe…
Dans ce tuto Fusionner un personnage complexe dans une photo…

Photoshop : Maîtriser l'art du détouragePhotoshop : Maîtriser l'art…
Dans cette formation sur Photoshop CS6, je vais vous enseigner…

La retouche de photos de voyageLa retouche de photos de voyage…
Ce tuto Lightroom 4 et Photoshop est dédié à la retouche…

Photoshop CS6 pour les photographesPhotoshop CS6 pour les photographes…
Voici une formation Photoshop CS6 dédiée au Photographes.…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Photoshop CS6, Dreamweaver CS6 de 4 heures 34 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

team8.fr , formateur certifié

Bonjour, Damien Graphiste Illustrateur / Directeur artistique - Agence Team8.fr Je suis spécialisé dans la création visuelle d'images numériques, ainsi que dans la conception graphique de sites Internet / HTML / CSS. N'hésitez pas à me poser vos questions concernant les tutos !

Toutes les formations de Team8.fr


Témoignage des clients de team8.fr

De bon tutos qui m'ont permis de progresser

Ce formateur est compétent et compréhensible !

Merci pour la formation

Très bon formateur, très professionnel. Je recommande les yeux fermés !

excellent formateur proposant des tutos vraiment très intéressants! j'ai déjà suivi plusieurs de ses tutos et je pense continuer, j’apprends beaucoup avec ce formateur

Lire les autres témoignages

 

D'autres tuto de team8.fr

Créer une scène catastrophe sur PhotoshopCréer une scène catastrophe sur Photoshop
Dans ce tuto Photoshop, nous allons apprendre à créer une scène catastrophe sur Photoshop…

Créer un effet SteamPunk sur PhotoshopCréer un effet SteamPunk sur Photoshop
Dans ce tuto Photoshop, en vidéo, nous allons apprendre à créer un effet steampunk…

Animer en GIF votre Logo pour le WebAnimer en GIF votre Logo pour le Web
Dans ce tuto Photoshop CS6, en vidéo, nous allons apprendre à animer votre logo à…

Créer un effet feu sur vos polices ou logoCréer un effet feu sur vos polices ou logo
Dans ce tuto Photoshop CS6, en vidéo, nous allons apprendre à créer un effet feu sur…

voir tous les tuto de team8.fr

Notes attribuées par les utilisateurs (99 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (183)

par mateus121a voté :
(a acheté ce tuto - 18 mars 2014)

" Très bon tuto, je n'avais jamais touché à Photoshop et j'ai appris beaucoup de chose "

par docteurhachea voté :
(a acheté ce tuto - 27 février 2014)

" Simple, clair et précis ! "

par team8.fr
(auteur de ce tuto - 23 février 2014)

" Merci pour tous ces retours positifs ! @ blakw0olfa > bien vu :) "

par auroreapia voté :
(a acheté ce tuto - 23 février 2014)

" tres bon tutoriel :) merci beaucoup. Continuez comme ca :) "

par blakw0olfa voté :
(a acheté ce tuto - 17 février 2014)

" Explications superbes et claires !
Ps: Curriculum Vitae , pas Vitea :) "

par johnapopa voté :
(a acheté ce tuto - 03 février 2014)

" Nickel, très pédago comme d'hab. Par contre pour les débutants photoshops peut-être devrait-il y a voir davantage d'explications sur les racourcis notamment. "

par diaisa voté :
(a acheté ce tuto - 01 janvier 2014)

" tout est excellent le propos le support l'accompagnement "

par nonoleseca voté :
(a acheté ce tuto - 04 décembre 2013)

" cooollllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll "

par Lemerlu56a voté :
(a acheté ce tuto - 01 décembre 2013)

" Bonne présentation, explications claires. Petit bémol : Un peu de longueur et de remplissage. "

par actionreplaya voté :
(a acheté ce tuto - 18 septembre 2013)

" Très bonnes explications, c'est très clair, merci ! "

par l.reaua voté :
(a acheté ce tuto - 10 septembre 2013)

" Tuto très formateur. On manque souvent de méthode, la formation nous force à bien hiérarchiser et réfléchir nos projets. Merci "

par servalka voté :
(a acheté ce tuto - 07 septembre 2013)

" J'avais deja fait 2 sites en HTML mais sans jamais comprendre vraiment ce que je faisais... grace a ce tuto vraiment bien fait les choses vont changer, c'est excellent ! Merci pour ce superbe tuto ! "

par illuminaa voté :
(a acheté ce tuto - 04 septembre 2013)

" Merci pour ce tuto, il est vraiment très accessible pour la mise en situation. super!!! "

par lamygraphiste
(n'a pas acheté ce tuto - 03 septembre 2013)

" Ce tuto est très trop classe pour mettre ses créations "

par pubardea voté :
(a acheté ce tuto - 28 août 2013)

" J'aurais aimé plus d'infos concernant l'import de document pdf sur la maquette psd (notamment concernant la catégorie CV, puis-je importer dans son ensemble un pdf monté sur indd sans que le texte soit pixelisé?) "

par kevinjakoa voté :
(a acheté ce tuto - 20 août 2013)

" Excellent tutoriel ! Parfait pour ceux qui débute. Merci. "

par DeadNekoa voté :
(a acheté ce tuto - 08 juin 2013)

" Très bon tutoriel, bien expliqué et accessible à tous, Merci! "

par team8.fr
(auteur de ce tuto - 26 mai 2013)

" Salut LuDOF merci pour le retour, pas de souci : damien@team8.fr "

par LuDOFa voté :
(a acheté ce tuto - 25 mai 2013)

" Bonjour,

Tuto parfait ! Je l'ai acheté afin de me faire mon portfolio et n'y connaissant rien en HTML j'avais peur d'être perdu mais les explications sont très claires !
Néanmoins j'ai un petit soucis pour faire quelque chose, serait-il possible d'en parler par mail ?

Merci beaucoup par avance. "

par jpsmarnoa voté :
(a acheté ce tuto - 18 mai 2013)

" Tuto très clair. Parfait pour apprivoiser Photoshop. "

par team8.fr
(auteur de ce tuto - 09 mai 2013)

" mampa > oui dans les configurations de addthis. Plusieurs formats d'affichages te sont proposés :) "

par klmpa voté :
(a acheté ce tuto - 09 mai 2013)

" Très bon tuto, clair et précis avec tous les raccourcis cité si je ne m'abuse. "

par mampa
(a acheté ce tuto - 08 mai 2013)

" merci du coup j'avais un problème avec les scripts ;)

Par contre petite question concernant "addthis" il serait possible d'inclure l'image "aimé" que l'on partage sur facebook par éxemple car la on à juste l'icone facebook ou twitter....cela fait un peu tache...

"

par Azilisa voté :
(a acheté ce tuto - 04 mai 2013)

" Vraiment bravo ! Clair, efficace et trés pédagogique :) "

par team8.fr
(auteur de ce tuto - 03 mai 2013)

" Bonjour mampa > Je peux regarder tout ça, il me faudrait l'ensemble des pages (zippées).

Bonjour herve60 > Pouvez vous m'envoyer votre page contact.php sur damien@team8.fr

A bientôt :) "

par mampa
(a acheté ce tuto - 03 mai 2013)

" Tuto super!

Il est bien fait pour des débutants comme moi^^, j'ai pu le faire sans pour autant regarder le tuto ;)

Par contre le Jquery aurait pu être un peu plus développé....j'ai voulu rajouter une lightbox pour mes photos mais vu que je suis débutant la dedans, lorsque je la met en place elle fonctionne bien par contre l'effet opacité des icones (réseau sociaux) ne fonctionne plus....

mais je vais trouver le soucis (ou si une ame charitable pourrait m'aider??^^)

En tout cas chapeau Team8 j'acheterais vos tutos ;) "

par herve60
(a acheté ce tuto - 02 mai 2013)

" Bonjour , super tuto Merci

juste un petit probleme avec le formulaire de contact.
je recois bien les message envoyer par le formulaire mais j'ai 4 lignes d'erreur qui apparaisse en haut du site.

Deprecated: Function eregi_replace() is deprecated in /htdocs/contact.php on line 20

Deprecated: Function eregi_replace() is deprecated in /htdocs/contact.php on line 21

Deprecated: Function eregi_replace() is deprecated in /htdocs/contact.php on line 23

Deprecated: Function ereg() is deprecated in /htdocs/contact.php on line 41

Merci si vous avez une solution. "

par team8.fr
(auteur de ce tuto - 02 mai 2013)

" Salut acavallin,
Pas très bien compris ? Qu'entends tu par relier ?
"

par acavallina voté :
(a acheté ce tuto - 01 mai 2013)

" Comment relier les 4 raiseaux sociaux en haut de la page ? merci "

par lorelevena voté :
(a acheté ce tuto - 27 avril 2013)

" génial, moi qui débute je trouve ce prof très pédaguogue et très simple dans ses explications, surtout quand on est graphiste de base... "

par team8.fr
(auteur de ce tuto - 23 avril 2013)

" Salut Toz14, le fichier source est pourtant bien présent.
Vérifie dans ton compte > mes vidéos !
A+ :-) "

par Toz14a voté :
(a acheté ce tuto - 23 avril 2013)

" Salut, je tiens a te remercier car c'est super interressant tout çà.
Je ne trouve pas le dossier source que tu nous a laissé par contre :/.
Du coup pour mes images, icones c'est le caca... !
Pourrai tu m'éclairer?

Bye ! "

par Answalda voté :
(a acheté ce tuto - 14 avril 2013)

" Excellent tutoriel ! En plus un joueur de Starcraft II ! Pis tiens add me : Answald#307 ! "

par andragonea voté :
(a acheté ce tuto - 12 avril 2013)

" Tuto clair, rapide et précis. Très très bien réalisé "

par Pebzia voté :
(a acheté ce tuto - 08 avril 2013)

" Très bien réalisée. Les explications sont claires et fluides. "

par polbru40a voté :
(a acheté ce tuto - 02 avril 2013)

" Super, merci pour ce tuto qui ma été d'une grande aide. "

par team8.fr
(auteur de ce tuto - 31 mars 2013)

" Hello DimC,
Car de mémoire le bouton est entre des balises ul li /li /ul du coup on prend l'ensemble des blocs.

En ce qui concerne la width, si l'on ajoute des padding (marges intérieures gauche et droite) de 30px à un bloc qui mesure 1000px, le bloc fera à l'arrivé 1060px de large. Le padding vient s'additionner à la largeur du bloc. C'est pour cela qu'il faut soustraire les valeurs du padding : 1000-60 = 940px

Bonne fin de weekend :) "

par DimC
(a acheté ce tuto - 30 mars 2013)

" Bonjour,

Merci pour ce tuto. Par contre j'aurais 2 petites questions si vous permettez:

1) Je ne comprends pas pourquoi le lien "Télécharger le CV" est en "display: block" dans le css. A quoi cela sert-il ? Pourquoi ne pas laisser par défaut, à savoir le type "in-line" pour les liens ?
(je n'ai plus le numéro de ligne dans le css mais la "class" s'appelle ".liencv a" je crois.

2) Je ne comprends pas la logique du "width" pour la structure. Pourquoi avoir mis 940px et non 1060px ?
De base vous voulez une largeur de 1000px. Or vous mettez 2 marges INTERIEURES de 30px chacune. Donc si on veut un contenu "remplissable" de 1000px de largeur avec 2 marges de 30px de chaque côté, ça ferait 1000 + 60px et non une soustraction plutot.
Me trompe-je ? :)

En vous remerciant "

par team8.fr
(auteur de ce tuto - 22 mars 2013)

" Salut Liweb, oui effectivement nous copions le background du site : 1 px de large X la hauteur du site, afin de le répéter horizontalement sur l'ensemble des pages (idem pour le background des titres : 1 px de haut X la largeur du background afin de le répéter verticalement). Tu as tout compris :)

Merci pour vos retours !
La Team8 "

par Liweba voté :
(a acheté ce tuto - 22 mars 2013)

" Juste une petite question concernant la découpe de la charte pour l'intégration, il ne manquerait pas une étape ? En effet, l'intégration de l'image bg pour le dégradé se fait sur la base de celle qui est fournie. Dans le tuto il est indiqué que nous avons spécifié une largeur de 1px lors de la création de la charte mais après vérification, je n'ai pas trouvé cette étape. Il s'agit d'un découpage par tranche ? Idem pour les titres ?
Merci de votre aide. "

par Liweba voté :
(a acheté ce tuto - 21 mars 2013)

" Bien expliqué, chaque étape est détaillée, le formateur ne va pas trop vite. Parfait ! "

par neige713a voté :
(a acheté ce tuto - 13 mars 2013)

" Merci, merci, merci. Explications claires et efficaces et votre voix et très agréable ! "

par kro49a voté :
(a acheté ce tuto - 11 mars 2013)

" Clair et précis, hâte de voir la suite. Bon formateur ! "

par Gyaka voté :
(a acheté ce tuto - 06 mars 2013)

" Grosse perf. Très bien expliqué, fluide et sans trop d'hésitations, ... ce type est un grand homme. "

par dayan209a voté :
(a acheté ce tuto - 06 mars 2013)

" très bon cours rien à redire j'adore :) hormis une chose j'aurais voulu que dans ce tuto le formateur nous apprenne à faire le logo histoire d'avoir des bases solides sur la création de logo "

par AGZORa voté :
(a acheté ce tuto - 05 mars 2013)

" Excellent je peux le faire tout seul! je t'ai meme devancé plusieurs fois ;)
Allé hop protfolio ! "

par cyrildaga voté :
(a acheté ce tuto - 01 mars 2013)

" Tres bien pensé ! Belle hiérarchisation du PSD
Merci ! "

par oli650a voté :
(a acheté ce tuto - 25 février 2013)

" Un tutoriel très instructif, mais j'aurais bien aimé apprendre à faire la galerie aussi.

Mais très bon tuto "

par alexeisa voté :
(a acheté ce tuto - 22 février 2013)

" très pertinant et très intéressant, ça m'a beaucoup aidé merci "

par pedrobena voté :
(a acheté ce tuto - 22 février 2013)

" tres bon tuto tres bon prof, ca devient facile a faire "

par team8.fr
(auteur de ce tuto - 18 février 2013)

" Hello, merci à tous pour vos retours, c'est très encourageant !
A+:-) "

par imafanara voté :
(a acheté ce tuto - 12 février 2013)

" Vos tutos sont juste parfaits, bon rapport entre professionalisme et pédagogie! "

par bounet65a voté :
(a acheté ce tuto - 04 février 2013)

" Très bon tuto, moi qui débute j'ai appris plein de petites astuces. Merci "

par futer
(n'a pas acheté ce tuto - 04 février 2013)

" Tutoriel très intéressant pour débuter son portfolio. Team8.fr continue comme ça "

par tweaky94
(a acheté ce tuto - 31 janvier 2013)

" Bonjour à tous,
Je viens d'acheter cette formation et visualisé la partie mise en page effectuée sous photoshop... Elle est tout simplement parfaite!!!
La vitesse est bonne, pas trop lente pas trop rapide et une voix agréable à écouter on ne s'endort pas une minute. Si seulement ça pouvait être un critère de sélection des vidéos déposées sur Tuto!!!
Allez, j'y retourne...
Bravo pour cette formation "

par eSki0fa voté :
(a acheté ce tuto - 27 janvier 2013)

" Très bon Tuto je le recommande il m'a permis d'apprendre à créer mon Site Web. "

par dRbecKmanna voté :
(a acheté ce tuto - 25 janvier 2013)

" Trés bon pédagogue,super tuto pour un debutant comme moi.Rien à dire "

par team8.fr
(auteur de ce tuto - 25 janvier 2013)

" Salut tonyque, merci pour ton témoignage.
Pour enlever la pub (slider gratuit) il faut acheter la licence sur le site. Ou sinon trouver un autre slider sur la toile ;)
A+:-) "

par tonyquea voté :
(a acheté ce tuto - 25 janvier 2013)

" Salut. super tutoriel.
Tres bonne dynamique, explications claires, et tout semble fonctionner jusque la. Un grop up pour ce qui concerne le référencent et les réseaux sociaux, ce qui m'a attiré à suivre votre tuto.
cependant j ai une question... j 'aimerais, quitte à créer un site web, ne pas avoir de pub... est-il possible d'enlever dans le slider la référence "WOwslider.com". Ca m'ennuie profondément .
Merci de votre réponse "

par team8.fr
(auteur de ce tuto - 18 janvier 2013)

" Bonjour Janot,
Cette formation à pour but d'initier les débutants au Web. Ces 3 points sont assez délicats à réaliser surtout pour les novices et assez long à expliquer.
Désolé =) "

par JANOT47
(n'a pas acheté ce tuto - 18 janvier 2013)

" Bonjour,
Ancien scannériste (à la retraite à ce jour) dans une photogravure j'ai une bonne
connaissance des logiciels de la PAO, ainsi que Flash et Dreamweaver.
Avant d'acheter votre tuto serait'il possible d'avoir 3 ajouts sur votre formation afin de la personnaliser à mon goût.
bien entendu je suis prêt à payer le prix (raisonnable) pour ces modifications :

_1 un nom d'utilisateur ainsi qu'un mot de passe pour l'ouverture d'un dossier photo.
_2 l'ajout d'un dossier pour visionner des vidéos, principalement de musique de youtube
_3 un player sur la page d'accueil qui lira une musique avec un choix dans un menu déroulant

Je ne suis pas pressé pour la réalisation de ce projet modifié.

Dans l'attente de vous lire recevez mes salutations distinguées "

par BLONDINa voté :
(a acheté ce tuto - 12 janvier 2013)

" Efficace, très bon tuto, sur un ton enjoué en plus !
;-).
Bravo. "

par chantou99a voté :
(a acheté ce tuto - 10 janvier 2013)

" Clair, précis! Très bien expliqué, un débutant peut suivre facilement. Bravo! "

par WeberNicolasa voté :
(a acheté ce tuto - 10 janvier 2013)

" Tuto très bien fait mais attention, ce tuto n'explique pas comment fonctionne Dreamweaver. Cours HTML et CSS. "

par gregori38a voté :
(a acheté ce tuto - 05 janvier 2013)

" Explication en mode scolaire très appréciable quand on débarque sur la toile html.. Hâte de voir la suite.. :-) "

par team8.fr
(auteur de ce tuto - 04 janvier 2013)

" Merci pour vos retours !

Feneck > oui à la fin :) "

par Feneck
(n'a pas acheté ce tuto - 04 janvier 2013)

" Tuto très interessant pour ce qui debute dans le web et je voudrais savoir, est ce vous expliquer comment le mettre en ligne ? "

par bransoccera voté :
(a acheté ce tuto - 02 janvier 2013)

" Tres bon tuto, j'ai un peu galéré pour la partie photoshop n'ayant jamais utilsé le soft "

par pier2a voté :
(a acheté ce tuto - 22 décembre 2012)

" très clair, bravo ! les élements sensés être complexe sont expliquer de manière ludique et construite. même un débutant peut se sentir capable de grande chose ! ^^ "

par team8.fr
(auteur de ce tuto - 18 décembre 2012)

" Mordicus / maxime.mcfly1 merci pour vos retours :) "

par maxime.mcfly1a voté :
(a acheté ce tuto - 15 décembre 2012)

" Génial. Super prof. L'apprentissage est facile et rapide. "

par Mordicusa voté :
(a acheté ce tuto - 11 décembre 2012)

" Prise en main et mise en bouche très sympa.. A recommender!
5/5 "

par team8.fr
(auteur de ce tuto - 09 décembre 2012)

" Salut loicw, oui sans problème :)
À+ "

par loicw
(a acheté ce tuto - 09 décembre 2012)

" je possède dreamweaver cs5, pourrais-je réaliser ce tuto entièrement ? "

par team8.fr
(auteur de ce tuto - 05 décembre 2012)

" Salut bransoccer, peux tu vérifier les dimensions de ton espace de travail (1200*1500px).
Sinon essayes directement d'ouvrir les icônes en faisant
fichier - ouvrir (et sélectionnes les icônes concernées) - tu n'auras plus qu'à faire (ctrl+a pour tout séléctionner et ctrl+c pour copier). Ensuite tu retourne sur ton espace de travail (maquette) et tu fais ctrl+v pour coller l’icône.

Sinon le raccourci clavier pour diminuer / augmenter : ctrl+t (transformation manuelle).
Des petites poignées apparaissent sur les 4 côtés - Tout en appuyant sur shift sur maintient le clique sur une poignée afin de diminuer ton image.

En espérant d'avoir aider.
A+:-) "

par bransoccera voté :
(a acheté ce tuto - 05 décembre 2012)

" Bonjour,

j'ai acheté ce tuto mais je dois dire que je suis novice je ne connais pas du tout photoshop, ma question est quand j'ajoute les 4 logos de reseaux sociaux sur ma feuille , ils sont plus gros que ceux montré dans la vidéos (autour de 9 min 30 sur la vidéo, 1ère vidéo) du cout ils dépassent au niveau de mes repères, est il possible de diminuer la taille des logos ?
je valide par entrée les 4 puis je ne peux pas diminiuer leur taille, je change leur ordre comme montré
Est il possible de diminuer les 4 logos en même temps

merci de votre aide "

par CHARLIECHOa voté :
(a acheté ce tuto - 30 novembre 2012)

" A suivre et à recommencer !
Très instructif, pédago...
Merci "

par Rastavibes59a voté :
(a acheté ce tuto - 30 novembre 2012)

" Super tutoriel, complet et très accessible !
Bravo et merci ! "

par glancea voté :
(a acheté ce tuto - 29 novembre 2012)

" Méa culpa. Effectivement, il suffit simplement de rajouter une balise li, sans oublier de rajouter également un lien pour les petites vignettes. Merci à toi pour ce super tuto et cette réactivité :-) "

par team8.fr
(auteur de ce tuto - 29 novembre 2012)

" Merci à vous !

glance > de mémoire j'aborde ce sujet, tu peux mettre autant d'images que tu veux (il faut rajouter ton image entre les balises li et /li . merci :-) "

par glancea voté :
(a acheté ce tuto - 28 novembre 2012)

" Trés bon tuto. Je n'ai eu aucun soucis du début à la fin. Seul bémol en ce qui concerne le slider, dommage qu'il n'y ai pas plus d'informations sur sa construction (par exemple : savoir si l'on peut integrer plus d'images, et comment par rapport aux codes, même si l'ont ne rentre pas dans un cours de programmation). "

par creasabrea voté :
(a acheté ce tuto - 25 novembre 2012)

" Très clair, bien expliqué/préparé... Formateur agréable. Impec ! "

par benoitlepa voté :
(a acheté ce tuto - 22 novembre 2012)

" Très bien expliqué. Je comprend mieux maintenant. Merci "

par akumaaa voté :
(a acheté ce tuto - 19 novembre 2012)

" Très bien expliqué, un peu rapide mais quand on connaît le logiciel, il n'y a pas de problèmes.
Très bonne méthodologie pour la création des différents éléments, calques, groupes de calques.
Excellent ! "

par team8.fr
(auteur de ce tuto - 17 novembre 2012)

" Bonjour, merci à vous pour les retours c'est sympa :) "

par xav974a voté :
(a acheté ce tuto - 17 novembre 2012)

" Le tutoriel est très clair, très convivial, très pédagogique. Apprendre à faire un site de cette manière est très ludique, bien qu'il faille rester attentif. Je recommande sans réserve. "

par jeanchouxxxa voté :
(a acheté ce tuto - 17 novembre 2012)

" Premiere video superbement bien travailler...
(explication claire et rendu impeccable)
à tout de suite pour la seconde video ;) "

par Nermahca voté :
(a acheté ce tuto - 16 novembre 2012)

" J'ai vraiment aimé le premier chapitre, très bien expliqué. "

par BracKa voté :
(a acheté ce tuto - 02 novembre 2012)

" très bien expliquer, les débutants y trouveront leur bonheur, merci encore. "

par steph15a voté :
(a acheté ce tuto - 28 octobre 2012)

" PAS MAL POUR LES DIFFERENTS NIVEAUX,
c'est clair pour l' instant il me tarde de mettre en pratique. "

par LouMorgana voté :
(a acheté ce tuto - 10 octobre 2012)

" Vraiment très bien expliqué, bien détaillé, super ! "

par bakri
(a acheté ce tuto - 09 octobre 2012)

" Merci pour cette réponse! du coup je l'ai acheté :) "

par team8.fr
(auteur de ce tuto - 08 octobre 2012)

" Salut bakri, oui il faudra juste renseigner à la place des images le code que te générera youtube / vimeo. A+:) "

par bakri
(a acheté ce tuto - 07 octobre 2012)

" Merci pour ta réponse rapide!!! mais étant donné que je suis plus dans la réalisation de court métrage j'aimerais savoir si l'on peut insérer des vidéos à la place des images?
Merci "

par team8.fr
(auteur de ce tuto - 07 octobre 2012)

" Salut, oui sans problème :) "

par tristan94
(n'a pas acheté ce tuto - 06 octobre 2012)

" Bonsoir merci pour cette réponse rapide, et donc il sera possible de réaliser ce site, en créant un backoffice avec la formation a venir ? "

par team8.fr
(auteur de ce tuto - 04 octobre 2012)

" Bonsoir tristan,
Pas dans cette formation. Nous abordons ce sujet dans notre nouvelle formation en 3 parties :

http://fr.tuto.com/photoshop/creer-une-maquette-graphique-d-un-site-web-photoshop,35756.html

http://fr.tuto.com/dreamweaver/montage-html-css-dune-maquette-graphique-sur-dreamweaver-dreamweaver-html-css,36037.html

La dernière partie consacrée au backoffice (admin) est en cours création ! D'ici quelques jours elle sera disponible.

A bientôt "

par tristan94
(n'a pas acheté ce tuto - 04 octobre 2012)

" Bonjour, en faisant un site a l'aide de ce tutoriel, si l'on souhaite changer, ou ajouter des photos, il faut a chaque fois repasser par photoshop ou il y a une page internet admin comme pour wordpress ?

Merci d'avance. "

par paulbreveta voté :
(a acheté ce tuto - 04 octobre 2012)

" Vraiment très très très bien !!! On apprend pleins de choses, les explications sont bien détaillées et tout fonctionne à merveille !!! C'est exactement le tuto que je recherchais ! MERCI "

par team8.fr
(auteur de ce tuto - 04 octobre 2012)

" Salut bakri oui il est tout à fait possible d'insérer des Liens YouTube a la place des images par exemple ! Au plaisir "

par bakri
(a acheté ce tuto - 04 octobre 2012)

" Salut! il a l'air super ton tuto, je voudrais juste savoir est ce qu'il est possible de mettre des videos du genre liens youtube
merci "

par yannzoola voté :
(a acheté ce tuto - 29 septembre 2012)

" on sent bien le pro qui sait faire, mais qui ne prépare pas trop son sujet, il n'a pas besoin, il sait faire ! pour un novice s'est tout a fait faisable. bravo et merci. continuez.... "

par team8.fr
(auteur de ce tuto - 28 septembre 2012)

" Salut ablavi93, peux tu m'envoyer tes fichiers pages html + css zipés > damien@team8.fr
(ça ne doit pas être méchant^^) "

par ablavi93
(a acheté ce tuto - 28 septembre 2012)

" Déjà un grand merci pour ce tuto très bien fait ! Depuis le temps que je veux me faire mon portfolio, j'ai enfin presque réussi ^^ !

par contre j'ai 2 problèmes:

- La première fois que j'ai fait le slide en reprenant tes éléments, ça a fonctionné sans problème. Par contre, maintenant que je veux le faire pour mon site, je ne comprends pas pourquoi, ça ne veut plus fonctionner... j'avoue que je ne comprends pas trop... le code à l'air pourtant identique (en plus c'est du copié/collé...), j'ai aussi vérifié qu'il y avait bien toutes les images dans le bon fichier. Dans dreamweaver, les 3 images s'affichent les unes au dessus des autres et au lieu d'avoir les petites vignettes, des chiffres 1, 2, 3 s'affichent. Les flêches sur le coté n'apparaissent pas. Quand je teste sur le navigateur on a l'impression que le défilement se fait en trop grande taille...Aurais-tu une idée de ce à quoi ça pourrait être du?

- ma deuxième question concerne le formulaire de contact : j'héberge mon site chez free et du coup cela ne fonctionne pas. j'ai une erreur 404 quand je teste... Comment faire pour que ça marche?

merci d'avance pour tes réponses "

par team8.fr
(auteur de ce tuto - 26 septembre 2012)

" Merci à vous :) "

par aqw1952rsa voté :
(a acheté ce tuto - 23 septembre 2012)

" Super ! très bien expliqué, peut-être un peu rapide pour un novice mais en regardant deux fois la vidéo c'est très bon j'ai bien assimilé le cours. "

par rature92a voté :
(a acheté ce tuto - 14 septembre 2012)

" Super tuto ! Bravo c'est très bien expliqué meme pour des tout débutant "

par alou38a voté :
(a acheté ce tuto - 14 septembre 2012)

" Parfait complet précis merci. Encore des caractères à écrire. "

par delicoa voté :
(a acheté ce tuto - 13 septembre 2012)

" vraiment bien fait et surtout bien expliqué pour un débutant comme moi en programation... merci "

par deheldja voté :
(a acheté ce tuto - 09 septembre 2012)

" a revoir plusieurs fois pour integrer mais je suis impatient de voir la suite "

par marinellamartina voté :
(a acheté ce tuto - 04 septembre 2012)

" Superbe tuto très bien expliqué! Un grand merci 5/5 "

par team8.fr
(auteur de ce tuto - 03 septembre 2012)

" Bonjour à vous 3, merci pour vos commentaires !

sdompy > tu as du mal copier / coller le code, si tu veux envoies moi tes fichiers sur damien@team8.fr ! a+ :) "

par sdompya voté :
(a acheté ce tuto - 02 septembre 2012)

" "C'est parfait, ca marche, c'est génial"

Y'à juste une mauvaise manip dans le tuto, pour l'effet transparence sur le portfolio, où suite à un mauvais copié collé, le light ne fonctionne pas sur les 6 dernieres vignettes.

Mais rien de génant, si on a bien suivi la manip auparavant.

Tuto nickel pour apprendre à faire un site de A à Z. "

par 6-MyKa voté :
(a acheté ce tuto - 30 août 2012)

" Tutoriel très clair, offre une façon de travailler intéressante sur les CSS "

par NUMERIPHOTa voté :
(a acheté ce tuto - 30 août 2012)

" Cool, il me tarde de voir mon site en ligne grace à ces informations claires et précises! "

par team8.fr
(auteur de ce tuto - 28 août 2012)

" wikinorpa > je confirme que la suite de cette formation orientée backoffice sera disponible courant septembre :) à bientôt ! "

par wikinorpaa voté :
(a acheté ce tuto - 28 août 2012)

" Il n'y a pas à hésiter pour la formation orientée backoffice, je suis preneur !!

C'est moi qui te remercie :) "

par team8.fr
(auteur de ce tuto - 25 août 2012)

" salut wikinorpa merci à toi, la formation intégration CMS arrive bientôt :)

Cyrusnorth > Non pas dans cette formation, cependant, nous réfléchissons à éventuellement faire une formation orientée back office avec la création d'une console d'administration afin de mettre à jour facilement images / textes etc. "

par Cyrusnorth
(a acheté ce tuto - 24 août 2012)

" Bonjour,

J'ai pas encore pu regarder le tuto en entier car j'essaie d'abord de savoir ce que je veux mettre comme contenu sur mon site, mais je voulais te demander s'il y avait un moyen de mettre directement ses photos flickr sur le site, avec une sorte de gallerie jqwery, un petit truc sympa, qui évite à chaque fois de devoir uploader le site avec les nouvelles photos.

Merci de ton aide :) "

par wikinorpaa voté :
(a acheté ce tuto - 21 août 2012)

" Excellent tuto, ça m'a permis de revoir un peu les bases que j'avais commencé à perdre au fil du temps, faute de pratique. Je suis impatient de découvrir un prochain tutoriel concernant l'intégration du site dans un CMS style JOOMLA ou dans un blog, wordpress pour citer le plus connu.

A bientôt la team8 et merci beaucoup. "

par team8.fr
(auteur de ce tuto - 15 août 2012)

" Salut jctez, nous avons placé nos repères sur photoshop afin de définir les zones de découpes du site (header, contenu, pied de page etc.) De ce fait nous savons exactement les dimensions de ces blocs. En espérant avoir répondu à ta question ;)
A+ "

par jctez
(a acheté ce tuto - 15 août 2012)

" très bon tuto !!
mais comme dit précédemment je ne vois pas comment tu as découpé le site ?

peux tu nous éclaircir ? stp "

par team8.fr
(auteur de ce tuto - 14 août 2012)

" Merci à vous pour vos commentaires, désolé pour la réponse tardive, j'étais en vacances !

NaveyArts > il suffit de taper sur les touches alt + 5 pour l'ouverture et alt + ) pour la fermeture (la touche à côté du 0)

A+ :) "

par NaveyArts
(a acheté ce tuto - 12 août 2012)

" je suis sur mac donc j'ai pas la touche alt gr :/ je fait comment pour les parhenthèse :(
"

par Reidena voté :
(a acheté ce tuto - 11 août 2012)

" ben ça c'est du tuto :-)
super satisfait d'avoir autant d'info
merci "

par moliviaza voté :
(a acheté ce tuto - 09 août 2012)

" Tres bon tuto clair et facile pour les debutants ;) "

par pitermana voté :
(a acheté ce tuto - 02 août 2012)

" le tuto est cool, mais je n'ai pas les videos de découpe html.. c'est normal?
car tu dis à plusieurs reprise : 'nous avons enregistrez et même découpé... etc'
"

par team8.fr
(auteur de ce tuto - 01 août 2012)

" Merci benoit d'avoir pris le temps de commenter !
A bientôt "

par benoitdu59a voté :
(a acheté ce tuto - 31 juillet 2012)

" Très bon tutoriel, le formateur est très plaisant à suivre. J'ai également appris de nombreuse astuce. A recommander "

par team8.fr
(auteur de ce tuto - 31 juillet 2012)

" Peux tu essayer de mettre ce bout de code entre les balises body /body, par exemple en fin de site comme indiqué dans le tuto. (et non entre les balises head). Pour éviter spammer les commentaires tu peux me contacter sur damien@team8.fr
a+ :) "

par DKProjecta voté :
(a acheté ce tuto - 31 juillet 2012)

" Oui justement, j'ai déjà cette ligne de code et j'ai essayé de modifier les données d'opacité mais rien ne change, toujours fond blanc.

Pour enlever ce fond, je dois toucher à la couleur indiquée dans le CSS. :s "

par team8.fr
(auteur de ce tuto - 31 juillet 2012)

" Merci gotiaa / Pollus :)

DKProject > il faut rajouter le petit bout de code en bas du tuto et attribuer à l'image la class * light *

En espérant t'avoir aidé :)
A bientôt "

par DKProjecta voté :
(a acheté ce tuto - 31 juillet 2012)

" Super tuto ! Je suis graphiste et je ne comprend pas grand chose à la programmation (malheureusement) et c'est vraiment très plaisant de suivre ce tuto.

Petit point personnel, j'ai essayer de faire le même effet sur mon site pour les vignettes qui bougent, mais je ne parviens pas à réduire l'opacité du bloc blanc d'arrière plan.

(voir vignette de gauche sur ce lien : http://aurelienhamel.fr/)

Si vous avez une idée, merci de m'aider.

:) "

par gotiaaa voté :
(a acheté ce tuto - 31 juillet 2012)

" Très bon tuto, très simple et instructif. Design simple, efficace et propice à une évolution. Merci "

par pollusa voté :
(a acheté ce tuto - 30 juillet 2012)

" Bien, c'est clair et plaisant à suivre. J'espère que la suite sera aussi agréable et instructive. "

par team8.fr
(auteur de ce tuto - 29 juillet 2012)

" Salut Sidney444 ! merci pour ton message.
Concernant les raccourcis tu as juste (sur dreamweaver) à écrire <div class (espace) et il te propose *id* (tu n'as plus qu'à venir le sélectionner).
Pour la fermeture de balise *<*(shift+/)
En espérant avoir résolu ton problème ! bonne fin de weekend
a+ "

par Sidney444a voté :
(a acheté ce tuto - 28 juillet 2012)

" Bonjour, j'ai un problème. Etant exclusivement sur mac, je ne trouve pas de raccoucis clavier pour inserer une classe "ID". Comme vous le savez, on a pas la touche alt gr ... Vu que vous maniez les deux, pouvez vous me donner la marche à suivre. merci :) "

par Sidney444a voté :
(a acheté ce tuto - 27 juillet 2012)

" Formation extrément pédagogique et tres bien expliquée. Just top! "

par team8.fr
(auteur de ce tuto - 25 juillet 2012)

" tamtam78 > merci pour ton avis ;)
maissoum > tout dépend de la construction de ton site ! ici en l’occurrence nous voulons que tous les blocs se calent à gauche. Pas besoin de clear ^^, merci pour ton avis également

A bientôt "

par maissouma voté :
(a acheté ce tuto - 24 juillet 2012)

" Tuto plutôt simpatoche...Je pensais quand mettant des float il faut automatiquement ajouter une div class clear ?? Bonne continuation. "

par tamtam78a voté :
(a acheté ce tuto - 21 juillet 2012)

" Une démo complète avec tous les fichiers nécessaires, explications très claires pour les non initiés. Merci! "

par team8.fr
(auteur de ce tuto - 17 juillet 2012)

" olivirus > pas de soucis envoies moi tes fichiers (zip) sur damien@team8.fr
Je pense qu'il faudra créer une autre class du style : .marginbottom50 {margin-bottom:50px;} et venir l'appeler sur l'image.

kayen / Kreight : merci c'est sympa ! "

par olivirusa voté :
(a acheté ce tuto - 17 juillet 2012)

" Salut Team8,

J'ai encore un soucis…
Sur la page portfolio-detail.html, vous mettez une grande image à gauche et du texte à droite.

J'ai fait une légère variante; je m'explique:
J'ai toujours le grand visuel sur la gauche

CSS : #img-grande
{width:455px; height:auto; float:left; margin-bottom: 30px; margin-right: 30px;}

J'ai toujours la zone de texte à droite :
#bloc-texte {width:455px; height:auto; float:left;}

Par contre, mon texte est vraiment très court, du coup, je voulais venir positionner une autre image, en dessous du texte, qui soit elle-même alignée en pied avec le visuel de gauche… j'espère que je suis clair.

C'est là que je me noie. J'arrive à intégrer ma seconde image (focus) en dessous du texte mais impossible de trouver le moyen de l'aligner avec le visuel de gauche, à part en créant une class "margin-top" très grande, mais qui m'embête sur mes autres pages de portfolio-detail, car mes visuels de droite ne feront pas tous la même hauteur…

HELP !!!

Je peux t'envoyer mes .html et.css sur une adresse si tu les souhaites.

MERCI DE TA REPONSE
"

par kayena voté :
(a acheté ce tuto - 17 juillet 2012)

" Simple et clair "

par Kreighta voté :
(a acheté ce tuto - 16 juillet 2012)

" Vraiment très clair, le meilleur tuto que j'ai fait jusqu'à présent, bravo, et merci ! "

par team8.fr
(auteur de ce tuto - 14 juillet 2012)

" Bass33 > J'ai hâte de voir ça ^^
Ancelin > Merci pour ton avis :)

A bientôt "

par bass33a voté :
(a acheté ce tuto - 13 juillet 2012)

" C'était bien dans wowslider.css, j'aurais du regarder avant de poser la question.
Finalement je vais coller mes travaux, héberger et te montrer ;) "

par team8.fr
(auteur de ce tuto - 13 juillet 2012)

" Bass33 > oui dans le dossier images, sinon l'appel se fait dans la feuille de style : wowslider.css
c'est surement l'appel qui n'est pas bon !

Au plaisir :) "

par Ancelina voté :
(a acheté ce tuto - 13 juillet 2012)

" Très bonne explication, étape par étape,qui nous permet de réaliser notre propre site.
Merci ! "

par bass33a voté :
(a acheté ce tuto - 13 juillet 2012)

" Oui j'ai bien arrows.png dans le dossier img. Peut-être que l'appelle ce fait sur le dossier image au lieu de img ??
Elles sont appelées ou ses images, dans l'index.html ? Ou bien par le Js ?

Je ne savais pas que l'on pouvait ce passer de liste a puce avec un (display: inline;), finalement plus simple donc plus cool :)

Pour Dream c'est bon, je m'y prenais comme un manche :)

merci "

par team8.fr
(auteur de ce tuto - 13 juillet 2012)

" Salut bass33, as tu bien placer les images des flèches dans ton dossier image ?
Les ul, li servent à faire des listes à puce, tu peux très bien les utiliser pour les liens, mais ce n'est pas une obligation, surtout ici on peut s'en passer. Le code est bon ^^

Tu peux changer le nom de ton dossier, car les appels se font à partir de la racine du dossier.

Ton dossier (racine)

dossier images
image 1
image 2
image 3....

dossier style
style.css

etc !

En espérant t'avoir aidé :) "

par bass33a voté :
(a acheté ce tuto - 13 juillet 2012)

" Tuto fini, bon j'ai juste a changer tes img par les miennes et revoir les textes, mais comme ce n'est qu'un tuto ça ira très bien comme ça, c'est plus la partie code qui m’intéresser ;)

Par contre, je ne sais pas si c'est un oublie de m'à part, mais dans le slide je n'ai pas les img arrows.png qui s'affichent, il n'y a que l'action qui fonctionne.

Ensuite pour ta rubrique c'est a dire le menu horizontal je ne savais pas que l'on pouvait ce passer de ul li, est-ce que le code est valide ?

Ensuite j'ai une question concernant plus dream. Exemple mon dossier s'appelle Mon site et j'ai envie de le renommer tuto-team8, peut-on recharger toutes les img de façon automatique ou bien il faut toutes les rappeler une a une ??

Sinon merci c'était très sympa de suivre ce tuto ;) "

par team8.fr
(auteur de ce tuto - 12 juillet 2012)

" Héhé pas quoi :) en fait le fait d'avoir mis notre structure en overflow auto, ça permet d'étirer automatiquement notre id #structure dans sa hauteur sans pour autant lui définir une height précise. Tu vas pouvoir rajouter autant d'éléments que tu veux dans ton code HTML, la height de la structure s'étirera automatiquement :)

A+ ^^ merci pour ton commentaire, j'espère que ton ordinateur restera bien au chaud chez toi (généralement les pc n'aiment pas trop être jeter par la fenêtre lol) "

par olivirusa voté :
(a acheté ce tuto - 12 juillet 2012)

" Très bon tuto, clair.
Connaître les bases du HTML et du CSS permet de mieux comprendre le déroulement du tuto. "

par olivirusa voté :
(a acheté ce tuto - 12 juillet 2012)

" Bah voilà, c'était juste ça… -_-#
Merci donc…
En fait j'ai confondu le overflow avec le roll-over - erreur de noob - maintenant je saurai à quoi ça sert…
Peux-tu me réexpliquer rapidos l'"overflow", c'est un peu confus dans ma tête. Pourquoi devoir le préciser dans la #structure et pas dans les .bloc-crea par exemple, qui eux, ont un "height: auto".

Merci encore pour le tuto.

J'ai trouvé des sites de galleries jquery mais c'est assez mal expliquer où copier/coller le code… je pense que je manque aussi de pratique "

par team8.fr
(auteur de ce tuto - 12 juillet 2012)

" Salut olivirus, ne jette pas ton ordi ! on va trouver une solution héhé :)
Est-ce que tu as bien renseigné la valeur dans ton id #structure * overflow:auto; * ?
"

par olivirusa voté :
(a acheté ce tuto - 12 juillet 2012)

" Désolé,

J'ai trouvé la solution, ça venez un peu après, tout simplement…

Par contre mon DreamWeaver est en train de me rendre fou… j'ai beau lui indiquer que je souhaite que le "height" de ma "#structure" soit en auto, il refuse de le prendre en compte. Je suis obligé de lui indiquer une valeur en pixel (1500 px par exemple) sinon, le fond ne fait que les 10 px de padding-top de la #structure.

Est-ce une erreur de ma part ou dois-je jeter mon ordi par la fenêtre ?

Merci "

par olivirusa voté :
(a acheté ce tuto - 12 juillet 2012)

" Bonjour,
Tout d'abord merci pour le tuto !
J'ai une question concernant le roll-over des images du bloc bas.
Dans la vidéo (HTML partie 1) à environ 110 minutes, vous copiez/collez un bout de code pour le roll-over dans la partie Head du HTML. Ce bout de code change dans les fichiers sources fournis… en effet, vous rajoutez un commentaire

/************************************************/
/* Pour roolover images */
/************************************************/

J'imagine qu'il doit se placer dans le CSS, mais cela ne fonctionne pas, car il doit manquer des liens dans la page HTML pour les styles créés (ul.hover_block li, etc…).
Du coup, je suis tout bloqué… le code se densifie et je me noie un peu.

Merci de votre réponse
"

par bass33a voté :
(a acheté ce tuto - 11 juillet 2012)

" C'est bon j'ai trouvé l'erreur ;)
Mais je garde ton mail si j'ai des questions précises, merci encore ;) "

par team8.fr
(auteur de ce tuto - 11 juillet 2012)

" Salut, peux tu m'envoyer le screen css et html sur damien@team8.fr ? Je vais regarder ça ;) "

par bass33a voté :
(a acheté ce tuto - 11 juillet 2012)

" J'ai un petit soucis, je n'arrive pas a centrer ma page site malgré le margin: auto; dans la la DIV structure ??

Il reste coller a gauche. Une solution ?? ;) "

par team8.fr
(auteur de ce tuto - 10 juillet 2012)

" Merci redsoul, sinon ne t'inquiètes pas, dès fois, à force de trop taper du code, nos yeux nous jouent des tours ! Bonne continuation :) "

par Redsoula voté :
(a acheté ce tuto - 10 juillet 2012)

" Comment j'ai fais pour ne pas voir ça ...
Merci beaucoup pour votre aide et votre rapidité.
Et comme dit dans mon commentaire précédent, trés bon tuto bien expliqué. "

par team8.fr
(auteur de ce tuto - 10 juillet 2012)

" Salut redsoul : dans le css, partie Header, tu as oublié de renseigner * PX * après la valeur de chaque * height *
Ça devrait marcher après ça :)

Merci bass et taoti pour vos avis ^^

À bientôt "

par Redsoula voté :
(a acheté ce tuto - 10 juillet 2012)

" Bonjour / Bonsoir tout d'abord je tiens à vous félicitez pour votre excellent tuto mais en revanche j'ai du louper quelque chose et c'est pour sa que j'ai tout de même une question à vous poser.

Lors de la réalisation du programme en html ma prévisualisation n'est pas du tout la même que la votre, pourtant il me semble avoir la même chose que vous.
Et de même pour le programme style en css.

Pouvez vous me dire une des erreurs potentiels que j'aurais pus commetre ?

screenshot html : http://imageshack.us/photo/my-images/839/capturedqh.png/

screenshot css : http://imageshack.us/photo/my-images/228/capturestyle.png/

Je vous remercie d'avance. "

par bass33a voté :
(a acheté ce tuto - 10 juillet 2012)

" Merci pour ce tuto, bonne méthodologie de travail ;) "

par taotia voté :
(a acheté ce tuto - 10 juillet 2012)

" ***** Très intéressant, un vrai régal !!! quand on est pas encore un pro du web des exercices comme celui-là ça motive... "

par team8.fr
(auteur de ce tuto - 08 juillet 2012)

" Bonsoir, je viens de te répondre par mail loloden.
Pour ceux qui ont un problème similaire voici une solution :

- Zoomer un maximum en faisant CTRL + (ou CMD sur mac) : la sélection sera beaucoup plus précise

- Dans affichage > décocher Magnétisme (ne pas oublier de re-cocher par la suite afin de bien caler les calques)

Bonne soirée :) "

par lolodena voté :
(a acheté ce tuto - 08 juillet 2012)

" Grave erreur de ma part, je n'avais pas encore tuto cet excellent tuto. C'est chose faite !
Tuto clair, le formateur n'hésite pas à bien détaillé pour que rien ne nous échappe et il est très facile de le suivre même si l'on est novice en la matière (ce qui est mon cas dans le développement de sites web !) "

par lolodena voté :
(a acheté ce tuto - 08 juillet 2012)

" Juste pour répondre à ouriko, je l'ai lu intégralement sur mon ipad3 cette semaine ce tuto. Tous les derniers tutos publier sur tuto.com sont lisibles sur ipad (ils m'ont confirmer que c'était en cours pour les plus anciens). Il faut juste bien penser à supprimer l'historique et les cookies sur safari dans les réglages de l'ipad (je ne sais pas pourquoi mais je dois régulièrement le faire pour pouvoir visionner les tutos compatibles, je pense que c'est lorsque je me connecte sur mon imac, il doit y avoir un problème de "rafraichissement" ... une fois qu'on le sais, ça roule tout seul :) ). "

par lolodena voté :
(a acheté ce tuto - 08 juillet 2012)

" Très bon tuto, clair et qui va aller tout à fait dans le sens de la réalisation de mon site web. Je l'ai visionné en entier et je n'y trouve que du plus (et en plus j'ai découvert de nouvelles astuces sous Photoshop, la classe quoi :-)

Juste une petite question (car là je suis en train de le mettre en pratique le tuto ;) ). Lorsque j'utilise l'outil sélection il a un pas de 3px contrairement à vous où il a un pas de 1px. J'ai regardé dans les préférences de Photoshop et un peu partout d'ailleurs mais je n'ai pas trouvé comment changé le pas de l'outil sélection (du coup je suis bloqué dès le début pour faire une sélection de 1000px moi je bloque à 999 ou à 1002px vu le pas de 3px ;) ).

Je suis sure que ça doit être tout bête (et pourtant ça fait près de 10 ans que j'utilise Photoshop) mais je ne vois pas du tout où modifier ce paramètre ! Votre aide serait la bienvenue pour me permettre de continuer ce tuto ;)

Par avance merci et au plaisir de suivre vos prochains tutos (le tout nouveau est déjà dans ma wishlist près à être validé dès que j'aurais fini celui-ci ;) ).

Bonne continuation ! "

par team8.fr
(auteur de ce tuto - 08 juillet 2012)

" Salut ouriko, merci, je crois que l'équipe de tuto,com travaille sur un player compatible IPAD.
A+ :) "

par ouriko
(a acheté ce tuto - 08 juillet 2012)

" Le début à l'air pas mal du tout, c'est du bon boulot
Dommage qu'il n'y ait pas la possibilité de visionner sur un IPad


Ouriko "

par team8.fr
(auteur de ce tuto - 08 juillet 2012)

" jeucster > En fait pour les découpes d'images, il te suffit juste de les enregistrer au format JPG ou PNG (pour les images avec fonds transparents, comme les icônes liées aux réseaux sociaux).
Tu peux te fier aux fichiers sources, toutes les images sont enregistrer.

Si tu veux intégrer de la musique, tu peux essayer ce player : http://www.alsacreations.fr/dewplayer.html

Si tu as d'autres questions : damien@team8.fr (n'hésites pas)

jubei > Salut, merci c'est gentil ! "

par jeucster
(a acheté ce tuto - 07 juillet 2012)

" merci pour le tuto.. fort intéressant , surtout pour un novice comme moi en html..je l'ai acheté sur base du graphisme qui m'inspirait, et je ne le regrette pas.. bravo !
+ bonne pedago, et patience sur une matière ... conséquente ...

je n'ai pas encore voté vu que je n'ai pas terminé, mais je vois ma souris aller vers le 5 :)

toutefois, j'aimerais vous soumettre 2 questions.

1, je suis à la 3eme partie, et je cherche partout le découpage dans photoshop.. ?
2, comment insérer une musique qui tourne en repeat sur toutes les pages du site ?

merci "

par jubeia voté :
(a acheté ce tuto - 07 juillet 2012)

" Excellent ! Le formateur a une voix entraînante...
Cela donne envie d'écouter jusqu'au bout !!!
Bravo ! "

par team8.fr
(auteur de ce tuto - 07 juillet 2012)

" Merci pour ton avis passvisuel. Désolé que tu es trouvé cela trop long, mais sache que la conception de site Web (tout site confondu) c'est très long. C'est pour cette raison qu'un site Internet coûte cher en général. A titre d'exemple, pour nos clients, nous mettons entre 7 et 15 jours selon le site à réaliser. A bientôt :) "

par passvisuela voté :
(a acheté ce tuto - 06 juillet 2012)

" trop long et trop d'hésitations mais c'est bien expliqué "

par team8.fr
(auteur de ce tuto - 05 juillet 2012)

" Salut benmen, merci pour ton avis ! "

par benmena voté :
(a acheté ce tuto - 05 juillet 2012)

" merci un tuto clair, nette et précis!!!

Je vous recommande!!! "

par team8.fr
(auteur de ce tuto - 03 juillet 2012)

" Bonjour Escobar et Munditia, content que cette formation vous plaise !
Merci et à bientôt "

par Munditiaa voté :
(a acheté ce tuto - 02 juillet 2012)

" Très bon tutoriel qui me servira grandement pour mon propre portfolio ! ^^ Très bien expliqué, on peut par la suite créer ce que l'on veut (ou presque!) !

Merci pour ce partage "

par Escobara voté :
(a acheté ce tuto - 02 juillet 2012)

" Classe "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Deal du jour

plus que 00:00:00
Atelier Webdesign - Créer son portfolio
-70%
12 crédits 4 crédits

Ce tuto en résumé ...

Ce tuto Photoshop CS6, Dreamweaver CS6 d’une durée de 4 heures 34 minutes a été acheté 1582 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 30 juin 2012 par team8.fr, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,7/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Photoshop webdesign.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !