Intégration responsive d'une maquette Photoshop avec Bootstrap

Voici la suite du tuto Photoshop créer un Webdesign en mobile first.

Dans ce nouveau tuto dédié à l'intégration d'un site pensé en Mobile First, c'est à dire en Responsive Webdesign, qui s'adaptera à la taille de l'écran surlquel il est consulté. Nous allons apprendre à intégrer la maquette Photoshop à l'aide du framework de Bootstrap. Bootstrap est collection de briques de code HTML / CSS et Javascript structurée qui va faciliter l'intégration d'un site Internet. 

Cette formation est destinée uniquement aux débutants qui n'ont aucune base et jamais utilisé Bootstrap.

Au programme de ce tuto Bootstrap nous allons :

• Intégrer notre page d'accueil.
• Créer notre menu de navigation.
• Intégrer une phrase d'accroche.
• Intégrer un carousel d'images.
• Apprendre et comprendre le système de grille du framework.
• Intégrer les prestations et gérer leurs affichages en responsive en fonction des terminaux.
• Intégrer un bloc pour mettre en avant un service ou une prestation.
• Intégrer notre footer.

Les fichiers sources de la première partie de ce tuto sont également disponibles avec cette formation.