6,00

Tuto Créer un carousel en plein écran avec Bootstrap avec Bootstrap, CSS, HTML, Dreamweaver

6,00

  • Une formation vidéo de 1h39s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Créer un carousel en plein écran avec Bootstrap

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce tuto vidéo nous allons apprendre à réaliser un carousel en plein écran avec le framework Bootstrap 3. Ce tutoriel s'adresse à des personnes d'un niveau intermédiaire en HTML5/CSS3 et avec des notions sur Bootstrap. Si ce n'est pas le cas je vous invite à consulter les tutoriaux ci-dessous :

Au programme de ce tuto carousel Boostrap plein écran :

Dans ce cours, nous aborderons différents points clés dans cette formation que je vous invite à découvrir :

  • Adapter un carousel Bootstrap.
  • Intégrer une vidéo Youtube de manière responsive.
  • Savoir gérer des propriété CSS3 telles que "cover" ou "box-shadow".
  • Comprendre la disposition premier plan et arrière plan avec "z-index".
  • Adapter la grille Bootstrap en fonction de l'écran final.

Les fichiers sources sont fournis avec le tutoriel.

Table des matières de cette formation Bootstrap, CSS, HTML, Dreamweaver (durée : 1h39s)

  • Installation
    • Introduction 00:01:06
    • Téléchargement 00:02:19
    • Doctype 00:01:59
    • CSS 00:03:53
  • Slider
    • Slider 00:07:23
    • Caption 00:12:50
    • Vidéo 00:05:14
    • Bouton 00:04:32
  • Style CSS
    • Images 00:06:57
    • Caption 00:05:20
    • Bouton 00:04:47
    • Ajustements 00:04:19



Formateur : Benoît Philibert

Benoît Philibert a publié 23 tutoriels et obtenu une note moyenne de 4,3/5 sur 15 505 tutoriels vendus. Voir les autres formations de Benoît Philibert

4,5
note moyenne

4
avis laissés
5 étoiles
2
4 étoiles
2
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de duch57 laissé le 27/06/2015
    Clair et précis Bonne maîtrise du sujet

  • 5
    avis de bigclem laissé le 13/11/2014
    Très bon tuto, bien expliqué avec un bon débit de paroles... Je suis débutant et j'ai jamais été perdu. Un grand merci et bonne continuation pour la suite de tes cours.

  • 4
    avis de jeanlev laissé le 14/03/2015
    J'ai un soucis l'intégration de la class img1 définie dans mon style.css comme vous le décrivez l'image (../img/watchdogs.jpg) de fond ne s'affiche pas. je n'en comprends pas la raison. merci de votre réponse.
    "Bonjour merci d'ouvrir un ticket au bon endroit ça sera utile pour tous ;)"

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    Bootstrap 3, HTML 5, Dreamweaver CS6, Dreamweaver CS5, Dreamweaver CC
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?

    Les fichiers sources contiennent tout ce qu'il vous faut pour suivre ce tutoriel.

  • Je voudrais savoir si la transition se fait uniquement de gauche a droite, est-il possible d'en avoir une en fondu ?
    De base la formation applique le mouvement d'origine du slider de bootstrap. Il est possible de changer l'animation en fadein / fadeout comme tu le souhaites mais je ne l'explique pas dans le tuto et les tuto que j'ai vu à propos de la technique sont en LESS CSS et non en CSS simple.
accédez à plus de 1434 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données