Apprenez à créer, modifier et héberger votre premier site web !
Voici deux fichiers prêts à l'emploi. Téléchargez-les, ouvrez-les avec votre éditeur de code, modifiez-les, et testez-les !
📄 Page HTML statique avec CSS et JavaScript. Idéal pour comprendre la structure d'une page web.
Télécharger index.html📄 Page PHP dynamique avec formulaire. À tester avec WAMP/XAMPP. Découvrez le serveur !
Télécharger index.php💡 Comment utiliser ces fichiers ?
www (WAMP) ou htdocs (XAMPP), puis ouvrez http://localhost/index.php dans votre navigateur.Pourquoi ? Un éditeur de code vous permet d'écrire et de modifier les fichiers HTML, CSS, PHP ou JavaScript de votre site. Contrairement au Bloc-Notes, ils colorent la syntaxe, auto-complètent les balises et facilitent grandement l'apprentissage.
Pour débutant : Commencez avec Visual Studio Code (gratuit, multi-plateforme, très intuitif) ou Notepad++ sur Windows.
Sur mobile/tablette : DroidEdit (Android) ou Textastic (iOS).
À quoi ça sert ? Une fois votre site prêt en local, vous devez le mettre en ligne sur un hébergeur. Le client FTP se connecte au serveur distant et vous permet d'envoyer vos fichiers (HTML, images, CSS) simplement par glisser-déposer.
Conseil débutant : FileZilla est le plus utilisé et totalement gratuit. Entrez vos identifiants FTP (donnés par votre hébergeur) et vous verrez vos fichiers locaux à gauche, ceux du serveur à droite.
Pourquoi simuler un serveur ? Pour exécuter du PHP ou une base de données MySQL sur votre propre ordinateur avant de le mettre en ligne. Cela vous permet de tester sans connexion internet.
WAMP = Windows + Apache + MySQL + PHP. MAMP pour Mac, XAMPP multi-plateforme. Une fois installé, déposez vos fichiers dans le dossier www ou htdocs et accédez-y via http://localhost/.
Mettre son site en ligne gratuitement : C'est possible ! Certains hébergeurs affichent des publicités sur votre site (pour financer le service), d'autres n'en mettent aucune. Idéal pour débuter avant de passer à une offre payante (environ 3-5€/mois).
🔍 Conseil : Pour apprendre, InfinityFree ou 000webhost sont très bien. Si vous voulez un hébergement sans pub et plus pro, Netlify ou Vercel pour les sites statiques (HTML/CSS/JS) sont excellents.
Astuce : Pour débuter sans pub, choisissez InfinityFree (PHP/MySQL) ou Netlify (HTML/CSS/JS). Pour un petit blog ou site vitrine, c'est parfait !
C:\wamp64\www\.http://localhost/index.php.🔗 Exemple de site de test : https://www.choisismoi.com/echo.php – Affiche vos données envoyées (utile pour apprendre les formulaires).