Pack : créer votre site Internet OnePage et Responsive de A à Z
ERROR
00:00
00:00

TUTO Pack : créer votre site Internet OnePage et Responsive de A à Z

Damien Gallez
Promo -9%
29,00€32,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici un pack Photoshop + Dreamweaver dédié à la création d'un site Internet responsive en OnePage, c’est-à-dire un site sur une seule page qui s'adaptera au support depuis lequel il est consulté (desktop, tablette et smartphone). Le style graphique adopté sera le Flat Design (un design tout en aplat). Vous pouvez retrouver ces tutos à l'unité ici :

  • La partie Photoshop : idéal pour apprendre à créer une maquette graphique de site Internet en Flat Design, lorsque vous êtes débutant.
  • La partie Dreamweaver / Montage HTML / CSS du site responsive en One Page.

Au programme de cette formation Photoshop & Dreamweaver :

  • Atelier créatif entièrement réalisé sur Photoshop (compatible à partir des versions CS4) afin de créer un site Internet en Flat Design. Cette tendance graphique qui se veut épurée et minimaliste est de plus en plus fréquente. Nous allons apprendre à réaliser une maquette de site Web afin de vous exercer à cette grande tendance. Nous utiliserons des techniques simples, à portée de tous. Nous aller privilégier au graphisme des aplats de couleurs vives sans effet d'ombre et de profondeur. 4 pages seront déclinées : Accueil / Services / Références / Contact.
  • Dans un second temps, 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.

Voici les différentes étapes de cette 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 apparaît 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'une feuille de style consacrée au responsive du site

Pour toutes questions, n'hésitez pas à me contacter. Bonne formation à tous.

Cours dans ce bundle

Atelier Flat design pour débutant - Créer une maquette Web Cours 1

Atelier Flat design pour débutant - Créer une maquette Web

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

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

Plan détaillé des cours

 
Leçon 1Créer une maquette Web -1 - Accueil partie 1
37m03s
Leçon 2Créer une maquette Web - 2 - Accueil partie 2
26m32s
Leçon 3Créer une maquette Web - 3 - Déclinaison
27m52s
Leçon 4Créer une maquette Web - 4 - Déclinaison suite et fin
21m39s
 
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
517
Apprenants
12
Commentaires
4,7/5
Note moyenne
5/5
8
4/5
4
3/5
0
2/5
0
1/5
0
Membre-9401-2400
Membre-9401-2400
Publié le 06/02/2017
Top ! Le tuto est super bien expliqué... Tout est facile grâce à la pédagogie de l'auteur !
Redouane Guechoud
Redouane Guechoud
Publié le 02/07/2016
Au top. On obtient un site commercialisable et réunissant les récentes technologies, très à la mode et très demandées. La charte graphique est toujours aussi belle, et le formateur est un artiste confrirmé. What else...
Jean Levallois
Jean Levallois
Publié le 20/05/2015
En fait aujourd'hui Firefox fonctionne correctement !!!???
Damien Gallez
Damien Gallez
Oui le navigateur a été mis à jour :)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Photoshop CC, Dreamweaver CC

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données