Voici le premier chapitre d’une formation consacrée à la création d’un template de thème e-commerce avec Photoshop et à son intégration avec HTML CSS. Nous allons apprendre à créer de A à Z un thème e-commerce qui pourra être intégrer dans votre CMS WordPress. Vous avez l’intention de vendre des produits ou des créations sur Internet ? Ce tutoriel est fait pour vous !

Programme du tuto thème e-commerce

Première partie dans Photoshop

  • Création de la charte graphique du thème e-commerce
  • Placement des repères de découpe
  • Mise ne place des marges
  • Organisation de votre espace de travail
  • Définition d’un code couleur

Deuxième partie avec HTML CSS

  • Intégration HTML5 et CSS3 de la maquette graphique du thème e-commerce dans Photoshop
  • Dynamiser et animer avec CSS3
  • Mise en place d’un menu  toujours apparent avec JQuery
  • Déclinaison de la page blog

Cette formation est composée de deux chapitres (un pack à prix réduit est disponible ici) :

Ce cours est destiné à un public débutant et peut être suivi à partir des versions CS6 de Photoshop et de Dreamweaver