Vous souhaitez créer un site Web, mais vous ne savez pas par où commencer ?
Il semble que le terrain de formation typique en développement Web soit aussi le plus cher :achetez un domaine, un serveur hôte, un compte WordPress, un thème, etc. Mais que se passe-t-il si vous n'êtes pas propriétaire d'une petite entreprise ou si vous essayez de créer une marque ? Et si vous essayiez simplement d'apprendre le développement Web, sans encombrement ?
Lisez la suite pour savoir comment héberger votre propre site Web, que vous pouvez créer à partir de zéro ou avec des modèles prédéfinis, sur votre ordinateur et gratuitement. Oh, cela inclut également l'hébergement de votre propre compte WordPress !
XAMPP de Bitnami est "une distribution Apache contenant PHP et Perl". Pour nos besoins, nous devons seulement comprendre que XAMPP est un programme simple et gratuit qui permet aux utilisateurs d'héberger des sites Web sur leur PC.
Bien que la configuration d'un serveur local à l'aide de XAMPP soit quelque peu technique, le processus est également assez simple et direct. Une fois que tout a été configuré, vous constaterez que la gestion et l'édition de sites Web sont un jeu d'enfant.
Ensuite, il y a la question du contrôle rapide et complet. En utilisant XAMPP pour créer et modifier des sites Web, vous pourrez modifier autant ou aussi peu d'un site Web que vous le souhaitez. Cela dit, un grand pouvoir s'accompagne d'une grande responsabilité. Vous êtes également plus susceptible de perdre vos sites, surtout si vous ne créez pas de sauvegardes.
Si vous souhaitez un véritable projet de cours de démarrage en développement Web, XAMPP est fait pour vous. Cela inclut tous les projets liés au HTML, au CSS, au Javascript et au-delà !
Rendez-vous sur le site Web XAMPP et téléchargez le package. Suivez le processus de configuration par défaut. Une fois que vous avez téléchargé XAMPP, votre panneau de contrôle XAMPP devrait s'ouvrir automatiquement. Sinon, vous pouvez localiser le programme XAMPP comme vous le feriez pour n'importe quel autre (via la recherche dans le menu Démarrer).
Dans la fenêtre de votre panneau de configuration XAMPP, vous devriez voir une présentation simple des processus XAMPP en cours d'exécution. Pour nos besoins, nous nous concentrerons sur les deux premières options :Apache et MySQL.
Apache -- Le nœud principal de XAMPP, l'option Apache crée un serveur Apache sur votre PC. C'est ce qui vous permettra d'exécuter et de modifier des sites Web sur votre PC via des navigateurs Web, un peu comme on le ferait avec un site Web. Sauf, bien sûr, que ce site Web s'exécute sur votre PC, par opposition à un serveur connecté à Internet.
MySQL -- SQL permet la communication entre les bases de données et les sites Web, permettant aux utilisateurs de tester et de stocker des e-mails, des mots de passe et toute autre entrée de données. Nous l'utiliserons pour votre compte WordPress local.
Appuyez sur Démarrer bouton dans votre panneau de configuration XAMPP sous Actions pour Apache et MySQL. Attendez qu'Apache et MySQL soient surlignés en vert dans la section de votre module. Une fois activé, vous êtes libre d'utiliser XAMPP.
Pour vous assurer que tout fonctionne correctement, ouvrez un navigateur Web, entrez http://localhost/ dans votre barre d'adresse et appuyez sur Entrée . Vous devriez être redirigé vers http://localhost/dashboard/ , qui est la page XAMPP par défaut.
Ensuite, cliquez sur phpMyAdmin bouton dans le menu de navigation supérieur. Vous serez dirigé vers votre page phpMyAdmin par défaut.
Laissez-les tranquilles pour le moment, mais si les deux fonctionnent, vous êtes prêt à commencer à créer des sites !
Vient maintenant la partie amusante. Dirigez-vous vers le dossier XAMPP situé dans le répertoire de votre lecteur racine (C:\xampp par défaut). Ensuite, dirigez-vous vers htdocs . Ce sera le principal référentiel de sites Web que vous utiliserez pour afficher les sites Web.
Avant de créer et de modifier un site Web, vous aurez besoin d'un éditeur de texte. Bien que vous puissiez utiliser un éditeur de texte par défaut comme le Bloc-notes, il est généralement préférable de télécharger un éditeur tiers spécialement conçu pour le code et le balisage. Sublime Text est l'un des meilleurs du marché, alors rendez-vous sur leur site Web et téléchargez le logiciel pour commencer.
Vous pouvez maintenant commencer à télécharger et à installer des sites Web dans XAMPP. J'utiliserai le modèle Roadtrip, mais vous pouvez utiliser le modèle de votre choix. Téléchargez le fichier zip du site Web et conservez-le dans un endroit dont vous vous souviendrez. Ensuite, créez un dossier dans le dossier htdocs de XAMPP pour votre site Web. J'ai nommé mon roadtrip -- essayez de garder votre nom simple. Ensuite, décompressez et extrayez le contenu de votre fichier zip dans ce dossier htdocs.
Une fois que vous avez extrait les fichiers, accédez au référentiel de votre site Web dans htdocs pour vous assurer qu'ils ont été correctement extraits.
Enfin, dirigez-vous vers votre page Web dans votre navigateur Web. Votre site Web , pour ainsi dire, sera accessible en utilisant le localhost mentionné précédemment avec le nom du dossier contenant vos fichiers de page. En effet, les sites Web sont essentiellement des fichiers contenus dans des dossiers, le tout sous un seul nom de domaine - ou racine -. Vous apprenez déjà !
Notre dossier créé précédemment s'appelait roadtrip, donc l'adresse complète du site est http://localhost/roadtrip .
Vous avez terminé! Vous pouvez maintenant commencer à modifier le site Web localement.
Ouvrez Sublime Text. Allez dans Fichier et sélectionnez Ouvrir le dossier . Recherchez et sélectionnez votre dossier Web dans le dossier XAMPP. Vous pourrez désormais modifier plusieurs pages du même site Web dans votre éditeur Sublime Text.
Sublime Text fournit également une excellente interface pour que vous puissiez voir chaque fichier et dossier de votre site Web. Pour créer des modifications sur votre site Web, modifiez le code de votre site Web, enregistrez (en utilisant la commande clavier Ctrl + S ) et actualisez votre site Web dans le navigateur.
Le processus est simple et direct :modifiez la page Web, puis vérifiez si votre code fonctionne. Au fur et à mesure que vous progressez dans votre développement Web, vous tenterez d'intégrer des fonctionnalités plus complexes dans votre page Web. Quel que soit le niveau de compétence, le format de base pour modifier les pages reste le même.
Si vous ne souhaitez pas modifier le code brut ou si vous préférez utiliser un système de gestion de contenu (CMS) plus familier, WordPress fournit également sa fantastique ressource de conception Web dans un fichier ZIP facile à utiliser ! Pour installer WordPress sur XAMPP, rendez-vous sur le site WordPress et téléchargez l'application officielle.
Utilisez le même format pour créer un site Web que précédemment, avec votre dossier WordPress extrait présent dans le répertoire htdoc dans le dossier wordpress . Conservez le nom du dossier par souci de clarté.
Étant donné que WordPress nécessite que vous créiez des informations de connexion, vous devrez créer une entrée dans votre répertoire PHP pour la page Web. Rendez-vous sur votre page phpMyAdmin -- http://localhost/phpmyadmin/ par défaut -- pour commencer.
Depuis cette page, cliquez sur Bases de données . Sous Créer une base de données paramètre, entrez wordpress puis appuyez sur Créer . Vous devriez voir une fenêtre contextuelle vous indiquant que la base de données a été créée. Ensuite, fermez cette fenêtre de navigateur et entrez votre dossier WordPress dans le répertoire XAMPP htdocs. Ce dossier doit contenir le contenu de vos fichiers WordPress décompressés.
Nous devons configurer le site Web WordPress actuel afin que vous puissiez vous connecter et utiliser le site. Cela se fait via le fichier de configuration PHP principal de WordPress. Dans votre dossier WordPress, recherchez le fichier intitulé wp-config-sample.php , faites un clic droit sur le fichier, sélectionnez Modifier (ou Ouvrir avec pour un éditeur de texte séparé). Le bloc-notes devrait fonctionner correctement.
Voici le code sur lequel nous allons nous concentrer :
// ** Paramètres MySQL - Vous pouvez obtenir ces informations auprès de votre hébergeur ** //
/** Le nom de la base de données pour WordPress */
définir('DB_NAME', 'database_name_here ');
/** Nom d'utilisateur de la base de données MySQL */
définir('DB_USER', 'nom d'utilisateur_ici ');
/** Mot de passe de la base de données MySQL */
définir('DB_PASSWORD', 'password_here ');
Vous devrez apporter trois modifications au code ci-dessus dans le guillemet.
database_name_ici -- Remplacez ce paramètre par wordpress . Le site Web utilisera alors la base de données précédemment créée dans phpMyAdmin étiquetée comme telle.
nom d'utilisateur_ici -- Remplacez-le par root . Le nom d'utilisateur root possède les privilèges d'administrateur appropriés par défaut, il sera donc autorisé via phpMyAdmin. Les autres noms d'utilisateur ne fonctionneront que si les autorisations appropriées vous sont accordées.
mot de passe_ici -- Remplacez-le par un mot de passe facilement identifiable. Si vous préférez ne pas utiliser de mot de passe, supprimez le paramètre.
Enregistrez ce fichier sous wp-config.php -- par opposition au précédent wp-config-sample.php -- et sortir. Ensuite, dirigez-vous vers l'adresse localhost suivante :http://localhost/wordpress .
Procédez à l'installation, y compris la création de votre nom d'utilisateur WordPress et Mot de passe . Vous pouvez entrer les valeurs que vous préférez. Une fois que vous avez fini de saisir vos valeurs, cliquez sur Installer WordPress bouton pour terminer le processus. Une fois cela fait, connectez-vous à votre WordPress local en utilisant le nom d'utilisateur et le mot de passe indiqués sur la page précédente.
Vous avez terminé! Désormais, vous pouvez passer le contenu de votre cœur à éditer, modifier et créer des pages Web à la fois à partir de rien et via WordPress, hors ligne et gratuitement !
Avant, vous commenciez tout juste votre parcours de développement Web. Maintenant, vous avez créé un serveur local sur votre PC à travers lequel vous pouvez créer, modifier et adapter des pages Web à volonté. Le meilleur de tous, vous êtes complètement en contrôle. Il ne vous reste plus qu'à commencer votre expérimentation, alors lancez-vous !
Vous avez décidé de ne pas passer par tout ce travail ? Essayez plutôt l'un des meilleurs services d'hébergement de sites Web gratuits.
Crédits image :Dmitry Tishchenko/Shutterstock