Gazduiește și editează site-urile de pe Windows pentru a utiliza gratuit XAMPP

Publicitate

Doriți să construiți un site web 10 moduri de a crea un site web mic și simplu, fără depășireWordPress poate fi o suprasolicitare. După cum dovedesc aceste alte servicii excelente, WordPress nu este totul și se încheie toată crearea de site-uri web. Dacă doriți soluții mai simple, există o varietate de la care să alegeți. Citeste mai mult , dar nu știi de unde să începi?

Se pare că terenul tipic de pregătire pentru dezvoltare web este și cel mai scump: cumpără un domeniu, server gazdă, cont WordPress, temă etc. Dar dacă nu sunteți un proprietar de afaceri mici sau încercați să construiți o marcă? 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ă găzduiește-ți propriul site web Cum să folosiți un blog WordPress găzduit de sine stătător pentru gestionarea proiectelor Citeste mai mult , pe care îl puteți crea fie de la zero, fie cu șabloane pre-făcute, pe computer și gratuit. O, asta include și găzduirea propriului dvs. cont WordPress!

XAMPP: o introducere

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

În timp ce configurarea unui server local care folosește XAMPP este oarecum tehnică, procesul este, de asemenea, destul de ușor și simplu. După ce totul a fost configurat, veți vedea că gestionarea și editarea site-urilor web este o adiere.

Atunci există problema controlului rapid și complet. Folosind XAMPP pentru a crea și edita site-uri web, veți putea modifica oricât sau puțin de un site dorit. Acestea fiind spuse, cu o mare putere vine o mare responsabilitate. Sunteți mai susceptibili să pierdeți și site-urile dvs., mai ales dacă nu o faceți creați copii de rezervă Ghidul de backup al datelor cu Windows Ultimate Windows 10Am sintetizat fiecare opțiune de rezervă, restaurare, recuperare și reparare pe care am putea-o găsi pe Windows 10. Folosește sfaturile noastre simple și nu dispera niciodată din cauza datelor pierdute din nou! Citeste mai mult .

Dacă doriți un proiect de curs inițial autentic în web dev, totuși, XAMPP este pentru dvs. Aceasta include orice proiecte referitoare la HTML, CSS, Javascript și nu numai!

Instalarea XAMPP

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

În fereastra panoului dvs. de control XAMPP, ar trebui să vedeți o dispunere simplă a proceselor XAMPP care se execută. În scopul nostru, ne vom concentra pe primele două opțiuni: Apache și MySQL.

Apache - Principala versiune a XAMPP, opțiunea Apache creează un server Apache pe computer. Acest lucru vă va permite să rulați și să editați site-uri web pe computer prin intermediul browserelor web, la fel cum s-ar putea face un site web. Cu excepția, desigur, acest site web rulează pe computer, 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 butonul din panoul dvs. de control XAMPP de sub acţiuni atât pentru Apache, cât și pentru MySQL. Așteptați până când atât Apache cât și MySQL sunt evidențiate verzi în secțiunea modulului. După ce ați activat, veți fi liber să utilizați 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 lovește introduce. Ar trebui să fiți redirecționat către http://localhost/dashboard/, care este pagina XAMPP implicită.

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

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

Crearea site-urilor web folosind XAMPP

Acum vine partea distractivă. Mergeți la folderul XAMPP situat în directorul unității root (C: \ xampp în mod implicit). Apoi, îndreptați-vă către htdocs. Acesta va fi principalul depozit de site-uri pe care îl veți folosi pentru a vizualiza site-uri web.

Înainte de a crea și modifica un site web, veți avea nevoie de un editor de text. În timp ce 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ț realizat special pentru cod și marcare 11 Sfaturi sublime pentru productivitate și un flux de lucru mai rapidSublime Text este un editor de text versatil și un standard de aur pentru mulți programatori. Sfaturile noastre se concentrează pe codarea eficientă, dar utilizatorii generali vor aprecia comenzile rapide de la tastatură. Citeste mai mult . Text sublim este unul dintre cei mai buni din jur, așa că mergeți la site-ul lor ș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 roadtrip ș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 de care vă veți aminti. Apoi, creați un folder în folderul htdocs al XAMPP pentru site-ul dvs. web. L-am numit pe al meu roadtrip - încercați să vă păstrați numele simplu. Apoi, decuplați și extrageți conținutul fișierului dvs. zip în acest folder htdocs.

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

În cele din urmă, îndreptați-vă către pagina dvs. web din browser web Cele mai bune browsere web pentru WindowsCare este browserul dvs. web implicit? Chiar dacă suntem răsfățați pentru alegere, majoritatea dintre noi rămânem la jucătorii importanți și testați. Care sunt alternativele mai bune pentru utilizarea resurselor, viteza și securitatea? Citeste mai mult . Ta websiteAșadar, va fi accesibil folosind localhost-ul menționat anterior împreună cu numele folderului care conține fișierele dvs. de pagină. Acest lucru se datorează faptului că site-urile web sunt în esență fișiere conținute în foldere, toate sub un singur nume de domeniu - sau root - Înveți deja!

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

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

Editarea site-urilor web

Deschideți text sublim. Capul spre Fişier și selectați Deschideți dosarul. Găsiți și selectați folderul web din folderul XAMPP. Acum veți putea edita mai multe pagini ale aceluiași site Web în cadrul editorului dvs. Sublime Text.

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

Procesul este simplu și direct: editați pagina web, apoi verificați dacă funcționează codul dvs. Pe măsură ce progresați în dezvoltarea web, veți încerca să integrați funcții mai complicate în pagina dvs. web. Indiferent de nivelul de competență, 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ă resursele sale fantastice 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 ca și altfel, cu folderul WordPress extras prezent în directorul htdoc din folder wordpress. Mențineți numele folderului, din motive de claritate.

Utilizarea phpMyAdmin

Întrucât WordPress necesită crearea informațiilor de conectare, va trebui să creați o intrare în directorul dvs. PHP pentru pagina web. Capul spre pagina ta phpMyAdmin Configurați-vă blogul cu WordPress: Ghidul finalVrei să începi propriul blog, dar nu știi cum? Uitați-vă la WordPress, cea mai puternică platformă de blog disponibilă astăzi. Citeste mai mult — http://localhost/phpmyadmin/ implicit - pentru a începe.

Din această pagină, faceți clic pe Baze de date. Sub Creați baza de date parametru, introduceți wordpress și apoi lovește Crea. Ar trebui să vedeți o fereastră care vă spune că a fost creată baza de date. Apoi, închideți această fereastră a browserului și introduceți folderul WordPress în directorul XAMPP htdocs. Acest folder ar trebui să posede conținutul fișierelor dvs. WordPress neexprimate.

Configurarea autentificării

Trebuie să configuram site-ul propriu WordPress pentru a vă putea conecta și utiliza site-ul. Acest lucru se realizează prin fișierul principal de configurare PHP WordPress. În folderul 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 bine.

Iată codul pe care ne vom concentra:

// ** Setări MySQL - Puteți obține aceste informații de la gazda web ** // / ** Numele bazei de date pentru WordPress * / define ('DB_NAME', 'database_name_here'); / ** Numele de utilizator al bazei de date MySQL * / define ('DB_USER', 'username_here'); / ** Parola bazei de date MySQL * / define ('DB_PASSWORD', 'password_here'); 

Va trebui să efectuați trei modificări ale codului de mai sus în ghilimele.

database_name_here - Schimbați acest parametru la wordpress. Site-ul va folosi apoi baza de date creată anterior în phpMyAdmin etichetată ca atare.

username_here - Schimbă asta în rădăcină. Numele de utilizator rădăcină are privilegiile de administrator corespunzătoare în mod implicit, astfel încât acesta va fi permis prin phpMyAdmin. Alte nume de utilizator nu vor funcționa decât dacă sunt acordate permisiunile corespunzătoare.

password_here - Schimbați-o î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 cele anterioare wp-config-sample.php - și ieși. Apoi, îndreptați-vă 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 butonul Instalați WordPress buton pentru a termina procesul. După ce ați făcut acest lucru, conectați-vă la WordPress local utilizând numele de utilizator și parola date pe pagina anterioară.

Ai terminat! Acum, puteți petrece conținutul inimii dvs. editând, modificând și creând pagini web atât de la zero cât și de la zero prin WordPress, offline și gratuit Cele mai bune plugin-uri WordPress Citeste mai mult !

Dezvoltarea web începe cu o singură pagină

Înainte începeați călătoria de dezvoltare web. Acum, ați creat un server local pe computerul dvs. prin care puteți crea, modifica și adapta pagini web dintr-un capriciu. Cel mai bine, ești complet controlat. Singurul lucru care a mai rămas este să începeți experimentarea, așa că mergeți!

Ai decis că nu vrei să parcurgi toată această muncă? Încercați una cele mai bune servicii gratuite de găzduire de site-uri web Cele mai bune servicii de găzduire site-uri gratuite din 2019Iată cele mai bune servicii gratuite de găzduire web care oferă multe și au o reputație mai bună decât majoritatea. Citeste mai mult in schimb.

Credite imagine: Dmitry Tishchenko / Shutterstock