0$ C'est gratuit

Tuto Gratuit : créer son CV one page en ligne ! avec Photoshop, HTML, CSS, Bootstrap

0$ C'est gratuit

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

Préparez vos futurs entretiens d'embauches avec ce nouveau tutoriel gratuit en vidéo présenté par le Collectif Team8 et Infoprog qui vous proposent d'apprendre à créer et intégrer votre CV responsive en one page. Une manière moderne de présenter votre travail et vos compétences, dans un monde Digital !

Au programme de ce tuto gratuit CV one page en ligne 

Dans la première partie, vous apprendrez aux côtés de Damien, à créer le graphisme de votre CV à l'aide des bibliothèques de Photoshop. L'utilisation des plans de travail du logiciel permettra la déclinaison du graphisme sur différents terminaux du type mobile et tablette.

Programme du tuto créer un WebDesign responsive de CV avec Photoshop

  • Création des plans de travail (versions écran et mobile)
  • Création d'une grille personnalisée
  • Création d'une bibliothèque
  • Création d'une trame personnalisée
  • Création des différentes parties du site (header, contenu, footer)
  • Duplication des différents calques vers la version responsive

Dans la deuxième partie, vous allez apprendre aux côtés de Steven à intégrer le PSD créé dans la première partie de ce tutoriel à l'aide des langages HTML, CSS et JavaScript.

Pour vous aider dans cette intégration et pour découvrir de nouvelles technologies, nous utiliserons Bootstrap, jQuery ainsi que plusieurs autres librairies JS et CSS pour parvenir au résultat final.

Aucune connaissances préalables de ces technologies n'est nécessaire puisque les bases seront vues pour comprendre l'ensemble du processus d'intégration. Nous utiliserons également le préprocesseur CSS Sass pour gérer et maintenir plus facilement nos feuilles de styles. Une nouvelle fois, nous verrons comment installer et utiliser Sass au sein de cette seconde partie.

Au programme de la partie intégration du design responsive de votre CV

  • Utilisation de Sass pour gérer nos feuilles de styles
  • Utilisation de la grille de Bootstrap 4 pour gérer facilement le responsive de notre CV Onepage
  • Utilisation de jQuery pour gérer les éléments interactifs de notre site
  • Utilisation de librairies CSS et JS (lightbox, ScrollReveal, Hover.css) pour gérer certains effets de notre site
  • Apprentissage de bonnes pratiques CSS
  • Découverte de Flexbox pour gérer l'affichage de certains éléments

Des fichiers sources sont fournis avec ce cours entièrement gratuit
Vous pouvez poser vos questions aux formateurs dans le salon d'entraide de ce tuto.  

Vous pourrez ensuite aller plus loin avec votre CV en apprenant à ajouter un bandeau vidéo ou bien en améliorant vos compétences techniques en intégration ou programmation web et améliorer votre employabilité !

Table des matières de cette formation Photoshop, HTML, CSS, Bootstrap (durée : 4h27m)

  • Création du webdesign avec Damien sous Photoshop
    • 01 - Création d'une grille personnalisée gratuit 00:08:39
    • 02 - Création d'une bibliothèque 00:05:41
    • 03 - Création du header 00:23:32
    • 04 - Création du contenu (partie à propos) 00:10:59
    • 05 - Création du contenu (partie compétences & expériences) 00:19:06
    • 06 - Création du contenu (partie créations) et du footer 00:10:06
    • 07 - Déclinaison du graphisme sur format mobile 00:19:16
  • Intégration de la maquette et Développement du site avec Steven
    • Introduction gratuit 00:10:12
    • Mise en place du projet 00:06:39
    • Le header 01:08:44
    • La section "A propos" 00:26:00
    • La section "Compétences" 00:21:25
    • La section "Expériences" 00:13:37
    • La section "Réalisations" 00:17:18
    • Le footer 00:05:20
    • Conclusion 00:00:39



Les formateurs de ce cours

Damien Gallez & Steven Sil vous proposent cette formation
vidéo. A eux deux, ces formateurs ont vendus 42 563 tutoriels pour
une note moyenne de 4,7/5.

4,8
note moyenne

18
avis laissés
5 étoiles
14
4 étoiles
4
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de joez laissé le 10/10/2017
    Excellent TUTO, Un Grand MERCI .

  • 5
    avis de krishenk laissé le 26/09/2017
    Très bon tuto, pour quelqu'un qui vient de commencer ou qui à déjà les bases ! Merci beaucoup m'avoir appris les bases et un peux approfondi sur un cv web ^^

  • 5
    avis de blouf laissé le 14/09/2017
    Très bien, donnent des explications claires, précises et vont à l'essentiel, changez pas !

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    Photoshop CC, HTML 5, CSS 3, Bootstrap 4
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Bonjour Damien, Peut-on suivre ce tuto avec la version CS6 de Photoshop ? Merci. Agnès
    Bonjour Agnès je ne crois pas. Les plans de travail et certaines bibliothèques ne doivent pas être disponibles dans cette version. Tentez ! C'est un tuto gratuit :)
accédez à plus de 1594 tuto gratuits


non, je ne veux pas me former gratuitement