Pack blog composé de 3 tutoriels en vidéo que vous pouvez acheter séparément :

Première partie avec Photoshop

Dans ce pack créer un blog responsive de A à Z, vous apprendrez dans un premier temps à concevoir une maquette graphique de site Internet avec Photoshop. Cela sera l’occasion de découvrir la grille responsive de Bootstrap directement dans Photoshop.

Nous articulerons le site autour de cette dernière pour créer les différentes parties du blog (header, menu de navigation, contenu, sidebar et footer). 2 pages seront déclinées : l’accueil et la single (page des articles).

Template blog Photoshop

Deuxième partie avec HTML et CSS

Un fois la maquette graphique du blog créée avec Photoshop, nous l’intégrerons à l’aide des langages de programmation HTML et CSS. Cela sera l’occasion d’apprendre à convertir une police de caractère non standard. Nous nous aiderons du framework de Bootstrap pour rendre le site responsive. C’est-à-dire qu’il s’adaptera n’importe quel type de terminal (écran, tablette, mobile).

Mockup IPAD

Mockup iPhone

Troisième partie avec Wordpress

La 3ème et dernière partie du cours portera la création d’un thème WordPress. En effet, nous transformerons notre intégration HTML et CSS de façon à en créer un thème compatible WordPress. Ainsi, vous pourrez facilement administrer votre blog !

rendu tuto blog wordpress

L’intégralité des fichiers sources sont fournis dans ce pack.