0% ont trouvé ce document utile (0 vote)
3 vues7 pages

Enonce Mini Projet CV HTML CSS

Le document décrit la création d'un site Web statique en HTML et CSS pour un CV professionnel interactif en français et en anglais. Il inclut des sections obligatoires telles que le profil, les contacts, la formation, les langues, les compétences et l'expérience, avec un bouton de bascule pour changer de langue. Des contraintes de design sont spécifiées, incluant l'utilisation de Flexbox ou Grid, des coins arrondis et des effets hover.

Transféré par

jeonfati259
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
3 vues7 pages

Enonce Mini Projet CV HTML CSS

Le document décrit la création d'un site Web statique en HTML et CSS pour un CV professionnel interactif en français et en anglais. Il inclut des sections obligatoires telles que le profil, les contacts, la formation, les langues, les compétences et l'expérience, avec un bouton de bascule pour changer de langue. Des contraintes de design sont spécifiées, incluant l'utilisation de Flexbox ou Grid, des coins arrondis et des effets hover.

Transféré par

jeonfati259
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Travail à Rendre HTML / CSS : CV Professionnel Interactif (FR / EN)

Objectif :

Réaliser un site Web statique (HTML + CSS uniquement) représentant un CV professionnel


interactif, comprenant deux versions linguistiques : Français et Anglais.

Chaque étudiant doit personnaliser le CV en fonction de ces données.

Structure du site :

Figure 1 : Version française

1
Figure 2 : Version Anglaise

1. En-tête (Header)

- Nom et prénom du candidat

- Intitulé du poste (Développeur Informatique / IT Developer)

- Photo de profil

- Bouton de bascule de langue : Passer en EN / Switch to FR

2. Menu vertical (Sidebar)

Sections obligatoires :

Français / Anglais

2
- Profil / Profile

- Contact / Contact

- Formation / Education

- Langues / Languages

- Compétences / Skills

- Expérience / Experience

3. Zone de contenu principal

Chaque section affiche :

- Profil : résumé professionnel

- Contact : email, téléphone, adresse

- Formation : diplômes et années

- Langues : langues et niveaux

- Compétences : compétences avec barres de progression

- Expérience : postes, durée, description

4. Gestion du bilinguisme

- Version française et anglaise obligatoires

- Bascule via bouton (sans JavaScript obligatoire)

5. Contraintes CSS

- Flexbox ou Grid

- Coins arrondis

- Ombres légères

- Effets hover

- Design professionnel

3
Bonus :

- Icônes

- Animations CSS

- Responsive mobile

4
5
6
7

Vous aimerez peut-être aussi