Găzduiți și editați site-uri web pe Windows gratuit folosind XAMPP

Găzduiți și editați site-uri web pe Windows gratuit folosind XAMPP

Vrei să construiești un site web, dar nu știi de unde să începi?





Se pare că terenul de formare tipic pentru dezvoltarea web este, de asemenea, cel mai scump: cumpărați un domeniu, server gazdă, cont WordPress, temă etc. Dar dacă nu sunteți proprietarul unei companii mici sau încercați să construiți un brand? Ce se întâmplă dacă încercați doar să învățați dezvoltarea web, fără dezordine?



Citiți mai departe pentru a afla cum să vă găzduiți propriul site web, pe care îl puteți crea fie de la zero, fie cu șabloane prefabricate, pe computerul dvs. și gratuit. Oh, asta include și găzduirea propriului cont WordPress!





XAMPP: o introducere

XAMPP al lui Bitnami este „o distribuție Apache care conține PHP și Perl”. În scopul nostru, trebuie doar să înțelegem că XAMPP este un program gratuit, simplu, care permite utilizatorilor să găzduiască site-uri web pe computerele lor.

În timp ce configurarea unui server local utilizând XAMPP este oarecum tehnică, procesul este, de asemenea, destul de ușor și direct. Odată ce totul a fost configurat, veți găsi că gestionarea și editarea site-urilor web este o briză.



Apoi, este problema controlului rapid și complet. Folosind XAMPP pentru a crea și edita site-uri web, veți putea schimba cât de mult sau cât de puțin dintr-un site web doriți. Acestea fiind spuse, cu o mare putere vine o mare responsabilitate. Sunteți mai susceptibil să vă pierdeți și site-urile, mai ales dacă nu creați copii de rezervă .

cum se accesează bios pe laptop

Cu toate acestea, dacă doriți un proiect de curs inițial autentic în web dev, XAMPP este pentru dvs. Aceasta include orice proiecte legate de HTML, CSS, Javascript și nu numai!



Instalarea XAMPP

Mergeți la XAMPP site-ul web și descărcați pachetul. Urmați procesul de configurare implicit. După ce ați descărcat XAMPP, panoul de control XAMPP ar trebui să se deschidă automat. Dacă nu, puteți localiza programul XAMPP așa cum ați face oricare altul (prin căutarea din meniul Start).

În fereastra panoului de control XAMPP, ar trebui să vedeți o structură simplă a proceselor XAMPP care rulează. În scopul nostru, ne vom concentra asupra primelor două opțiuni: Apache și MySQL.



Apache - Punctul principal al XAMPP, opțiunea Apache creează un server Apache pe computerul dvs. Acesta este ceea ce vă va permite să rulați și să editați site-uri web pe computerul dvs. prin intermediul browserelor web, la fel cum ar fi un site web. Cu excepția, desigur, acest site web rulează pe computerul dvs., spre deosebire de un server conectat la internet.

MySQL - SQL permite comunicarea între baze de date și site-uri web, permițând utilizatorilor să testeze și să stocheze e-mailuri, parole și orice alte date de intrare. Vom folosi acest lucru pentru contul dvs. local WordPress.

apasă pe start din panoul de control XAMPP de sub Acțiuni atât pentru Apache, cât și pentru MySQL. Așteptați până când Apache și MySQL sunt evidențiate în verde sub secțiunea modulului. Odată activat, puteți utiliza gratuit XAMPP.

Localhost și phpMyAdmin

Pentru a vă asigura că totul funcționează, deschideți un browser web, introduceți http: // localhost / în bara de adrese și apăsați introduce . Ar trebui să fiți redirecționat către http: // localhost / dashboard / , care este pagina implicită XAMPP.

Apoi, faceți clic pe phpMyAdmin din meniul de navigare din partea de sus. Veți fi direcționat către pagina implicită phpMyAdmin.

Lăsați-le în pace pentru moment, dar dacă ambele funcționează, sunteți gata să începeți să creați site-uri web!

Crearea de site-uri web folosind XAMPP

Acum vine partea distractivă. Mergeți la folderul XAMPP situat în directorul unității rădăcină ( C: xampp în mod implicit). Apoi, îndreaptă-te spre htdocs . Acesta va fi principalul depozit de site-uri web pe care îl veți utiliza pentru a vizualiza site-uri web.

Înainte de a crea și edita un site web, veți avea nevoie de un editor de text. Deși puteți utiliza un editor de text implicit, cum ar fi Notepad, este de obicei cel mai bine să descărcați un editor terță parte creat special pentru cod și marcare. Text sublim este unul dintre cele mai bune din jur, așa că mergeți la site-ul lor web și descărcați software-ul pentru a începe.

Acum puteți începe să descărcați și să instalați site-uri web în XAMPP. Voi folosi Drum rutier șablon, dar puteți utiliza oricare șablon doriți. Descărcați fișierul zip al site-ului și păstrați-l într-o locație pe care o veți aminti. Apoi, creați un folder în dosarul htdocs al XAMPP pentru site-ul dvs. web. L-am numit pe al meu drum rutier - încercați să vă mențineți numele simplu. Apoi, dezarhivați și extrageți conținutul fișierului zip în acest folder htdocs.

După ce ați extras fișierele, mergeți la depozitul site-ului dvs. în htdocs pentru a vă asigura că au fost extrase corect.

În cele din urmă, accesați pagina dvs. web din browserul dvs. web. Ta site-ul web , ca să spunem așa, va fi accesibil folosind localhost-ul menționat anterior împreună cu numele folderului care deține fișierele paginii. Acest lucru se datorează faptului că site-urile web sunt în esență fișiere conținute în foldere, toate sub un singur domeniu - sau rădăcină - nume. Înveți deja!

Dosarul nostru creat anterior a fost denumit roadtrip, deci adresa completă a site-ului este http: // localhost / roadtrip .

Ați terminat! Acum puteți începe să editați site-ul la nivel local.

Editarea site-urilor web

Deschideți Sublime Text. Mergeți spre Fişier și selectați Deschideți folderul . Găsiți și selectați folderul dvs. web în folderul XAMPP. Acum veți putea edita mai multe pagini ale aceluiași site web în editorul dvs. de text Sublim.

Sublime Text oferă, de asemenea, o interfață excelentă pentru a vedea fiecare fișier și folder de pe site-ul dvs. web. Pentru a crea modificări pe site-ul dvs. web, modificați codul site-ului dvs. web, salvați (folosind comanda tastaturii Ctrl + S ) și reîmprospătați site-ul web în browser.

Procesul este simplu și direct: editați pagina web, apoi verificați dacă codul dvs. funcționează. Pe măsură ce progresați în dezvoltarea web, veți încerca să introduceți caracteristici mai complicate în pagina dvs. web. Indiferent de nivelul de calificare, totuși, formatul de bază pentru editarea paginilor rămâne același.

Utilizați WordPress cu XAMPP

Dacă nu doriți să editați codul brut sau preferați să utilizați un sistem de gestionare a conținutului (CMS) mai familiar, WordPress oferă resursa fantastică de design web într-un fișier ZIP ușor de utilizat! Pentru a instala WordPress pe XAMPP, mergeți la Site-ul WordPress și descărcați aplicația oficială.

Utilizați același format pentru a crea un site web așa cum ați făcut anterior, cu folderul WordPress extras prezent în directorul htdoc din dosar wordpress . Păstrați numele folderului din motive de claritate.

Folosind phpMyAdmin

Deoarece WordPress necesită crearea informațiilor de conectare, va trebui să creați o intrare în directorul dvs. PHP pentru pagina web. Mergeți spre pagina dvs. phpMyAdmin - http: // localhost / phpmyadmin / implicit - pentru a începe.

Din această pagină, faceți clic pe Baze de date . Sub Creați o bază de date parametru, introduceți wordpress și apoi lovit Crea . Ar trebui să vedeți un popup care vă spune că baza de date a fost creată. Apoi, închideți această fereastră a browserului și introduceți folderul WordPress în directorul XAMPP htdocs. Acest dosar ar trebui să conțină conținutul fișierelor WordPress dezarhivate.

Configurarea autentificării

Trebuie să configurăm site-ul WordPress actual, astfel încât să vă puteți conecta și să utilizați site-ul. Acest lucru se face prin fișierul principal de configurare PHP al WordPress. În folderul dvs. WordPress, găsiți fișierul etichetat wp-config-sample.php , faceți clic dreapta pe fișier, selectați Editați | × (sau Deschis cu pentru un editor de text separat). Notepad-ul ar trebui să funcționeze foarte bine.

Iată codul pe care ne vom concentra:

// ** 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 ');

Va trebui să faceți trei modificări la codul de mai sus în ghilimele.

nume_bază_de-bază de date - Schimbați acest parametru în wordpress . Site-ul web va utiliza apoi baza de date creată anterior în phpMyAdmin etichetată ca atare.

nume_utilizator_aici - Schimbați acest lucru în rădăcină . Numele de utilizator rădăcină posedă privilegiile de administrator corespunzătoare în mod implicit, deci va fi permis prin phpMyAdmin. Alte nume de utilizator nu vor funcționa decât dacă li se acordă permisiunile corespunzătoare.

parola_aici - Schimbați-l într-o parolă ușor de identificat. Dacă preferați să nu utilizați o parolă, ștergeți parametrul.

Salvați acest fișier ca wp-config.php - spre deosebire de precedent wp-config-sample.php - și ieși. Apoi, mergeți la următoarea adresă localhost: http: // localhost / wordpress .

Continuați cu instalarea, inclusiv crearea WordPress-ului dvs. Nume de utilizator și Parola . Puteți introduce oricare dintre valorile pe care le preferați. După ce ați terminat de introdus valorile, faceți clic pe Instalați WordPress pentru a finaliza procesul. Odată ce ați terminat, conectați-vă la WordPress-ul dvs. local folosind numele de utilizator și parola date în pagina anterioară.

Ați terminat! Acum, vă puteți petrece conținutul inimii editând, modificând și creând pagini web atât de la zero, cât și prin WordPress, offline și gratuit !

ce fel de telefon esti

Dezvoltarea web începe cu o singură pagină

Înainte, tocmai începeați călătoria dvs. de dezvoltare web. Acum, ați creat un server local pe computerul dvs. prin intermediul căruia puteți crea, modifica și adapta pagini web la un chef. Cel mai bun dintre toate, ești complet controlat. Singurul lucru care a rămas este să începeți experimentarea, așa că începeți!

Ai decis că nu vrei să treci prin toate aceste lucrări? Încercați una dintre cele mai bune servicii gratuite de găzduire de site-uri web in schimb.

Credite de imagine: Dmitry Tishchenko / Shutterstock

Acțiune Acțiune Tweet E-mail 6 alternative sonore: cele mai bune aplicații de cărți audio gratuite sau ieftine

Dacă nu vă place să plătiți pentru cărți audio, iată câteva aplicații grozave care vă permit să le ascultați gratuit și legal.

Citiți în continuare Subiecte asemănătoare
  • Windows
  • Programare
  • Wordpress
  • Dezvoltare web
  • Web hosting
  • Instrumente pentru webmasteri
  • Server Apache
  • Server Web
Despre autor Bonilă creștină(83 articole publicate)

Christian este o adăugare recentă în comunitatea MakeUseOf și un cititor pasionat de orice, de la literatură densă la benzi desenate Calvin și Hobbes. Pasiunea sa pentru tehnologie se potrivește doar cu dorința și dorința sa de a ajuta; dacă aveți întrebări referitoare la (mai ales) ceva, nu ezitați să trimiteți prin e-mail!

Mai multe de la Christian Bonilla

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona