Intégration d'un site responsive avec une vidéo en arrière plan
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h43
de formation
7
leçons vidéo
1
chapitre
Débutant
niveau requis
Damien Gallez (damné)
Damien Gallez (damné)
Formateur certifié

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

4.8/5 Trustpilot (1388 avis) Satisfait ou remboursé
1h43
de formation
7
leçons vidéo
1
chapitre

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

Table des matières

Leçon 1

Création du menu partie 01

16m36
Leçon 2

Création du menu partie 02

19m34
Leçon 3

Intégration de la vidéo partie 01

16m37
Leçon 4

Intégration de la vidéo partie 02

15m34
Leçon 5

Jumbotron (phrase d'accroche)

08m48
Leçon 6

Contenu et sidebar

18m39
Leçon 7

Footer et fin

07m13

Aperçus

Avis des apprenants

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

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 !

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
12,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h43 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 766 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1423 tutos gratuits

Notre politique de protection des données