Ce TP était une introduction au développement web à travers un projet concret et personnel : créer son propre CV en HTML et CSS, puis le mettre en ligne. Une excellente façon d'apprendre les bases du web tout en produisant quelque chose d'utile.
📷 PHOTOS DU TP — À ajouter
Glissez vos photos ici ou modifiez le code HTML pour les intégrer
📄 Structure HTML du CV
Découverte des balises HTML de base : , , , .
Structure du CV : en-tête avec nom et contact (), sections expériences, formations, compétences ().
Ajout des métadonnées dans le : titre de la page, charset UTF-8, viewport pour le responsive.
🎨 Mise en forme avec CSS
Création d'un fichier style.css lié au HTML via .
Mise en page générale : couleurs de fond, police de caractères, marges.
Stylisation des sections : bordures, espacements (margin, padding), arrondis.
Mise en forme du texte : taille, couleur, gras, italique.
Utilisation du modèle de boîte CSS (box model) : content, padding, border, margin.
🌐 Mise en ligne du CV
Une fois le CV finalisé en local, mise en ligne sur un serveur web (Apache sur Raspberry Pi ou hébergement fourni).
Upload des fichiers HTML et CSS sur le serveur via FTP ou copie directe.
Vérification que la page s'affiche correctement depuis différents navigateurs.
C'est la première fois que je mettais un projet en ligne, accessible depuis n'importe où sur internet.
💡 Ce que ce TP m'a apporté
Compréhension de la séparation contenu (HTML) / présentation (CSS).
Premier contact avec les outils de développement du navigateur (F12) pour inspecter et déboguer.
Ce TP a été un déclencheur : depuis, je me suis beaucoup intéressé au développement web, ce qui m'a permis de créer mon portfolio (ce site !) et le site de Kabanha.