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 41 113 tutoriels pour
une note moyenne de 4,7/5.

4,8
note moyenne

12
avis laissés
5 étoiles
10
4 étoiles
2
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-7046-900 laissé le 01/08/2017
    Vous êtes tout simplement fantastic

  • 5
    avis de narch007 laissé le 08/07/2017
    J'ai bien aimé ces explications trop cool

  • 5
    avis de tomtom51 laissé le 25/06/2017
    Je viens de finir la première partie, on apprend plein de choses sympa et utile, je n'avais jamais utilisé la bibliothèque et j'avoue que c'est un sacré gain de temps, le rendu final est chouette, Team8 est très pédagogue, je commence la seconde partie, je connais le travail de Steven, je vais me régaler :) La seconde partie est géniale, le tuto est vraiment facile et agréable à suivre, je vous recommande le tuto sur emmet et sur sass qui sont très bon aussi.

  • 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 1576 tuto gratuits


non, je ne veux pas me former gratuitement