Montage HTML / CSS d'un site responsive en One Page
ERROR
00:00
00:00

TUTO Montage HTML / CSS d'un site responsive en One Page

Damien Gallez
20,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici la suite de la formation consacrée à la création d'une maquette Web en flat design avec Photoshop. Dans ce tuto nous allons apprendre à découper et monter notre maquette Photoshop en HTML / CSS afin de réaliser notre site Internet en One Page. C'est-à-dire que tout le contenu du site Web sera concentré sur la même page. Nous allons nous aider de plusieurs scripts jquery gratuits pour réaliser notre site one page.

Au programme de la formation :

  • Montage des différentes parties du site
  • Installation d'un menu toujours apparent
  • Animation jquery au rollover sur les icônes liées aux réseaux sociaux
  • Installation d'un bouton jquery retour en haut de page qui apparait automatiquement lorsque l'on scroll vers le bas
  • Installation d'une lightbox
  • Installation d'un portfolio filtrable
  • Effet noir et blanc / couleur au rollover sur les images du portfolio
  • Création d'un formulaire de contact avec fichier d'envoi en PHP
  • Création d'un feuille de style consacrée au responsive du site

Pour toutes questions, n'hésitez pas à me contacter,

Bonne formation à tous.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Montage HTML / CSS d'un site responsive en One Page - Partie 01
Leçon 2
Montage HTML / CSS d'un site responsive en One Page - Partie 02
Leçon 3
Montage HTML / CSS d'un site responsive en One Page - Partie 03
Leçon 4
Montage HTML / CSS d'un site responsive en One Page - Partie 04
Leçon 5
Montage HTML / CSS d'un site responsive en One Page - Partie 05
Leçon 6
Montage HTML / CSS d'un site responsive en One Page - Partie 06
Leçon 7
Montage HTML / CSS d'un site responsive en One Page - Partie 07

Plan détaillé du cours

Leçon 1Montage HTML / CSS d'un site responsive en One Page - Partie 01
29m13s
Leçon 2Montage HTML / CSS d'un site responsive en One Page - Partie 02
38m28s
Leçon 3Montage HTML / CSS d'un site responsive en One Page - Partie 03
35m47s
Leçon 4Montage HTML / CSS d'un site responsive en One Page - Partie 04
27m46s
Leçon 5Montage HTML / CSS d'un site responsive en One Page - Partie 05
31m25s
Leçon 6Montage HTML / CSS d'un site responsive en One Page - Partie 06
22m59s
Leçon 7Montage HTML / CSS d'un site responsive en One Page - Partie 07
38m14s
Leçon 8Montage HTML / CSS d'un site responsive en One Page - Partie 08
42m52s
Leçon 9Montage HTML / CSS d'un site responsive en One Page - Partie 09
25m13s
Leçon 10Montage HTML / CSS d'un site responsive en One Page - Partie 10
24m16s

Aperçus

Avis des apprenants

Détail des avis
583
Apprenants
15
Commentaires
4,9/5
Note moyenne
5/5
12
4/5
2
3/5
1
2/5
0
1/5
1
Samih Bounouar
Samih Bounouar
Publié le 01/07/2016
Magnifique. J'ai pris beaucoup de plaisir dans ce tuto que je recommande. Merci la team !
Jean-Michel Rosee
Jean-Michel Rosee
Publié le 08/05/2016
Bravo, Vous avez fait un très beau tuto, bien expliqué, cependant j'ai une remarque, pourquoi ne pas utiliser bootstrap pour le responsive (plus simple non). Sinon comment peut-faire pour tester la fonction mail() étant local sur un mac avec OS el capitan Merci d'avance pour votre réponse, Mr ROSEE Jean-Michel, http://savoirpourtous.eu
Bruno Roullier
Bruno Roullier
Publié le 26/04/2016
Super tuto bien expliqué claire et décontracté.

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données