Créer un site One Page complet de A à Z
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
4h36
de formation
10
leçons vidéo
1
chapitre
Intermédiaire
niveau requis
Adrien Gazaix
Adrien Gazaix
Formateur certifié

Créer un site One Page complet de A à Z

Promo -35%
4.8/5 Trustpilot (1399 avis) Satisfait ou remboursé
4h36
de formation
10
leçons vidéo
1
chapitre

Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir ensemble, pas à pas, comment intégrer un site One Page de A à Z. Un site One Page n'a pas de rechargement de page et toute la navigation se fait grâce à un scroll fluide entre chaque rubrique. A la fin de cette formation, vous serez en mesure de créer un site complet qui peut être mis en ligne tout de suite.
Je vous propose de regarder l'extrait personnalisé de 10 minutes que j'ai réalisé pour vous rendre compte de ce que l'on va apprendre dans cette formation de 4h30.

Sommaire de la formation :

  • Découpage des images dans Photoshop : technique de découpage, formats d'images à choisir, création de sprites
  • Mise en place d'un slider de plusieurs images sur le background en full page
  • Intégration de la sidebar : logo, menu, réseaux sociaux, copyright & un bouton permettant de la cacher/montrer
  • Création des 3 rubriques + mise en place du système one page avec scroll entre les rubriques
  • Intégration de la partie "News" : Carousel responsive, déploiement d'une nouvelle sidebar pour lire le contenu de la news sélectionnée
  • Intégration de la partie "About Us" : Colonnes CSS3, blockquote personnalisé
  • Intégration de la partir "Contact" : Formulaire 3 champs, google map
  • Développement du formulaire en Ajax/PHP avec test d'envoi sur une boîte email
  • Création d'un lecteur MP3 personnalisé en jQuery
  • Ajout d'interactions avec les touches du clavier (cacher tout le contenu du site et mettre le site en pause, puis l'inverse) & aussi quelques conseils pour mettre en ligne le site créé (logiciel FTP, hébergement)

TOUT le site est inclus dans les sources, ainsi que l'intégration de départ pour vous permettre de suivre la formation dans les meilleurs conditions et refaire petit à petit le site one page en même temps que vous regardez la vidéo.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Partie 1
Leçon 2
Partie 2
Leçon 3
Partie 3
Leçon 4
Partie 4
Leçon 5
Partie 5
Leçon 6
Partie 6
Leçon 7
Partie 7

Table des matières

Leçon 1

Partie 1

21m24
Leçon 2

Partie 2

14m07
Leçon 3

Partie 3

46m41
Leçon 4

Partie 4

32m11
Leçon 5

Partie 5

56m31
Leçon 6

Partie 6

10m06
Leçon 7

Partie 7

18m12
Leçon 8

Partie 8

31m16
Leçon 9

Partie 9

36m01
Leçon 10

Partie 10

09m46

Aperçus

Avis des apprenants

Détail des avis
1 079
Apprenants
77
Commentaires
4,8/5
Note moyenne
5/5
68
4/5
6
3/5
2
2/5
1
1/5
0
François-Joseph Dujeu
François-Joseph Dujeu
Publié le 12/11/2017
Bonjour merci pour ce tuto. Cela me permet de réactualiser mes connaissances.
Adrien Gazaix
Adrien Gazaix
Merci à toi et oui un piqûre de rappel c'est toujours intéressant pour se remettre à jour. Surtout que ça évolue très vite dans le monde du web, les langages utilisés... A bientôt pour de prochains tuto :)
Samih Bounouar
Samih Bounouar
Publié le 01/07/2016
Super tuto, et qui donne pas mal d'idée pour les projets persos. Merci encore !
Jean-Pierre Lannak
Jean-Pierre Lannak
Publié le 12/10/2015
5 sur 5 De JP71 J'adore ce tuto très clair, vraiment précis, avec beaucoup de jQuery , le tout trés bien expliquer...Que du bonheur. Merciiiiiiiii
Adrien Gazaix
Adrien Gazaix
Merci JP ;)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
19,99€ 13€
Promo -35%
Paiement unique, sans abonnement
Accès à vie à cette formation
4h36 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€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 790 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
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 1426 tutos gratuits

Notre politique de protection des données