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 !
Table des matières de cette formation Bootstrap, Dreamweaver, CSS, HTML (durée : 1h43m)
-
- Création du menu partie 01 00:16:36
- Création du menu partie 02 00:19:34
- Intégration de la vidéo partie 01 00:16:37
- Intégration de la vidéo partie 02 00:15:34
- Jumbotron (phrase d'accroche) 00:08:48
- Contenu et sidebar 00:18:39
- Footer et fin 00:07:13
- Fichiers sourcestélécharger
- Certificat
Formateur : Damien Gallez
-
Très bon tuto, de même pour le formateur!! Merci A recommander
-
Excellent! C'est la vidéo qu'il me fallait.. Merci.
-
Encore une fois merci pour ce tuto. Je suis toujours aussi fan de vous.
-
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 !
note moyenne
avis laissés