$ 9.00

Tuto Créer un portfolio responsive avec bootstrap 3 avec Bootstrap, CSS, Dreamweaver

$ 9.00

  • Une formation vidéo de 1h50m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans cette tuto vidéo nous réaliserons la création d'un portfolio responsive avec le framework Bootstrap 3 de A à Z. Nous construirons notre portfolio sous deux étapes clés : la création du modèle puis la stylisation CSS de ce dernier. Ce tutoriel, n'aborde pas l'aspect dynamique (PHP ou autre) du portfolio, mais se focalise uniquement sur son aspect HTML et CSS statique.

Au programme de ce tuto Créer un portfolio Responsive avec Boostrap 3 :

Nous aborderons plusieurs points importants :

  • Téléchargement et installation de Bootstrap.
  • Le système de grille.
  • La stylisation personnalisée de notre projet.
  • L'animation CSS3 "scale".
  • La création d'une modal popup en javascript.
  • L'intégration d'un carrousel javascript.

Ces points clés seront abordés de manière simple et efficace tout au long de la réalisation du portfolio.
Aucun prérequis concernant l'éditeur de code, nous utiliserons Dreamweaver CC
 

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

(vous pouvez acheter chacune de ces vidéos à l’unité !)
  • Présentation
    • Introduction 00:01:22
    • Installation et Doctype 00:08:57
  • Intégration
    • Navbar 00:07:08
    • Header 00:06:06
    • Grille 00:07:14
    • Footer 00:04:47
  • Javascript
    • Intégration modal 00:07:59
    • Pmodal 00:04:40
    • Body 00:12:44
    • Carrousel 00:09:44
  • Stylisation
    • Styliser la navbar 00:15:54
    • Styliser le header 00:04:52
    • Styliser la page 00:06:27
    • Styliser le footer 00:01:10
    • Styliser la modal 00:11:37



Formateur : Benoît Philibert

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

4,3
note moyenne

18
avis laissés
5 étoiles
9
4 étoiles
7
3 étoiles
1
2 étoiles
0
1 étoile
1
  • 5
    avis de celinecye laissé le 19/08/2016
    Merci pour ce tuto qui m'a permis de mieux comprendre l'univers HTML5 !

  • 4
    avis de alaindulac laissé le 14/08/2016
    Bon tuto de découverte de l'utilsation de BootStrap et de la personnalisation du design par les CSS

  • 5
    avis de grif51 laissé le 01/07/2016
    Indispensable avec les autres formations Bootstrap de l'auteur.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Dreamweaver CS6
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1558 tuto gratuits


non, je ne veux pas me former gratuitement