Intégration responsive d'une maquette Photoshop avec Bootstrap
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

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

Damien Gallez (damné)
7,99€
Acheter maintenant, payer plus tard. En savoir plus

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
04m17
Leçon 2Création de l'index.html
11m48
Leçon 3Création du menu partie 01
16m22
Leçon 4Création du menu partie 02
16m13
Leçon 5Création du slider partie 01
09m47
Leçon 6Création du slider partie 02
10m18
Leçon 7Mise en page des prestations
18m34
Leçon 8Mise en avant d'une prestation / d'un service
05m05
Leçon 9Création du footer et fin
05m42

Avis des apprenants

Détail des avis
1 170
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

Payer plus tard

Prix d'achat : 7,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1427 tutos gratuits

Notre politique de protection des données