Tu aimes ce tuto ?

Nous serions ravis de te lire dans les commentaires !

Mô Leskine
Mô Leskine
2019-05-07
recommande
Alors que d'autres tutos sont payants et non pédagogiques, les votres sont gratuits et efficaces ! MERCI
Jeff Jeff
Jeff Jeff
2018-05-28
recommande
Je me régale !
Denisov Balifyich
Denisov Balifyich
2018-03-13
recommande
Vous êtes trop ''top'' tout simplement...
Irvin Winny
Irvin Winny
2017-09-08
recommande
je vous adore..tout simplement
Hody Chris
Hody Chris
2017-06-01
recommande
des top tutos , toujours à l’affût des dernières tendances
Dominique MINOT
Dominique MINOT
18/01/2021
Bonjour Débutant, je suis scotché par vos tutos, d'une clarté absolue, permettant d'utiliser une large palette de techniques que je ne maitrise pas, finalement après j'ai l'impression de les connaître, et avec une pédagogie très efficace. Franchement, il n'y a pas mieux sur YT. Merci et si vous avez envie d'en faire d'autres, ne vous gênez pas, c'est un réel plaisir de les suivre. Encore merci.
Marie
Marie
14/01/2021
Merci de ce partage de connaissance ! Hyper accessible. Bonne continuation !
martine
martine
08/01/2021
De très bons tutos, toujours biens expliqués... je me régale. C'est un vrai plaisir d'apprendre le Design Graphique, Motion Design et Web Design avec vous ....tout devient facile.Merci collectif Team8 pour tous vos tutos gratuits...mais pas seulement......
Eric Lavignasse
Eric Lavignasse
30/10/2020
Excellent tuto...
cedric DUBOURG
cedric DUBOURG
17/03/2020
Exellent😉

Social Media

Discord
Discord
Instagram
Instagram
Youtube
Youtube
Facebook
Facebook
Twitter
Twitter
Pinterest
Pinterest

Mots-clés associés


Sponsorisé

Tutoriel créer et intégrer son site CV Portfolio Responsive avec Photoshop CC, Bootstrap, HTML5, CSS3, Jquery et Sass

Il est de plus en plus courant de voir sur la toile des sites Web CV Portfolio. En effet, ne plus se contraindre aux limites du format A4 du CV papier classique permet de détailler davantage vos expériences, compétences, créations graphiques dans votre site CV…

C’est pourquoi, je propose un nouveau tutoriel gratuit en vidéo dédié à la création graphique d’un template de site Web avec Photoshop. Aussi, je décline ce dernier en 2 formats (écran et mobile). De plus, cela sera l’occasion de parler des plans de travail de Photoshop CC et de ses bibliothèques. En effet, ces derniers permettent l’automatisation des corrections de vos Web designs.

tuto rendu cv web portfolio

1ère partie du tuto : je crée mon site web CV Portfolio Responsive avec Photoshop

  • Création de 2 plans de travail (écran et mobile)
  • Je crée une grille personnalisée (Bootstrap)
  • Création d’une bibliothèque personnalisée
  • Création du header, du contenu et du footer
  • Astuces Photoshop qui simplifie votre workflow
  • Création d’une trame personnalisée
  • Duplication automatique des calques vers un autre plan de travail

2ème partie du tuto : j’intègre mon site web one page Responsive avec Bootstrap, HTML5, CSS3 et Jquery

La deuxième partie de ce cours est dédiée à l’intégration du CV avec BootstrapHTML5, CSS3Jquery et Sass et est présentée par Steven.

Voici les notions qui sont abordée :

  • Mise en place de Sass qui gère les feuilles de styles CSS
  • Utiliser la grille de Bootstrap 4 qui gère le responsive du site CV One page
  • Utilisation de jQuery qui gère les éléments interactifs du site CV
  • Utilisation de librairies CSS et JS (lightbox, ScrollReveal, Hover.css)
  • Apprentissage des pratiques CSS
  • Découverte de Flexbox qui gère l’affichage de certains éléments

Aussi, l’intégralité de cette formation gratuite (création et intégration du Web Design) est disponible sur tuto.com. De plus, les fichiers sources PSD, HTML, CSS, JS… sont fournis gratuitement dans les sources de ce cours.

Enfin, pour toutes questions, n’hésitez pas à nous laisser un petit commentaire. Bon tuto :)

Téléchargement*

Si tu aimes nos tutoriels, sache que tu peux nous soutenir de différentes façon : en effectuant un don juste à gauche sur cette page ou sur Tipeee. Pour être averti des prochaines sorties, n'oublies pas de t'abonner à notre chaîne Youtube ! Merci

 Source du tuto

* L'œuvre graphique : CV en ligne » Créer un site portfolio one page avec Photoshop & Bootstrap appartient au Collectif Team8. Cette dernière est sous licence CC BY-NC 4.0

Plus de cours...

Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Photoshop, Motion design, Procreate,suceptibles de vous intéresser !

Vous avez un projet en graphisme, en motion design ?