$ 30.00

Tuto Comment maquetter une page web avec Photoshop CC ? avec Photoshop

$ 30.00

  • Une formation vidéo de 2h06m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Comment maquetter son site web sur Photoshop et faire en sorte de pouvoir le rendre exploitable en CSS et HTML ?
C’est la question que je me suis posée aussi …. Du coup, j’ai décidé de me pencher sur le problème et de savoir quelles sont les limites de Photoshop, quels outils peuvent nous aider, etc.. 

Nous prendrons comme exemple, la réalisation d'un webdesign d'une page web simple.
 

Vous voulez savoir faire des maquette web exploitable en CSS/HTML ?

Vous souhaitez connaître :

  • Quelles sont les bases à connaître en ergonomie ?
  • Comment préparer un bon fichier sous Photoshop ?
  • Quels outils Photoshop utiliser pour réaliser une maquette web ?
  • Comment exporter la maquette au format HTML ?
  • Quelles sont les limites de Photoshop pour l’export HTML ?
  • Ou encore, comment réaliser un mockup en responsive ?

Cette formation en vidéo va vous aider !
 
Cette formation est d'un niveau débutant, mais pour pouvoir la suivre, vous devez idéalement être à l'aise avec l'interface de Photoshop et d'avoir quelques notions de bases en CSS et HTML.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. Les fichiers de travail sont fournis.

Bonne formation !

Table des matières de cette formation Photoshop (durée : 2h06m)

  • Introduction
    • Introduction gratuit 00:01:38
  • Préparer un fichier Photoshop idéal pour l’intégration CSS
    • Les principales règles d’ergonomie à connaître 00:10:23
    • Préparer un fichier Photoshop idéal pour l’intégration CSS 00:04:45
    • Les thèmes Adobe Kuler 00:03:45
    • Placer les repères de conception (grille 12 colonnes) 00:02:02
  • Maquetter une page Web sous Photoshop exploitable par un développeur/intégrateur
    • Concevoir la partie header (entête) 00:13:48
    • Concevoir la partie Body (corps du site) : partie 1 00:15:13
    • Concevoir la partie Body (corps du site) : partie 2 00:11:58
    • Concevoir la partie Footer (pied de page) 00:08:10
    • Délimiter les éléments principaux de la maquette en tranche 00:10:47
    • Exporter la maquette en html 00:08:17
  • Concevoir un mock-up avec une déclinaison tablette et mobile
    • Mock-up pour Tablette 00:19:20
    • Mock-up pour mobile 00:15:30
    • Conclusion 00:01:08



Formateur : Aurélie Arrot

Aurélie Arrot a publié 2 tutoriels et obtenu une note moyenne de 2,0/5 sur 48 tutoriels vendus. Voir les autres formations de Aurélie Arrot

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CS6, Photoshop CC
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Les images et les PSD des logos des reseaux sociaux
accédez à plus de 1160 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données