Projet Final — Portfolio

Avant de coder, tu dois planifier. Un portfolio professionnel contient :

Sections obligatoires

• Hero — ton nom, ton titre (ex: "Développeur Web Junior"), un appel à l'action
• À propos — qui tu es, ton parcours, ce qui te motive
• Compétences — HTML, CSS, JS, PHP — avec un niveau visuel
• Projets — au minimum 2 projets avec titre, description, technologies utilisées
• Contact — formulaire fonctionnel qui sauvegarde en BDD

Avant de commencer

1. Choisis ta palette de couleurs (2-3 couleurs max)
2. Choisis ta typographie (1 font pour les titres, 1 pour le texte)
3. Fais un croquis papier de la mise en page
4. Crée la structure de fichiers

portfolio/
├── index.php              ← page principale
├── includes/
│   ├── db.php             ← connexion BDD
│   ├── header.php
│   └── footer.php
├── css/
│   ├── style.css          ← styles principaux
│   └── responsive.css     ← media queries
├── js/
│   └── main.js            ← interactions
├── images/
│   ├── profil.jpg
│   └── projets/
└── admin/
    └── index.php          ← messages reçus (protégé)

Checklist qualité finale

• Page valide sans erreurs HTML (validator.w3.org)
• Responsive vérifié à 375px, 768px, 1440px
• Formulaire de contact fonctionnel et données sauvegardées
• Toutes les images ont un attribut alt
• Titre de page et meta description renseignés
• Transitions CSS sur les éléments interactifs
• Aucune erreur PHP (activer error_reporting pendant le dev)
• htmlspecialchars() sur toutes les sorties

1. Connecte-toi à Plesk sur ton hébergeur.
2. Va dans Sites Web & Domaines → ton domaine → Sous-domaines.
3. Crée un sous-domaine (ex: portfolio.tondomaine.fr). Le dossier racine est généralement httpdocs.
4. Active Let's Encrypt pour le HTTPS (gratuit).
5. Va dans Bases de données → crée une nouvelle BDD + un utilisateur dédié.
6. Mets à jour db.php avec les identifiants Plesk.
7. Importe le fichier SQL via phpMyAdmin (accessible depuis Plesk).
8. Upload tes fichiers via FTP (FileZilla) ou le Gestionnaire de fichiers Plesk.
9. Teste chaque page en ligne.