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
- Fichiers sourcestélécharger
- Certificat
Formateur : Damien Gallez
-
Tutoriel très bien expliqué et facile à suivre pour faire son propre thème.
-
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.
-
Belle progression à travers ce tuto. Au top !
note moyenne
avis laissés