$ 29.00 au lieu de $ 32.00

Tuto Pack : créer votre site Internet OnePage et Responsive de A à Z avec Photoshop, Dreamweaver, CSS bundle -9%

$ 29.00 au lieu de $ 32.00

  • Une formation vidéo de 7h09m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 en plus 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 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.


Tuto composant ce bundle :

  • Atelier Flat design pour débutant - Créer une maquette Web (voir la fiche produit)

      • Atelier Flat design pour débutant - Créer une maquette Web -1 - Accueil partie 1 00:37:02
      • Atelier Flat design pour débutant - Créer une maquette Web - 2 - Accueil partie 2 00:26:32
      • Atelier Flat design pour débutant - Créer une maquette Web - 3 - Déclinaison 00:27:51
      • Atelier Flat design pour débutant - Créer une maquette Web - 4 - Déclinaison suite et fin 00:21:39
  • Montage HTML / CSS d'un site responsive en One Page (voir la fiche produit)

      • 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:27
      • 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:45
      • Montage HTML / CSS d'un site responsive en One Page - Partie 05 00:31:24
      • 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:51
      • 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

Formateur : Damien Gallez

Damien Gallez a publié 98 tutoriels et obtenu une note moyenne de 4,7/5 sur 29 115 tutoriels vendus. Damien Gallez est un formateur certifié tuto.com. Voir les autres formations de Damien Gallez

4,7
note moyenne

10
avis laissés
5 étoiles
7
4 étoiles
3
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de redouane711 laissé 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...

  • 4
    avis de dockys laissé le 18/09/2015
    Excellent tuto, la technique est bien la ! , un petit bémol ou plutôt une suggestion pourquoi n'avoir pas utilisé les balises header,nav,footer et autres prévus à cet effet en html5. Ceci aurait eu pour effet d'éviter de créer des div ?. Ok pour la div concernant le conteneur mais exemple la div id="navigation" j'aurai plutôt utilisé la balise nav. en tout cas beau travail et excellente diction !

  • 5
    avis de jeanlev laissé le 20/05/2015
    En fait aujourd'hui Firefox fonctionne correctement !!!???
    "Oui le navigateur a été mis à jour :)"

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1559 tuto gratuits


non, je ne veux pas me former gratuitement