$ 10.00

Tuto Intégrer avec Bootstrap 3 une landing page flat design avec Bootstrap, Photoshop, CSS

$ 10.00

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

Dans ce tuto vidéo nous allons aborder l'intégration HTML / CSS via le framework Boostrap 3 d'une landing page en flat design.
Nous apprendrons dans un premier temps à rapidement découper les éléments du fichier PSD de départ (inclus dans le fichier source) pour ensuite passer à l'intégration Boostrap 3. Enfin, nous utiliserons les media queries et les différentes fonctions responsives de Boostrap 3 pour adapter l'intégration sur des tablettes et smartphones.
Ce tutoriel requiert un niveau averti en HTML/CSS ainsi que des connaissances basiques sur Bootstrap. Vous pouvez améliorer ces compétences via mes tutoriels :

Sommaire des techniques utilisées pour ce tuto pratique Bootstrap 3 :

  • HTML5/CSS3
  • Découpe Photoshop (PSD)
  • Media queries (CSS3)
  • Navbar (bootstrap)
  • Système de grid (bootstrap)
  • Responsive (bootstrap)
  • Hidden & Visible (bootstrap)
  • Panel (bootstrap)
  • List-group (boostrap)
  • Toggle (bootstrap)

Fichiers sources inclus.

Table des matières de cette formation Bootstrap, Photoshop, CSS (durée : 2h20m)

    • Introduction 00:04:18
    • Découpe 00:09:18
    • Intégration de la navbar et du logo 00:16:55
    • Intégration Row 1 00:08:51
    • Intégration Row 2 00:08:15
    • Intégration Row 3 00:12:39
    • Intégration Row 4 00:10:11
    • Stylisation du menu 00:17:31
    • Feuille de Style 00:15:32
    • Responsive 00:37:17



Formateur : Benoît Philibert

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

4,0
note moyenne

10
avis laissés
5 étoiles
3
4 étoiles
5
3 étoiles
1
2 étoiles
1
1 étoile
0
  • 4
    avis de davidcorreia laissé le 02/06/2015
    Très bon tuto, par contre la seconde partie du Responsive est un peu brouillone par moment ! Mais bon formateur dans l'Ensemble ! Merci

  • 5
    avis de py-ro laissé le 02/12/2014
    Très bon tuto ! de très bonnes explications ! c'est quand les prochains tuto !!!!!!

  • 4
    avis de fastzibon laissé le 19/01/2015
    C'est pas mal, manque quand même de rigueur… La dernière partie sur le responsive devrait être remontée, vraiment top brouillon
    "Hello qu'est-ce qui est brouillon pour toi? Merci pour ton retour ;)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CC, Photoshop CS, Photoshop CS5.5, Photoshop CS5
  • 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