🚀 Le Grand Hôtel du Code : Crée ton Site Web de Rêve avec HTML & CSS ! 🏨

Salut les jeunes développeurs et futures stars du web ! Prêts à relever un défi excitant qui va vous transformer en architectes du web ? Imaginez un peu : vous êtes des webmasters de renom et un client très spécial vient de vous contacter.

🏨 Le Grand Hôtel du Code vous ouvre ses portes !

Contexte de la mission : Monsieur Jean Dupont, le charmant propriétaire du “Grand Hôtel du Code”, vous a engagés pour refondre complètement le site web de son établissement. Son ancien site ? Une catastrophe ! Il veut quelque chose de moderne, élégant et surtout, qui fonctionne parfaitement. Il compte sur vous pour lui donner une vitrine numérique digne de son hôtel cinq étoiles (enfin, quatre, mais il est optimiste !).

Votre mission, si vous l’acceptez :

Créer un site web complet et cohérent pour le “Grand Hôtel du Code”.
Le site doit impérativement comporter trois pages principales :
- Accueil (index.html) : La vitrine de l’hôtel, avec une belle image d’ambiance, une petite présentation et un appel à l’action.
- Chambres (chambres.html) : Présentation des différents types de chambres (avec photos et descriptions, bien sûr !).
- Services (services.html) : Les prestations offertes par l’hôtel (restaurant, piscine, spa, Wi-Fi gratuit, etc.).
Respecter les technologies suivantes :
- HTML (HyperText Markup Language) pour la structure et le contenu. On va bien organiser tout ça avec des balises sémantiques !
- CSS (Cascading Style Sheets) pour la mise en page et le design. Un seul fichier style.css pour tout le site, s’il vous plaît ! Ça s’appelle la “cohérence” et c’est très professionnel.
- Pas de JavaScript ! On garde ça pour plus tard, quand on voudra faire danser les pixels. Pour l’instant, on se concentre sur la beauté statique.
Intégrer des images : Les photos sont cruciales pour un hôtel. Trouvez-en de belles (libre de droits, on ne veut pas de problèmes avec la justice du pixel !).
Mettre en place un menu de navigation clair et fonctionnel : Les visiteurs doivent pouvoir passer d’une page à l’autre sans se perdre dans les couloirs de l’hôtel.

Conseils de Pro (de votre prof préféré) :

Pensez “utilisateur” : Est-ce que le site est facile à utiliser ? Est-ce qu’il donne envie de réserver une chambre ?
La cohérence, c’est la clé : Mêmes polices, mêmes couleurs (ou une palette harmonieuse), même style pour toutes les pages. L’hôtel a une identité !
Structure HTML impeccable : Utilisez les balises <header>, <nav>, <main>, <section>, <footer>, etc., c’est bon pour le référencement et pour la planète (numérique) !
CSS bien rangé : Commentez votre code CSS, regroupez les styles similaires. Votre futur vous vous remerciera !

Prêts à coder le site le plus stylé du quartier ? C’est parti ! 💻✨