Tu aimes ce tuto ?

Nous serions ravis de te lire dans les commentaires !

Morgane Baridon
Morgane Baridon
7. Mai, 2019.
recommande
Alors que d'autres tutos sont payants et non pédagogiques, les votres sont gratuits et efficaces ! MERCI
Jeff Verdier
Jeff Verdier
28. Mai, 2018.
recommande
Je me régale !
Denisov Balifyich
Denisov Balifyich
13. Mars, 2018.
recommande
Vous êtes trop ''top'' tout simplement...
Pregovi MB
Pregovi MB
2020-11-11
Eric Lavignasse
Eric Lavignasse
2020-10-30
Excellent tuto...
cedric DUBOURG
cedric DUBOURG
2020-03-17
Exellent😉
Grulu Gruloi
Grulu Gruloi
2017-07-21

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 sur Tipeee où en t'abonnant à notre chaîne Youtube ! Merci

 Nous soutenir  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 ?