20 Crédits +d'infos

Tuto Créer un site One Page complet de A à Z avec HTML, CSS, jQuery


20 Crédits +d'infos
  • Téléchargement et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !

Table des matières de cette formation HTML, CSS, jQuery (durée : 4h36m)

    • Partie 1 00:21:24
    • Partie 2 00:14:07
    • Partie 3 00:46:41
    • Partie 4 00:32:11
    • Partie 5 00:56:31
    • Partie 6 00:10:06
    • Partie 7 00:18:12
    • Partie 8 00:31:16
    • Partie 9 00:36:01
    • Partie 10 00:09:46



Formateur : Adrien Gazaix

Adrien Gazaix a publié 74 tutoriels et obtenu une note moyenne de 4,8/5 sur 17 588 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com

Voir les autres formations de Adrien Gazaix

  • 5
    avis de badjo75 laissé le 18/02/2014
    Merci pour ce tuto, très clair qui m'a enfin permis de comprendre comment utiliser jquery !
  • 5
    avis de gmaingret laissé le 28/11/2013
    Par contre j'ai eu le meme probleme que bluedevil avec le bouton Hide/Show qui disparaissait vers le haut, j'ai remarqué que c'était du à la référence à jQuery 1.10.2 au lieu de 1.8
  • 5
    avis de gmaingret laissé le 28/11/2013
    Belle performance de réaliser ce site en 4h30 avec des explications claires en prime. Merci pour la qualité de ce tuto! :)

  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire