Vous souhaitez créer un site web, mais vous ignorez par où commencer ?
Les formations classiques en développement web sont souvent coûteuses : achat d'un domaine, d'un hébergement, d'un compte WordPress, d'un thème, etc. Mais si vous n'avez pas de petite entreprise ou de marque à lancer ? Et si vous voulez simplement apprendre le développement web sans frais superflus ?
Découvrez comment héberger votre propre site web – créé de toutes pièces ou à partir de modèles – directement sur votre ordinateur Windows, gratuitement. Cela inclut même l'installation d'un WordPress local !
XAMPP, développé par Apache Friends (maintenant maintenu par Bitnami), est une distribution complète incluant Apache, PHP et Perl. Pour nos besoins, retenez qu'il s'agit d'un outil gratuit et simple pour héberger des sites web sur votre PC Windows.
La configuration initiale est technique mais straightforward. Une fois installée, la gestion et l'édition de sites deviennent intuitives.
XAMPP offre un contrôle total : modifiez autant que vous le souhaitez. Attention toutefois : avec un grand pouvoir vient une grande responsabilité. Pensez aux sauvegardes pour éviter les pertes de données.
Idéal pour un projet d'apprentissage en développement web, XAMPP convient parfaitement aux exercices en HTML, CSS, JavaScript et plus encore !
Rendez-vous sur le site officiel de XAMPP et téléchargez la version pour Windows. Suivez l'assistant d'installation par défaut. Le panneau de contrôle s'ouvre automatiquement ; sinon, recherchez-le via le menu Démarrer.
Dans le panneau de contrôle, vous verrez les modules XAMPP. Nous nous concentrerons sur Apache et MySQL.
Apache : Le cœur de XAMPP, il crée un serveur web local sur votre PC, permettant d'exécuter des sites via un navigateur, comme sur un vrai serveur distant.
MySQL : Base de données pour stocker e-mails, mots de passe et données utilisateur. Essentielle pour un WordPress local.
Cliquez sur Démarrer sous Actions pour Apache et MySQL. Attendez que les modules passent au vert. XAMPP est prêt !
Pour vérifier, ouvrez un navigateur et tapez https://localhost/. Vous devriez voir la page d'accueil XAMPP (https://localhost/dashboard/).
Cliquez ensuite sur phpMyAdmin dans le menu supérieur pour accéder à l'interface de gestion des bases de données.
Si tout fonctionne, passez à la création de sites !
Accédez au dossier XAMPP (généralement C:\xampp\htdocs). C'est le répertoire racine pour vos sites.
Utilisez un éditeur de code comme Sublime Text (préférez-le au Bloc-notes pour sa puissance).
Téléchargez un template (ex. : Roadtrip), extrayez-le dans un sous-dossier de htdocs nommé simplement (ex. : roadtrip).
Vérifiez l'extraction, puis accédez au site via https://localhost/roadtrip.
Parfait ! Éditez maintenant localement.
Dans Sublime Text, ouvrez le dossier du site (Fichier > Ouvrir le dossier).
Modifiez le code, enregistrez (Ctrl + S), rafraîchissez le navigateur. Testez itérativement !
Pour un CMS sans codage brut, téléchargez WordPress depuis wordpress.org. Extrayez dans htdocs/wordpress.
Allez sur https://localhost/phpmyadmin/, cliquez Bases de données > Créer, nommez-la wordpress.
Dans le dossier WordPress, éditez wp-config-sample.php (renommez-le en wp-config.php après modification).
Modifiez ces lignes :
// ** Paramètres MySQL ** //
/** Nom de la base de données */
define('DB_NAME', 'wordpress');
/** Nom d'utilisateur MySQL */
define('DB_USER', 'root');
/** Mot de passe MySQL */
define('DB_PASSWORD', 'votre_mot_de_passe');
Enregistrez, puis allez sur https://localhost/wordpress. Suivez l'assistant d'installation, créez vos identifiants admin, et connectez-vous.
Félicitations ! Éditez, créez et testez librement hors ligne.
Vous avez maintenant un serveur local complet. Expérimentez à volonté ! Pas envie de configurer ? Optez pour un hébergement gratuit.
Crédits image : Dmitry Tishchenko/Shutterstock
[]