Intégration d'un site responsive avec une vidéo en arrière plan
ERROR
00:00
00:00

TUTO Intégration d'un site responsive avec une vidéo en arrière plan

Damien Gallez
13,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici un tuto sur l'intégration d'un arrière plan en vidéo, responsive. Ce cours possède une première partie (optionnelle) sur la construction du webdesign de notre exemple. Ici nous nous focaliserons réellement sur l'intégration HTML5 et CSS d'un bandeau vidéo en fond d'une page web, en nous appuyant sur le framework Bootstrap.
 

Au programme de ce tuto fond vidéo

Voici les notions qui seront abordées et que vous allez apprendre à maîtriser :

  • Créer et styliser un menu responsive.
  • Encoder et compresser un fichier vidéo HD l'afficher sur une page web.
  • Utiliser la balise HTML5 video.
  • Utiliser la balise source.
  • Rendre une vidéo responsive.
  • Intégrer une vidéo en arrière plan.
  • Intégrer une vidéo Youtube en arrière plan.
  • Intégrer une phrase d'accroche.
  • Intégrer le contenu d'un site produits.
  • Intégrer une sidebar.
  • Utiliser la likebox de Facebook et le fil d'actualité et Twitter.
  • Intégrer un footer.
  • Rendre le site responsive écrans, tablettes et mobiles

Pour plus d'informations concernant ce cours, je vous invite à visionner l'extrait vidéo.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Création du menu partie 01
Leçon 2
Création du menu partie 02
Leçon 3
Intégration de la vidéo partie 01
Leçon 4
Intégration de la vidéo partie 02
Leçon 5
Jumbotron (phrase d'accroche)
Leçon 6
Contenu et sidebar
Leçon 7
Footer et fin

Plan détaillé du cours

Leçon 1Création du menu partie 01
16m36s
Leçon 2Création du menu partie 02
19m34s
Leçon 3Intégration de la vidéo partie 01
16m37s
Leçon 4Intégration de la vidéo partie 02
15m34s
Leçon 5Jumbotron (phrase d'accroche)
08m48s
Leçon 6Contenu et sidebar
18m39s
Leçon 7Footer et fin
07m13s

Aperçus

Avis des apprenants

Détail des avis
416
Apprenants
6
Commentaires
4,4/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
1
Membre-4963-9532
Membre-4963-9532
Publié le 12/11/2016
Très bon tuto, de même pour le formateur!! Merci A recommander
Membre-4456
Membre-4456
Publié le 25/05/2015
Excellent! C'est la vidéo qu'il me fallait.. Merci.
Clément Bigot
Clément Bigot
Publié le 15/03/2015
Encore une fois merci pour ce tuto. Je suis toujours aussi fan de vous.

Vos questions sur le cours

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

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

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Tous les fichiers sources nécessaires à l'intégration de la maquette en CSS et HTML.

À quand un tuto complet sur l’administration et la mise en ligne d’un site réalisé sous Bootstrap ?

Hello c'est prévu pour bientôt !

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données