Intégration responsive d'une maquette Photoshop avec Bootstrap
ERROR
00:00
00:00

Tuto Intégration responsive d'une maquette Photoshop avec Bootstrap

Damien Gallez
8,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation
Leçon 2
Création de l'index.html
Leçon 3
Création du menu partie 01
Leçon 4
Création du menu partie 02
Leçon 5
Création du slider partie 01
Leçon 6
Création du slider partie 02
Leçon 7
Mise en page des prestations

Plan détaillé du cours

Leçon 1Présentation
04m17s
Leçon 2Création de l'index.html
11m48s
Leçon 3Création du menu partie 01
16m22s
Leçon 4Création du menu partie 02
16m13s
Leçon 5Création du slider partie 01
09m47s
Leçon 6Création du slider partie 02
10m18s
Leçon 7Mise en page des prestations
18m34s
Leçon 8Mise en avant d'une prestation / d'un service
05m05s
Leçon 9Création du footer et fin
05m42s

Avis des apprenants

Détail des avis
1 026
Apprenants
40
Commentaires
5/5
Note moyenne
5/5
38
4/5
1
3/5
1
2/5
0
1/5
0
Eric Reynaud
Eric Reynaud
Publié le 09/07/2023
Merci Damien… j'ai passé un super moment et vous m'avez appris Bootstrap avec beaucoup de pédagogie Surtout, continuez… J'adore votre travail !!! Au plaisir, Eric :)
Stéphane Le Boisselier
Stéphane Le Boisselier
Publié le 05/10/2020
Super formation merci
Lucy-Ft
Lucy-Ft
Publié le 02/11/2019
merci beaucoup, tout s'est éclairci suite a ce cours !

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Bootstrap 3, HTML 5, Dreamweaver CS6, Dreamweaver CS5, Dreamweaver CS4, Dreamweaver CC

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Les maquettes Photoshop et les fichiers de ce tuto

Attendez ! 🤗

Accédez à plus de 1452 tutos gratuits

Notre politique de protection des données