Création et montage HTML / CSS d'un thème E-Commerce

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. À 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 plein 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éés 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 :)