20,00

Tuto Création et montage HTML / CSS d'un thème E-Commerce avec Photoshop, Dreamweaver, HTML, CSS

20,00

  • Une formation vidéo de 3h19m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Création et montage HTML / CSS d'un thème E-Commerce

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

Créer un site e-commerce de A à Z avec Wordpress

-22% de réduction

voir les détails du bundle


Nous allons apprendre à créer un thème de site qui pourra être intégré directement dans votre CMS Wordpress. Vous avez l'intention de vendre vos produits, vos créations sur Internet ? Ce tuto est fait pour vous !

Première partie avec Photoshop
Dans cette première partie, nous allons créer la charte graphique de notre thème sous Photoshop. Nous allons structurer au mieux notre site Internet, placer tous les repères de découpe, les marges etc. afin de faciliter son intégration en HTML5 et CSS3. A travers ce tuto, je vais vous apprendre à bien organiser votre espace de travail, ranger vos calques dans des dossiers (header, contenu, footer...).
Nous définirons un code couleur qui sera utilisé sur toutes les pages du site. Nous ne déclinerons pas les autres pages, car il sera très facile de modifier leur contenu via Wordpress.

Deuxième partie avec Dreamweaver
Dans cette deuxième partie, nous allons monter en HTML5 et CSS3 la maquette graphique Photoshop sous Dreamweaver. Nous apprendrons pleins de petites astuces pour dynamiser et animer notre site Internet grâce au CSS3. Notre menu sera toujours apparent grâce au Javascript (pratique quand l'internaute scroll vers le bas, son panier sera toujours visible !).
Nous déclinerons ici, la page blog, afin d'avoir à l'arrivée, une page d'accueil (qui nous servira de modèle pour les autres pages du site) et une page blog pour nos articles.
Le reste des pages et la boutique seront directement créées dans un prochain tuto centré essentiellement sur Wordpress.

Note : vous pouvez suivre cette formation même si vous n'avez pas l'intention de créer une boutique en ligne. Vous pourrez remplacer la partie e-commerce par une autre page.
Bon tuto :)

Table des matières de cette formation Photoshop, Dreamweaver, HTML, CSS (durée : 3h19m)

    • Création de la maquette sous Photoshop 00:27:47
    • Maquette Photoshop Suite 00:24:21
    • Partie 1 00:23:13
    • Partie 2 00:23:07
    • Partie 3 00:22:36
    • Partie 4 00:25:54
    • Partie 5 00:22:02
    • Partie 6 00:30:38



Formateur : Damien Gallez

Damien Gallez a publié 119 tutoriels et obtenu une note moyenne de 4,8/5 sur 146 637 tutoriels vendus. Damien Gallez est un formateur certifié tuto.com. Voir les autres formations de Damien Gallez

5,0
note moyenne

9
avis laissés
5 étoiles
9
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-7190-7560 laissé le 26/10/2016
    Tutoriel très bien expliqué et facile à suivre pour faire son propre thème.

  • 5
    avis de red711 laissé le 02/07/2016
    On progresse bien avec ce formateur. On a toujours droit à des chartes graphiques au top, ce qui différencie Damien Gallez d'autres formateurs, aussi bons que lui, mais qui font l'impasse sur la beauté du site. Pleinement satisfait du résultat.

  • 5
    avis de samilson laissé le 01/07/2016
    Belle progression à travers ce tuto. Au top !

Parcours Designer Graphique
accédez à plus de 1408 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données