Chapitre 10 / 10

Exercice : votre première page web

Le moment de mettre les mains dedans. L'objectif : créer une vraie page web de présentation et la voir s'afficher dans votre navigateur. Comptez un quart d'heure, admiration comprise.

Pourquoi cet exercice : il ne dépend de rien d'externe, le résultat est visuel et immédiat, il traverse tout ce que vous venez d'apprendre, du dossier de projet aux permissions.

  1. Préparer le terrain

    Créez un dossier ma-page sur votre Bureau, ouvrez le terminal dedans (méthode : page Premier lancement), tapez claude.

  2. Formuler la demande

    Copiez le prompt ci-dessous en l'adaptant, puis validez. Claude demandera la permission de créer un fichier : acceptez.

  3. Admirer

    Le fichier créé, demandez à Claude d'ouvrir la page, ou ouvrez index.html d'un double-clic. Votre page est là.

  4. Itérer

    Le déclic se produit ici. Modifications une par une : couleurs, section tarifs, ton plus chaleureux, votre adresse à Lausanne. Chaque aller-retour affine votre formulation.

Le prompt de départ, à adapter
Crée une page web sobre et professionnelle, en un seul fichier index.html, qui présente mon activité de [votre métier]. Je veux : un titre avec mon nom, un court paragraphe qui explique ce que je fais et pour qui, une section qui présente mes trois prestations principales, et une section contact avec mon adresse e-mail. Texte en français, vouvoiement.
Maquette de navigateur affichant la page web créée pendant l'exercice : nom, présentation, trois prestations et un bouton de contact.
Le genre de page que vous obtenez à la fin de l'exercice, avant vos itérations.

Si vous êtes arrivé jusqu'ici avec une page qui s'affiche, vous avez fait l'essentiel : installer Claude Code, le lancer au bon endroit, dialoguer avec lui, garder le contrôle sur ce qu'il fait. Le reste (projets ambitieux, automatisations, mise en ligne d'un vrai site) se construit sur ces mêmes gestes.

La suite logique : créez votre CLAUDE.md global pendant que vos préférences sont fraîches. Choisissez une petite tâche du quotidien à confier à Claude cette semaine. C'est en l'utilisant sur vos propres sujets que l'outil prend sa valeur.