Besplatno hostirajte i uređujte web stranice u sustavu Windows pomoću XAMPP -a

Besplatno hostirajte i uređujte web stranice u sustavu Windows pomoću XAMPP -a

Želite izraditi web stranicu, ali ne znate odakle započeti?





Čini se da je tipično vježbalište za web razvoj najskuplje: kupite domenu, poslužitelj domaćina, WordPress račun, temu itd. No što ako niste vlasnik male tvrtke ili pokušavate izgraditi robnu marku? Što ako samo pokušavate naučiti web razvoj, bez nereda?



Čitajte dalje kako biste saznali kako ugostiti svoju web stranicu koju možete izraditi ispočetka ili s unaprijed izrađenim predlošcima na svom računalu i to besplatno. Oh, to uključuje i hosting vlastitog WordPress računa!





XAMPP: Uvod

Bitnamijev XAMPP je 'distribucija Apachea koja sadrži PHP i Perl.' U naše svrhe moramo samo razumjeti da je XAMPP besplatan, jednostavan program koji korisnicima omogućuje da ugošćuju web stranice na svojim računalima.

Iako je postavljanje lokalnog poslužitelja pomoću XAMPP -a donekle tehničko, proces je također prilično jednostavan i jasan. Nakon što sve postavite, otkrit ćete da je upravljanje i uređivanje web stranica jednostavno.



Zatim je tu stvar brze i potpune kontrole. Koristeći XAMPP za izradu i uređivanje web stranica, moći ćete promijeniti onoliko ili malo web stranice koliko želite. To znači da s velikom moći dolazi i velika odgovornost. Također ste podložniji gubitku svojih web mjesta, pogotovo ako to ne učinite stvoriti sigurnosne kopije .

preuzmite video zapise amazon primera na računalo

Međutim, ako želite pravi projekt početnih tečajeva za web razvojnike, XAMPP je za vas. To uključuje sve projekte koji se odnose na HTML, CSS, Javascript i šire!



Instaliranje XAMPP -a

Krenite do XAMPP web stranicu i preuzmite paket. Slijedite zadani postupak postavljanja. Nakon što preuzmete XAMPP, vaša upravljačka ploča za XAMPP trebala bi se otvoriti automatski. Ako nije, možete pronaći program XAMPP kao i svaki drugi (putem pretraživanja izbornika Start).

U prozoru upravljačke ploče XAMPP trebali biste vidjeti jednostavan raspored koji pokreću XAMPP procese. U naše svrhe ćemo se usredotočiti na prve dvije opcije: Apache i MySQL.



Apač - Glavna srž XAMPP-a, opcija Apache stvara Apache poslužitelj na vašem računalu. To je ono što će vam omogućiti pokretanje i uređivanje web stranica na vašem računalu putem web preglednika, slično kao što bi to učinilo web mjesto. Osim, naravno, ova web stranica radi na vašem računalu, za razliku od poslužitelja spojenog na internet.

MySQL - SQL omogućuje komunikaciju između baza podataka i web stranica, dopuštajući korisnicima da testiraju i pohranjuju e-poštu, lozinke i sve druge unose podataka. To ćemo koristiti za vaš lokalni WordPress račun.

pritisni Početak gumb na upravljačkoj ploči XAMPP ispod Radnje i za Apache i za MySQL. Pričekajte da i Apache i MySQL budu označeni zelenom bojom u odjeljku vašeg modula. Jednom omogućeno, možete slobodno koristiti XAMPP.

Localhost i phpMyAdmin

Da biste bili sigurni da je sve u ispravnom stanju, otvorite web preglednik, unesite http: // localhost/ u vašu adresnu traku i pritisnite Unesi . Trebali biste biti preusmjereni na http: // localhost/nadzorna ploča/ , koja je zadana stranica XAMPP.

Zatim kliknite na phpMyAdmin gumb na gornjem navigacijskom izborniku. Bit ćete preusmjereni na zadanu stranicu phpMyAdmin.

Ostavite ovo za sada, ali ako oboje rade, spremni ste za početak izrade web stranica!

Izrada web stranica pomoću XAMPP -a

Sada slijedi zabavni dio. Idite u mapu XAMPP koja se nalazi u direktoriju vašeg korijenskog pogona ( C: xampp prema zadanim postavkama). Zatim, krenite na htdocs . Ovo će biti glavno spremište web stranica koje ćete koristiti za pregled web stranica.

Prije nego što izradimo i uredimo web stranicu, trebat će vam uređivač teksta. Iako možete koristiti zadani uređivač teksta poput Notepada, obično je najbolje preuzeti uređivač treće strane napravljen posebno za kôd i označavanje. Uzvišeni tekst je jedan od najboljih u okolici, pa idite na njihovu web stranicu i preuzmite softver za početak.

Sada možete početi preuzimati i instalirati web stranice u XAMPP. Ja ću koristiti Putovanje predložak, ali možete koristiti bilo koji predložak koji želite. Preuzmite zip datoteku web stranice i držite je na mjestu koje ćete pamtiti. Zatim stvorite mapu unutar XAMPP -ove mape htdocs za svoju web stranicu. Ja sam svoje nazvao putovanje - pokušajte svoje ime držati jednostavnim. Zatim raspakirajte i ekstrahirajte sadržaj svoje zip datoteke u ovu mapu htdocs.

Nakon što ste izdvojili datoteke, idite na spremište web stranice u okviru htdocs kako biste bili sigurni da su ispravno izdvojeni.

Na kraju, idite na svoju web stranicu u svom web pregledniku. Vaše web stranica , takoreći, bit će dostupni putem prethodno spomenutog lokalnog hosta zajedno s nazivom mape koja sadrži datoteke stranica. To je zato što su web stranice u osnovi datoteke sadržane u mapama, a sve pod jednim imenom domene ili korijenom. Već učite!

Naša prethodno stvorena mapa nazvana je roadtrip, pa je puna adresa web lokacije http: // localhost/roadtrip .

Gotov si! Sada možete početi uređivati ​​web lokaciju lokalno.

Uređivanje web stranica

Otvorite Uzvišeni tekst. Krenite na Datoteka i odaberite Otvorite mapu . Pronađite i odaberite svoju web mapu unutar mape XAMPP. Sada ćete moći uređivati ​​više stranica iste web stranice u uređivaču Sublime Text.

Sublime Text također nudi odlično sučelje za pregled svih datoteka i mapa vaše web stranice. Za stvaranje promjena na web stranici uredite kôd web stranice, spremite (pomoću naredbe tipkovnice Ctrl + S ) i osvježite svoju web stranicu u pregledniku.

Postupak je jednostavan i izravan: uredite web stranicu, a zatim provjerite radi li vaš kôd. Kako napredujete u svom web razvoju, pokušat ćete unijeti složenije značajke u svoju web stranicu. Bez obzira na razinu vještine, osnovni format za uređivanje stranica ostaje isti.

Koristite WordPress s XAMPP -om

Ako ne želite uređivati ​​sirovi kôd ili biste radije koristili poznatiji sustav za upravljanje sadržajem (CMS), WordPress nudi svoj fantastičan resurs za web dizajn u ZIP datoteci koja se jednostavno koristi! Da biste instalirali WordPress na XAMPP, idite na WordPress web stranica i preuzmite službenu aplikaciju.

Za izradu web stranice upotrijebite isti format kao i prije, s izvađenom mapom WordPress prisutnom u direktoriju htdoc unutar mape wordpress . Održavajte naziv mape radi jasnoće.

Korištenje phpMyAdmin

Budući da WordPress zahtijeva da kreirate podatke za prijavu, morat ćete stvoriti unos u svom PHP direktoriju za web stranicu. Krenite na svoju stranicu phpMyAdmin - http: // localhost/phpmyadmin/ prema zadanim postavkama - za početak.

Na ovoj stranici kliknite na Baze podataka . Ispod Stvorite bazu podataka parametar, unesite wordpress a zatim pogodio Stvoriti . Trebali biste vidjeti skočni prozor koji vam govori da je baza podataka stvorena. Zatim zatvorite ovaj prozor preglednika i unesite svoju mapu WordPress unutar direktorija XAMPP htdocs. Ova mapa trebala bi sadržavati sadržaj vaših otpakiranih WordPress datoteka.

Konfiguriranje prijave

Moramo konfigurirati stvarnu web stranicu WordPress tako da se možete prijaviti i koristiti web stranicu. To se radi putem glavne WordPress konfiguracijske datoteke PHP. U mapi WordPress pronađite datoteku s oznakom wp-config-sample.php , desnom tipkom miša kliknite datoteku, odaberite Uredi (ili Otvoriti sa za zasebni uređivač teksta). Notepad bi trebao raditi sasvim u redu.

Evo koda na koji ćemo se usredotočiti:

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

Morat ćete unijeti tri promjene u gornji kod unutar navodnik.

baza_naziv_ovdje - Promijenite ovaj parametar u wordpress . Web stranica će tada koristiti prethodno stvorenu bazu podataka u phpMyAdminu označenu kao takvu.

korisničko ime_ovdje - Promijeni u ovo korijen . Korijensko korisničko ime prema zadanim postavkama ima odgovarajuće administratorske ovlasti, pa će biti dopušteno putem phpMyAdmina. Druga korisnička imena neće raditi ako im se ne daju odgovarajuća dopuštenja.

lozinka_ovdje - Promijenite ovu lozinku u lako prepoznatljivu lozinku. Ako radije ne biste koristili lozinku, izbrišite parametar.

Spremite ovu datoteku kao wp-config.php - za razliku od prethodnog wp-config-sample.php - i izađite. Zatim idite na sljedeću adresu localhost: http: // localhost/wordpress .

Nastavite s instalacijom, uključujući izradu vašeg WordPressa Korisničko ime i Lozinka . Možete unijeti vrijednosti koje želite. Kada završite s unosom vrijednosti, kliknite na Instalirajte WordPress gumb za završetak procesa. Nakon što to učinite, prijavite se na svoj lokalni WordPress koristeći korisničko ime i lozinku na prethodnoj stranici.

Gotov si! Sada možete potrošiti svoj sadržaj na uređivanje, mijenjanje i stvaranje web stranica od nule i putem WordPressa, offline i besplatno !

kako promijeniti lokaciju sigurnosne kopije itunes -a

Web razvoj počinje s jednom stranicom

Prije ste tek krenuli na put razvoja web stranica. Sada ste stvorili lokalni poslužitelj na svom računalu putem kojeg možete stvarati, mijenjati i prilagođavati web stranice na trenutak. Najbolje od svega, imate potpunu kontrolu. Jedino što vam preostaje je započeti eksperimentiranje, pa krenite!

Odlučili ste da ne želite prolaziti kroz sav ovaj posao? Isprobajte jedno od najbolje besplatne usluge hostinga web stranica umjesto toga.

Zasluge za sliku: Dmitry Tishchenko/Shutterstock

Udio Udio Cvrkut E -pošta 6 zvučnih alternativa: najbolje besplatne ili jeftine aplikacije za audio knjige

Ako ne volite plaćati audioknjige, evo nekoliko sjajnih aplikacija koje vam omogućuju besplatno i legalno slušanje.

Pročitajte Dalje Povezane teme
  • Windows
  • Programiranje
  • Wordpress
  • Web razvoj
  • Web hosting
  • Alati za webmastere
  • Apache poslužitelj
  • Web poslužitelj
O autoru Kršćanska bonila(83 objavljena članka)

Christian je nedavni dodatak MakeUseOf zajednici i strastveni čitatelj svega, od guste literature do Calvinovih i Hobbesovih stripova. Njegovoj strasti prema tehnologiji jedino odgovaraju želja i spremnost da pomogne; ako imate pitanja u vezi (uglavnom) bilo čega, slobodno pošaljite e -poruku!

Više od Christiana Bonille

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu