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.
Table des matières de cette formation Dreamweaver, HTML, CSS (durée : 5h16m)
-
- Montage HTML / CSS d'un site responsive en One Page - Partie 01 00:29:13
- Montage HTML / CSS d'un site responsive en One Page - Partie 02 00:38:28
- Montage HTML / CSS d'un site responsive en One Page - Partie 03 00:35:47
- Montage HTML / CSS d'un site responsive en One Page - Partie 04 00:27:46
- Montage HTML / CSS d'un site responsive en One Page - Partie 05 00:31:25
- Montage HTML / CSS d'un site responsive en One Page - Partie 06 00:22:59
- Montage HTML / CSS d'un site responsive en One Page - Partie 07 00:38:14
- Montage HTML / CSS d'un site responsive en One Page - Partie 08 00:42:52
- Montage HTML / CSS d'un site responsive en One Page - Partie 09 00:25:13
- Montage HTML / CSS d'un site responsive en One Page - Partie 10 00:24:16
- Fichiers sourcestélécharger
- Certificat
Formateur : Damien Gallez
-
Magnifique. J'ai pris beaucoup de plaisir dans ce tuto que je recommande. Merci la team !
-
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
-
Super tuto bien expliqué claire et décontracté.
note moyenne
avis laissés