Faire un CV / CV avec le bloc-notes | par dimterion

Faire un CV / CV avec le bloc-notes | par dimterion

À peu près les mêmes étiquettes qui viennent de mélangez ensemble:

Découpe Laser Métal _ Banner _ R3V Laser

Pour le nom de la section,

– Pour le nom et le poste de l'entreprise,

– Détails puis une liste de responsabilités / réalisations enveloppées dans

    avec chacun enveloppé dans le sien

  • .
  • Et enfin la section d'informations supplémentaires:

Additional information



  • Languages

  • Driving license

  • Hobbies

  • Pas de nouvelles étiquettes ici. Ajoutez ce que vous voulez.
  • Le fichier entier jusqu'à présent ressemble à ceci:

A brief description of your profile, main skills, and experience.


📧 email@address.com
📞 0123456789


Liens de profil


Compétences

Compétence 1, compétence 2, compétence 3, compétence 4, compétence 5


Éducation

1.Title / School / University

Années / détails


Expérience de travail

1.Title / Company

Années / détails

  • Accomplissement 1
  • Accomplissement 2
  • Accomplissement 3


Informations Complémentaires

  • Langues
  • Permis de conduire
  • Loisirs

  • Et la page du navigateur ressemble à ceci:
L'image de zoom sera affichée

Capture d'écran du CV de HTML / CV.

Exportation vers PDF

Ce n'est pas la variante finale, mais au cas où vous souhaitez vous arrêter ici, vous pouvez exporter cette page vers PDF et avoir votre version de base du CV / CV.

  • Dans votre navigateur, cliquez avec le bouton droit sur la page et choisissez Imprimer.
  • Sélectionnez Enregistrer en tant que PDF dans le champ de destination.
  • Ouvrez la section plus de paramètres et lancez En-têtes et pieds de page et activer Graphiques de fond (Il faut plus loin si vous souhaitez ajouter un peu de style au CV).
  • Enregistrez votre fichier PDF.
  • Conseil: Si votre CV est plus d'une page et que vous souhaitez qu'il s'adapte correctement à chaque page (afin que certaines sections ne soient pas coupées et passent à la page suivante), vous pouvez utiliser
    -tags. Ils ajoutent une pause après tout autre élément. Plus vous ajoutez d'eux, plus d'espace seront ajoutés entre les éléments. Par exemple:

Some text.

This text will be separated by more space than the default variant.

Ajout d'une photo

Pour ajouter une photo au CV, nous avons besoin de ce qui suit en haut de notre fichier (avant le

Coiffage

Vous pouvez ajouter plus de style et pas seulement la largeur à divers éléments. Changeons d'abord la police.

Il existe différents outils pour ramasser une police. L'un d'eux est Google Fonts. Choisissez tout ce que vous aimez là-bas, puis sélectionnez au moins un style (généralement il est régulier 400 minimum). Copiez ensuite les liens fournis et collez-les en haut de votre fichier de texte (en voici un exemple avec la police Montserrat que j'ai choisie pour la version actuelle):



Ensuite, vous devez copier les règles CSS pour spécifier la police (elle peut être copiée sous les liens de la page Google Fonts). Dans notre exemple, c'est ce qui suit:

Font-Family: «Montserrat», Sans-Serif;

Ajoutez la balise suivante juste après les liens (avant le reste de vos balises):

Vous devez alors fermer cela

-Tag à la fin de votre fichier (donc tout, à l'exception des liens de police, y est enveloppé). Cela devrait être la dernière ligne de votre fichier de texte:

Si vous enregistrez votre fichier et actualisez la page Web, vous verrez que la police de votre CV est désormais différente.

Nous pouvons également modifier les couleurs d'arrière-plan et de texte de notre CV. Pour ce faire, ajoutez ceci au

-étiqueter:

Vous pouvez jouer avec la couleur et la couleur d'arrière-plan en ajoutant ce que vous voulez. Par exemple, vous pouvez vérifier certaines palettes ici. Choisissez le code de couleur que vous aimez en survolant la couleur et remplacez ceux fournis dans l'exemple (ne supprimez pas le # avant lui).

Important: Les couleurs ne seront pas appliquées aux liens (tout à l'intérieur -tags), vous devez donc les ajouter à chaque lien comme celui-ci (pour utiliser la couleur bleue pour chacun des liens dans notre cas):

Si vous souhaitez que votre image soit à côté du nom et des coordonnées et que vous ayez un peu de bordure autour, modifiez le -Tag à ceci:

Enfin, nous pouvons afficher des liens de profil à afficher dans une ligne. Ajouter ce qui suit au

    -Tag (en dessous des liens de profil en tête):

Profile links


Je ne donne pas trop de détails sur les deux dernières options car ils vont un peu trop profondément dans le style des éléments HTML, mais je pensais que ce serait bien de les ajouter de toute façon.

La version finale du fichier de texte ressemble à ceci:





A brief description of your profile, main skills and experience.


📧 email@address.com
📞 0123456789


Liens de profil


Compétences

Compétence 1, compétence 2, compétence 3, compétence 4, compétence 5


Éducation

1.Title / School / University

Années / détails


Expérience de travail

1.Title / Company

Années / détails

  • Accomplissement 1
  • Accomplissement 2
  • Accomplissement 3


Informations Complémentaires

  • Langues
  • Permis de conduire
  • Loisirs

Et la page Web ressemblera à ceci:

L'image de zoom sera affichée

Capture d'écran du CV de HTML / CV.

Vous pouvez l'exporter vers un fichier PDF comme décrit ci-dessus (encore une fois, n'oubliez pas de détacher En-tête et pied de page et activer Graphiques de fond Dans le menu d'impression).

Vous avez maintenant votre CV fait comme une vraie page Web avec un seul .txt-file (techniquement deux fichiers si vous décidez d'utiliser une photo stockée sur votre appareil et pas ailleurs en ligne).

Bien sûr, il y a une question de savoir pourquoi se soucier de tout cela au lieu de choisir un modèle de curriculum vitae dans l'un des éditeurs de texte ou des outils en ligne.

Eh bien, ce n'est pas vraiment une question de ce qui est mieux, car je visais principalement à créer un curriculum vitae avec un bloc-notes et à ne pas en faire la meilleure version.

De plus, vous connaissez maintenant un peu de HTML et pouvez l'ajouter comme l'un de vos passe-temps. Cela ne vous donnera pas le travail d'un programmeur (mais juste au cas où il, s'il vous plaît, dites-moi, je serais vraiment curieux d'en savoir plus), mais cela pourrait vous marquer un ou deux points. Le codage est amusant après tout.

De plus, si vous décidez d'aller plus loin, vous pouvez structurer votre CV de la manière que vous voulez, car c'est essentiellement votre propre constructeur, vous n'êtes donc pas limité par des versions prédéfinies ou des restrictions de certains des outils de fabrication de CV payants. Changez la commande, la couleur, la police, l'image, etc.

Et enfin, en conséquence, vous avez maintenant une petite page Web et un fichier PDF.

De toute évidence, si vous souhaitez publier cette page Web en ligne, vous devez l'héberger quelque part et ajuster plus le fichier (notre version a été principalement faite pour l'extraction du fichier PDF). Je n'entrerai pas dans les détails, mais si vous voulez vraiment que cette page de CV ressemble à une vraie page Web, voici la version finale:






href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&family=Space+Grotesk:wght@400;700&display=swap"
rel="stylesheet"
/>
Resume
style="
background-color: #f4f3ee;
color: #463f3a;
font-family: 'Montserrat', sans-serif;
"
>

src="./profile_pic.png"
alt="Photo de profil."
style="
border: 2px solid #463f3a;
width: 100px;
float: left;
margin: 15px;
"
/>

A brief description of your profile, main skills, and experience.


📧email@address.com
📞0123456789


Source link

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Panier
Retour en haut
découpe laser pub