Bachelor 2 – Développement web

Votre cv en ligne

Contenus

Vous allez créer votre site cv, ou portfolio, ou cv en ligne.

Pour le contenu, partez sur le principe d’un CV interactif à votre nom. Vous pouvez penser à ce genre d’informations :

  • à propos
    • un texte dans lequel vous vous présentez,
    • votre nom, votre photo,
    • quelques petites infos : âge, ville actuelle, hobbies
    • un lien vers « me contacter » et un vers « télécharger mon CV »
  • compétences
    • front-end
    • back-end,
    • cms
    • web design
    • environnements de travail (os, workflow, ide)
    • autres compétences (langues, …)
    • savoir-être
  • expériences / parcours
    • détails des formations et expériences professionnelles
  • réalisations
    • détails des projets sur lesquels vous êtes intervenus
  • contact
    • coordonnées : tel, mail, adresse postale ?
    • formulaire contact
    • liens vers les comptes des medias sociaux
  • Sans oublier les pages obligatoires « mention légales », « données personnelles », éventuellement « plan du site », « aide et accessibilité »

Vous pouvez envisager de créer votre site sur une ou plusieurs pages, selon votre choix.

Pour créer votre site web

1. Préparez !

Créez un répertoire (ou dossier) dédié à ce projet. Dans ce répertoire, créez l’arborescence des sous-répertoires suivants:

  • www : pour les pages web et les ressources statiques
    • assets : pour les ressources statiques
      • css : pour les feuilles de style
      • img : pour les images
      • font : pour les polices

Et éventuellement, créez aussi dans le répertoire du projet :

  • sources : pour toutes les ressources dont vous aurez besoin tout au long de la création de votre page
  • backups : pour les sauvegardes

Ouvrez un éditeur de code, et créez une page « .html » nommée index.html que vous enregistrerez dans le répertoire www.

Convention de nommage

Il est utile de connaître quelques règles pour nommer vos fichiers :

  1. utilisez l’extension appropriée (html pour vos fichiers html),
  2. n’utilisez jamais le caractère « espace » dans le nom de vos fichiers,
  3. évitez les caractères spéciaux, comme ?, %, #, /, :, ;, ., etc.,
  4. les noms de fichiers sont sensibles à la casse,
  5. privilégiez des noms courts.

2. Commencer avec le contenu

Créez et organisez le contenu que vous voulez publier.

3. Codez !

Insérer dans la page « index.html » les éléments obligatoires pour respecter les standards du HTML.

Mettez en place votre contenu dans la page index.html.

Balisez correctement votre contenu avec les balises HTML qui décriront le mieux votre contenu.

Structure HTML minimale d’un document

Il est recommandé qu’un document HTML ait la structure minimale suivante :

<!doctype html>
<html lang="fr-FR" >
<head>
    <meta charset="utf-8">
    <title>Titre de la page</title>
</head>
 
<body>
    <!-- contenu de la page -->
</body>
 
</html>

4. Vérifiez !

Vérifiez que votre code est bien conforme aux standards du HTML.

Ouvrez votre page dans votre navigateur, testez tous ses aspects : consultation du contenu ou interaction avec les services.

Effectuez ces vérifications dans plusieurs situations différentes (OS, navigateurs, tailles d’écrans, smartphone, tablette, …)