Voici une formation complète qui vous permettra de créer de A à Z un site Internet, intégrant un bandeau vidéo. Ce site Internet sera également responsive, c'est à dire que l'affichage de ce dernier s'adaptera à la taille de l'écran à partir du quel il est consulté.
Au programme de cette formation Site Internet Vidéo :
Cette formation se décompose en 2 parties distinctes :
- La création du template graphique sous Photoshop. Vous apprendrez donc dans cette partie à créer le webdesign d'un site Internet, de manière autonome sur Photoshop.
- L'intégration HTML et CSS de cette maquette sous Dreamweaver, en utilisant Bootstrap (un outil gratuit qui permettra une intégration rapide, propre et responsive de l'ensemble) et notamment l'intégration d'une vidéo au format HTML5 sans plugin, nouveau standard de la lecture de vidéo sur Internet.
A noter que chacun de ces parties peuvent être achetées séparément si vous le désirez.
Les fichiers sources sont fournis, à savoir le fichier Photoshop au format PSD ainsi que le code source final du site avec la vidéo de démo.
Tuto composant ce bundle :
Intégration d'un site responsive avec une vidéo en arrière plan (voir la fiche produit)
- 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
Template Photoshop - Créer un site Web avec une video en arrière plan (voir la fiche produit)
- Installation des fonts 00:02:15
- Création de la barre, du logo et du menu 00:14:33
- Simulation de la vidéo en arrière plan 00:13:28
- Mise en avant d'une accroche 00:05:48
- Création des fiches produits avec photo et description 00:07:22
- Création de la sidebar et widget Facebook & Twitter 00:12:15
- Création du footer et fin 00:05:33
Formateur : Damien Gallez
-
Tres bien expliqué point par point
-
Excellent tuto, très bien expliquer. A acheter sans hésitation si vous vous souhaiter mettre une vidéo à la place des sliders habituels. Très satisfait.
-
Merci bonne inititation , j'ai réalisé parallèlement la même page avec Foundation 6
-
Avec quelles versions de logiciels ce tuto est-il compatible ?Bootstrap 3, Dreamweaver CC, HTML 5, Photoshop CC
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
Est ce que Photoshop CS6 et Dreamweaver CS5 suffisent pour suivre ce cours ? Bootstrap étant apparemment un logiciel gratuitOui sans problème
note moyenne
avis laissés