- Classes CSS :
Les classes CSS sont utilisées pour définir des styles réutilisables qui peuvent être appliqués à plusieurs éléments HTML. Dans ce CV, les classes suivantes sont utilisées :
point
: cette classe est utilisée pour les points sur la frise chronologique verticale dans la section formation. Elle définit la taille, la forme, la couleur et la position des points.point1
etpoint2
: ces classes sont utilisées pour positionner les points sur la frise chronologique verticale dans la section formation. Elles définissent la position absolue des points le long de la barre verticale.semi_gras
: cette classe est utilisée pour appliquer un style de police semi-gras aux éléments de texte sélectionnés, tels que les niveaux de langue dans la section langues.
- ID CSS :
Les ID CSS sont utilisés pour définir des styles uniques qui sont appliqués à un seul élément HTML. Dans ce CV, les ID suivants sont utilisés :
place
: cet ID est appliqué à la div principale qui contient tout le contenu du CV. Il définit la couleur d'arrière-plan, la taille, la position et le centrage du CV sur la page.banniere_gauche
: cet ID est appliqué à la div qui contient la bannière de gauche avec les informations de contact, les compétences et les langues. Il définit la couleur d'arrière-plan, la taille et la position de la bannière.nom
: cet ID est appliqué à l'en-tête qui contient le nom de la personne. Il définit la couleur, la position et le centrage du texte.photo
: cet ID est appliqué à l'image de profil. Il définit la taille et la position de l'image.barre_bleu_gauche
,barre_bleu_gauche_2
etbarre_bleu_gauche_3
: ces ID sont appliqués aux div qui contiennent les barres bleues de séparation dans la bannière de gauche. Ils définissent la couleur, la taille et la position des barres.contact
,titre_competences
etlangues
: ces ID sont appliqués aux en-têtes des sections respectives dans la bannière de gauche. Ils définissent la position et la transformation du texte en majuscules.competences
: cet ID est appliqué à la liste des compétences dans la bannière de gauche. Il définit la police, le poids de la police, l'image de la liste et l'espacement entre les éléments de la liste.anglais
etallemand
: ces ID sont appliqués aux div qui contiennent les noms des langues dans la section langues de la bannière de gauche. Ils définissent la police et la position du texte.titre_presentation
,titre_education
ettitre_centres
: ces ID sont appliqués aux en-têtes des sections respectives dans la partie principale du CV. Ils définissent la position et la transformation du texte en majuscules.presentation
,iut_date
,iut_ville
,iut
,iut_formation
,lycee_date
,lycee_ville
,lycee
,lycee_formation
,lycee_spe
etlycee_other
: ces ID sont appliqués aux div qui contiennent le texte des sections respectives dans la partie principale du CV. Ils définissent la police, la position et la couleur du texte.barre_bleu_presentation
,barre_bleu_education
etbarre_bleu_centres
: ces ID sont appliqués aux div qui contiennent les barres bleues de séparation dans la partie principale du CV. Ils définissent la couleur, la taille et la position des barres.barre_vertical
: cet ID est appliqué à la div qui contient la barre verticale dans la section formation de la partie principale du CV. Il définit la couleur, la taille et la position de la barre.
- Sémantique :
La sémantique HTML est utilisée pour donner un sens aux éléments HTML et améliorer l'accessibilité et le référencement du CV. Dans ce CV, les éléments HTML suivants sont utilisés de manière sémantique :
-
nav
: cet élément est utilisé pour définir la barre de navigation en haut du CV. -
ul
: cet élément est utilisé pour définir les listes non ordonnées, telles que la liste des compétences dans la bannière de gauche et la liste des liens dans la barre de navigation. -
li
: cet élément est utilisé pour définir les éléments de la liste, tels que les compétences et les liens de navigation. -
a
: cet élément est utilisé pour définir les liens hypertexte dans la barre de navigation. -
h1
: cet élément est utilisé pour définir l'en-tête principal du CV, qui contient le nom de la personne. -
h2
: cet élément est utilisé pour définir les en-têtes des sections dans la partie principale du CV et la bannière de gauche. -
address
: cet élément est utilisé pour définir les informations de contact dans la bannière de gauche. -
img
: cet élément est utilisé pour insérer des images, telles que la photo de profil et les icônes dans la bannière de gauche.
En utilisant des éléments HTML sémantiques, le CV est plus facile à comprendre pour les moteurs de recherche et les technologies d'assistance, ce qui améliore l'accessibilité et le référencement du CV.