$ 20.00

Tuto Intégration HTML5 / CSS3 d'un portfolio minimaliste avec Dreamweaver, HTML, CSS

$ 20.00

  • Une formation vidéo de 5h04m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Pack créer et développer un portfolio de A à Z
Retrouvez cette formation dans le bundle :

Pack créer et développer un portfolio de A à Z

-25% de réduction

voir les détails du bundle


Voici la suite de la formation Photoshop consacrée à la création des maquettes des pages du site Internet Portfolio minimaliste.

Cette 2ème partie sera consacrée à l'intégration HTML5 et CSS3 des maquettes Photoshop. Voici le programme de ce tuto :

Page d'accueil :

  • Mise en place d'un moteur de recherche animé
  • Effet d'opacité sur les icônes des réseaux sociaux
  • Création du menu
  • Mise en place d'un slider aux couleurs du site
  • Mise en place des derniers articles à afficher sur la page d'accueil
  • Installation d'un carrousel pour lister vos clients
  • Création du footer

Page A propos :

  • Mise en place d'un slider
  • Installation de barres de compétences animées
  • Mise en place d'un carrousel pour afficher les membres de l'équipe
  • Création d'un sidebar et mise en place des éléments qui la constitue (dernier article, dernier projet, newsletter...)

Page portfolio :

  • Installation d'un portfolio filtrable fluide
  • Effet au rollover sur les images avec icône superposée

Page Singleportfolio :

  • Récupération du slider afin de mettre plusieurs images par projet
  • Informations complémentaires client (date, nom du client, description, site web)
  • Récupération du carrousel pour afficher les projets similaires

Page blog :

  • Listing des dernières actualités du blog avec effet animé sur les images au survol
  • Affichage des catégories du blog dans la sidebar

Page SingleBlog :

  • Récupération du slider afin de mettre plusieurs images par article
  • Récupération du carrousel pour afficher les articles similaires

Au vu du graphisme minimaliste du site, ce dernier sera seulement optimisé pour de l'affichage tablette / mobile. Pour plus d'informations concernant le tuto, merci de visionner l'extrait. Bon tuto !

Table des matières de cette formation Dreamweaver, HTML, CSS (durée : 5h04m)

    • Intégration de la page d'accueil, partie 1 00:22:19
    • Intégration de la page d'accueil, partie 2 00:22:31
    • Intégration de la page d'accueil, partie 3 00:20:48
    • Intégration de la page d'accueil, partie 4 00:27:02
    • Intégration de la page d'accueil, partie 5 00:34:27
    • Intégration de la page d'accueil, partie 6 00:24:24
    • Intégration de la page d'accueil, partie 7 00:31:25
    • Intégration de la page A propos, partie 1 00:23:54
    • Intégration de la page A propos, partie 2 00:20:26
    • Intégration de la page Portfolio 00:21:17
    • Intégration de la page Projet 00:23:40
    • Intégration de la page Blog 00:20:55
    • Intégration de la page Article blog 00:05:07
    • Conclusion 00:06:38



Formateur : Damien Gallez

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

4,9
note moyenne

12
avis laissés
5 étoiles
11
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ceddec laissé le 24/04/2015
    Bonsoir, Comme toujours, très bon tuto. Par contre j'ai un truc un peu bizarre avec le caroussel. En local tout fonctionne parfaitement, mais une fois que je l'envoie sur le serveur, j'ai pas les images. Pourtant elles se trouvent dans le même répertoire que les autres images. il y a une manipulation particulière à faire ou cela vient de mon hébergeur? Je suis chez EX2 et le lien est ici beta.alpha-hydrae.fr Ce n'est vraiment pas urgent, je suis conscient que nous sommes vendredi soir mais d'avance merci.
    "Hello je vois les images :) As tu réglé ton problème ?"

  • 5
    avis de RomarineThym laissé le 16/02/2015
    Très bon tuto pour un portfolio sympa et dynamqiue. Bravo au formateur pour ses explications claires, techniques, design. J'enchaîne bien évidemment avec l'int'égration dans Wordpress !

  • 5
    avis de din55 laissé le 27/01/2015
    Super merci bon tuto tres facile a suivre et a comprendre

accédez à plus de 1558 tuto gratuits


non, je ne veux pas me former gratuitement