Allotgeu i editeu llocs web a Windows gratuïtament mitjançant XAMPP

Allotgeu i editeu llocs web a Windows gratuïtament mitjançant XAMPP

Voleu crear un lloc web, però no sabeu per on començar?





Sembla que el terreny d’entrenament en desenvolupament web típic també és el més car: comprar un domini, servidor d’amfitrió, compte de WordPress, tema, etc. Però, i si no sou propietari d’una petita empresa o voleu crear una marca? Què passa si només intenteu aprendre el desenvolupament web, sense desordres?





Seguiu llegint per aprendre a allotjar el vostre propi lloc web, que podeu crear des de zero o amb plantilles prefabricades, al vostre ordinador i de forma gratuïta. Ah, també inclou allotjar el vostre propi compte de WordPress.





XAMPP: Introducció

XAMPP de Bitnami és 'una distribució Apache que conté PHP i Perl.' Als nostres propòsits, només hem d’entendre que XAMPP és un programa gratuït i senzill que permet als usuaris allotjar llocs web al seu PC.

Tot i que configurar un servidor local mitjançant XAMPP és una mica tècnic, el procés també és bastant senzill i senzill. Un cop s’hagi configurat tot, trobareu que gestionar i editar llocs web és molt fàcil.



Després hi ha la qüestió d’un control ràpid i complet. Si utilitzeu XAMPP per crear i editar llocs web, podreu canviar tant o tan poc d’un lloc web com vulgueu. Dit això, amb un gran poder arriba una gran responsabilitat. També sou més susceptible de perdre els vostres llocs, sobretot si no ho feu crear còpies de seguretat .

quant és de tub vermell

Tot i això, si voleu un autèntic projecte de curs inicial en web dev, XAMPP és per a vosaltres. Això inclou qualsevol projecte relacionat amb HTML, CSS, Javascript i més enllà.





Instal·lació de XAMPP

Dirigiu-vos al XAMPP i descarregueu el paquet. Seguiu el procés de configuració predeterminat. Un cop hàgiu descarregat XAMPP, el tauler de control de XAMPP s'hauria d'obrir automàticament. Si no, podeu localitzar el programa XAMPP com ho faríeu amb qualsevol altre (mitjançant la cerca al menú Inici).

A la finestra del tauler de control de XAMPP, hauríeu de veure un disseny senzill dels processos XAMPP en execució. Per als nostres propòsits, ens centrarem en les dues primeres opcions: Apache i MySQL.





Apatxe - El nucli principal de XAMPP, l’opció Apache crea un servidor Apache al vostre PC. Això és el que us permetrà executar i editar llocs web al vostre PC mitjançant navegadors web, de la mateixa manera que ho faria un lloc web. Excepte, és clar, que aquest lloc web s’executa al vostre PC, en lloc d’un servidor connectat a Internet.

MySQL - SQL permet la comunicació entre bases de dades i llocs web, permetent als usuaris provar i emmagatzemar correus electrònics, contrasenyes i qualsevol altra entrada de dades. Ho utilitzarem per al vostre compte local de WordPress.

Premeu el botó Començar del vostre tauler de control XAMPP a sota Accions tant per a Apache com per a MySQL. Espereu fins que Apache i MySQL es ressalten en verd a la secció del mòdul. Un cop activat, podeu utilitzar XAMPP lliurement.

Localhost i phpMyAdmin

Per assegurar-vos que tot funciona, obriu un navegador web i introduïu-lo http: // localhost / a la barra d'adreces i premeu Entra . Hauríeu de ser redirigit a http: // localhost / dashboard / , que és la pàgina XAMPP per defecte.

A continuació, feu clic a phpMyAdmin del menú de navegació superior. Se us dirigirà a la pàgina predeterminada de phpMyAdmin.

Deixeu-los tranquils per ara, però si tots dos funcionen, esteu preparats per començar a crear llocs web.

Creació de llocs web mitjançant XAMPP

Ara ve la part divertida. Aneu a la carpeta XAMPP ubicada al directori de la vostra unitat arrel ( C: xampp per defecte). Després, aneu cap a htdocs . Aquest serà el principal dipòsit de llocs web que utilitzarà per veure els llocs web.

Abans de crear i editar un lloc web, necessitareu un editor de text. Tot i que podeu utilitzar un editor de text predeterminat com el Bloc de notes, normalment és millor descarregar un editor de tercers fet específicament per al codi i l’etiquetatge. Text sublim és un dels millors que hi ha al voltant, així que aneu al seu lloc web i baixeu-vos el programari per començar.

Ara podeu començar a descarregar i instal·lar llocs web a XAMPP. Faré servir el Viatge de carretera plantilla, però podeu utilitzar la plantilla que vulgueu. Baixeu-vos el fitxer zip del lloc web i guardeu-lo en un lloc que recordeu. A continuació, creeu una carpeta dins de la carpeta htdocs de XAMPP per al vostre lloc web. He nomenat el meu viatge de carretera - Intenteu que el vostre nom sigui senzill. A continuació, descomprimiu i extreu el contingut del fitxer zip a aquesta carpeta htdocs.

Un cop hàgiu extret els fitxers, aneu al repositori del vostre lloc web dins d’htdocs per assegurar-vos que s’han extret correctament.

Finalment, aneu a la vostra pàgina web al navegador web. La vostra lloc web , per dir-ho d'alguna manera, serà accessible mitjançant el localhost esmentat anteriorment juntament amb el nom de la carpeta que conté els fitxers de la pàgina. Això es deu al fet que els llocs web són essencialment fitxers continguts en carpetes, tots sota un nom de domini o arrel. Ja estàs aprenent!

La nostra carpeta creada anteriorment es deia roadtrip, de manera que l'adreça completa del lloc és http: // localhost / roadtrip .

Estàs acabat! Ara podeu començar a editar el lloc web localment.

Edició de llocs web

Obriu el text sublim. Cap a Dossier i seleccioneu Carpeta oberta . Cerqueu i seleccioneu la vostra carpeta web a la carpeta XAMPP. Ara podreu editar diverses pàgines del mateix lloc web dins del vostre editor de text Sublim.

Sublime Text també proporciona una interfície ideal per veure tots els fitxers i carpetes del vostre lloc web. Per crear canvis al lloc web, editeu el codi del lloc web i deseu-lo (mitjançant l'ordre del teclat Ctrl + S ) i actualitzeu el vostre lloc web al navegador.

El procés és senzill i directe: editeu la pàgina web i, a continuació, comproveu si el vostre codi funciona. A mesura que avanceu en el vostre desenvolupament web, intentareu introduir funcions més complicades a la vostra pàgina web. No importa el nivell d’habilitat, però, el format bàsic per editar pàgines continua sent el mateix.

Utilitzeu WordPress amb XAMPP

Si no voleu editar codi en brut, o preferiu utilitzar un sistema de gestió de contingut (CMS) més familiar, WordPress proporciona el seu fantàstic recurs de disseny web en un fitxer ZIP fàcil d'utilitzar. Per instal·lar WordPress a XAMPP, aneu a Lloc web de WordPress i descarregar l'aplicació oficial.

Utilitzeu el mateix format per crear un lloc web que anteriorment, amb la carpeta extreta de WordPress al directori htdoc de la carpeta. wordpress . Mantingueu el nom de la carpeta per motius de claredat.

Utilitzant phpMyAdmin

Atès que WordPress requereix que creeu informació d’inici de sessió, haureu de crear una entrada al vostre directori PHP per a la pàgina web. Cap a la vostra pàgina phpMyAdmin - http: // localhost / phpmyadmin / per defecte: per començar.

Des d’aquesta pàgina, feu clic a Bases de dades . Sota la Crea una base de dades paràmetre, introduïu wordpress i després colpejar Crear . Hauríeu de veure una finestra emergent que us indicaria que es va crear la base de dades. A continuació, tanqueu aquesta finestra del navegador i introduïu la vostra carpeta de WordPress al directori XAMPP htdocs. Aquesta carpeta hauria de contenir el contingut dels fitxers de WordPress descomprimits.

Configuració de l’inici de sessió

Hem de configurar el lloc web real de WordPress perquè pugueu iniciar la sessió i utilitzar-lo. Això es fa a través del fitxer de configuració principal de WordPress de WordPress. A la vostra carpeta de WordPress, cerqueu el fitxer etiquetat wp-config-sample.php , feu clic amb el botó dret al fitxer i seleccioneu Edita (o Obert amb per a un editor de text separat). El bloc de notes hauria de funcionar bé.

Aquí teniu el codi en què ens centrarem:

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');

Haureu de fer tres canvis al codi anterior dins la cometa.

nom_base_data_aquí - Canvieu aquest paràmetre a wordpress . A continuació, el lloc web utilitzarà la base de dades creada prèviament a phpMyAdmin etiquetada com a tal.

nom_usuari_aquí - Canvieu-ho per arrel . El nom d'usuari arrel posseeix els privilegis d'administrador adequats per defecte, de manera que es permetrà mitjançant phpMyAdmin. Altres noms d’usuari no funcionaran tret que se’ls concedeixin els permisos adequats.

password_here - Canvieu-ho per una contrasenya fàcilment identificable. Si preferiu no utilitzar una contrasenya, suprimiu el paràmetre.

Deseu aquest fitxer com a wp-config.php - a diferència de l'anterior wp-config-sample.php - i sortir. A continuació, aneu a la següent adreça localhost: http: // localhost / wordpress .

Continueu amb la instal·lació, inclosa la creació del vostre WordPress Nom d'usuari i Contrasenya . Podeu introduir els valors que preferiu. Un cop hàgiu acabat d'introduir els vostres valors, feu clic a Instal·leu WordPress per acabar el procés. Un cop fet això, inicieu sessió al vostre WordPress local amb el nom d’usuari i la contrasenya que apareixen a la pàgina anterior.

Estàs acabat! Ara podeu gastar el contingut del vostre cor editant, modificant i creant pàgines web des de zero i a través de WordPress, fora de línia i de forma gratuïta !

no pot iniciar Windows 10 en mode segur

El desenvolupament web comença amb una sola pàgina

Abans, començàveu el vostre viatge de desenvolupament web. Ara, heu creat un servidor local al vostre PC mitjançant el qual podeu crear, modificar i adaptar pàgines web de manera senzilla. El millor de tot és que teniu el control total. L’únic que queda és començar la vostra experimentació, així que endavant!

Heu decidit que no voleu fer tot aquest treball? Proveu-ne un els millors serveis d’allotjament de llocs web gratuïts en canvi.

Crèdits de la imatge: Dmitry Tishchenko / Shutterstock

Compartir Compartir Tweet Correu electrònic 6 alternatives audibles: les millors aplicacions de llibres d’àudio gratuïtes o econòmiques

Si no us ve de gust pagar audiollibres, aquí teniu algunes aplicacions fantàstiques que us permeten escoltar-les de forma gratuïta i legal.

Llegiu a continuació
Temes relacionats
  • Windows
  • Programació
  • Wordpress
  • Desenvolupament web
  • Web Hosting
  • Eines per a administradors web
  • Servidor Apache
  • Servidor web
Sobre l'autor Christian Bonilla(83 articles publicats)

Christian és una incorporació recent a la comunitat MakeUseOf i un àvid lector de tot, des de literatura densa fins a tires còmiques de Calvin i Hobbes. La seva passió per la tecnologia només es combina amb la seva voluntat i voluntat d’ajudar; si teniu alguna pregunta sobre (sobretot) res, no dubteu a enviar-nos un correu electrònic.

Més de Christian Bonilla

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us