Home-theater-designers
Chcete si vytvoriť webovú stránku, ale neviete, kde začať?
Zdá sa, že typické školiace stredisko pre vývoj webových aplikácií je tiež najdrahšie: kúpte si doménu, hostiteľský server, účet WordPress, tému atď. Ale čo keď nie ste majiteľom malého podniku alebo sa pokúšate vybudovať značku? Čo keď sa len pokúšate naučiť sa vývoj webu, bez zbytočností?
Pokračujte v čítaní, aby ste sa dozvedeli, ako hosťovať svoj vlastný web, ktorý môžete vytvoriť úplne od začiatku alebo pomocou vopred pripravených šablón, vo svojom počítači a zadarmo. Ach, to zahŕňa aj hosťovanie vášho vlastného účtu WordPress!
XAMPP: Úvod
Bitnami's XAMPP je „distribúcia Apache obsahujúca PHP a Perl“. Na naše účely musíme iba pochopiť, že XAMPP je bezplatný a jednoduchý program, ktorý umožňuje používateľom hosťovať webové stránky na svojom počítači.
Aj keď je nastavenie miestneho servera pomocou XAMPP do istej miery technické, proces je tiež pomerne ľahký a priamy. Keď je všetko nastavené, zistíte, že správa a úprava webových stránok je hračka.
Potom je tu otázka rýchleho a úplného ovládania. Pomocou XAMPP na vytváranie a úpravu webových stránok budete môcť zmeniť ľubovoľný počet webových stránok alebo tak málo, koľko by ste chceli. To znamená, že s veľkou mocou prichádza aj veľká zodpovednosť. Ste tiež náchylnejší na stratu svojich stránok, najmä ak tak neurobíte vytvárať zálohy .
ktorá aplikácia má najviac stiahnutí
Ak by ste chceli skutočný projekt štartovacieho kurzu vo webovom vývojári, XAMPP je pre vás. To zahŕňa všetky projekty týkajúce sa HTML, CSS, Javascriptu a ďalších!
Inštalácia XAMPP
Choďte do XAMPP webovú stránku a stiahnite si balík. Postupujte podľa predvoleného postupu nastavenia. Keď si stiahnete XAMPP, ovládací panel XAMPP by sa mal automaticky otvoriť. Ak nie, môžete nájsť program XAMPP ako inak (prostredníctvom vyhľadávania v ponuke Štart).
V okne ovládacieho panela XAMPP by ste mali vidieť jednoduché rozloženie procesov XAMPP, ktoré sú spustené. Pre naše účely sa zameriame na prvé dve možnosti: Apache a MySQL.
Apache - Hlavným jadrom XAMPP, možnosť Apache, je vytvorenie servera Apache vo vašom počítači. Práve to vám umožní prevádzkovať a upravovať webové stránky na počítači prostredníctvom webových prehliadačov, podobne ako na iných webových stránkach. Tento webový server je však, samozrejme, spustený na vašom počítači, na rozdiel od servera pripojeného k internetu.
MySQL - SQL umožňuje komunikáciu medzi databázami a webovými stránkami, čo používateľom umožňuje testovať a ukladať e-maily, heslá a akékoľvek ďalšie vstupy údajov. Použijeme to pre váš miestny účet WordPress.
Stlačte tlačidlo Začnite na ovládacom paneli XAMPP pod Akcie pre Apache aj MySQL. Počkajte, kým sa v sekcii modulov Apache aj MySQL zvýraznia zelene. Po povolení budete môcť XAMPP používať zadarmo.
Localhost a phpMyAdmin
Aby ste sa uistili, že je všetko v poriadku, otvorte webový prehliadač a zadajte http: // localhost/ do panela s adresou a stlačte Zadajte . Mali by ste byť presmerovaní na http: // localhost/dashboard/ , čo je predvolená stránka XAMPP.
Ďalej kliknite na phpMyAdmin tlačidlo v hornej navigačnej ponuke. Budete presmerovaní na svoju predvolenú stránku phpMyAdmin.
Nechajte to zatiaľ tak, ale ak fungujú obe, ste pripravení začať vytvárať webové stránky!
Vytváranie webových stránok pomocou XAMPP
Teraz prichádza zábavná časť. Prejdite do priečinka XAMPP umiestneného v adresári vášho koreňového disku ( C: xampp predvolene). Potom choďte na htdocs . Toto bude hlavný archív webových stránok, ktorý budete používať na prezeranie webových stránok.
Predtým, ako vytvoríme a upravíme webovú stránku, budete potrebovať textový editor. Aj keď môžete použiť predvolený textový editor, ako je napríklad Poznámkový blok, je zvyčajne najlepšie stiahnuť si editora tretej strany vytvoreného špeciálne pre kód a značky. Vznešený text je jedným z najlepších v okolí, preto navštívte ich webovú stránku a stiahnite si softvér, aby ste mohli začať.
Teraz môžete začať sťahovať a inštalovať webové stránky do XAMPP. Budem používať Cestný výlet šablónu, ale môžete použiť ktorúkoľvek šablónu, ktorú chcete. Stiahnite si súbor zip webovej stránky a uložte ho na miesto, ktoré si budete pamätať. Potom vytvorte priečinok v priečinku htdocs XAMPP pre svoj web. Pomenoval som svoje cestný výlet - snažte sa udržať svoje meno jednoduché. Potom rozbaľte a rozbaľte obsah svojho súboru zip do tohto priečinka htdocs.
Po extrahovaní súborov prejdite do úložiska svojich webových stránok v htdocs a uistite sa, že boli extrahované správne.
Nakoniec vo webovom prehliadači prejdite na svoju webovú stránku. Tvoj webové stránky , takpovediac, bude dosiahnuteľné pomocou vyššie uvedeného localhost spolu s názvom priečinka, ktorý obsahuje vaše súbory stránky. Dôvodom je, že webové stránky sú v podstate súbory obsiahnuté v priečinkoch, všetky pod jednou doménou - alebo názvom root. Už sa učíš!
Náš predtým vytvorený priečinok dostal názov roadtrip, takže úplná adresa webu je http: // localhost/roadtrip .
Hotovo! Teraz môžete začať lokálne upravovať webovú stránku.
Úpravy webových stránok
Otvorte vznešený text. Vydajte sa na Súbor a vyberte Otvorte zložku . Nájdite a vyberte svoj webový priečinok v priečinku XAMPP. Teraz budete môcť vo svojom sublime textovom editore upravovať viac stránok toho istého webu.
Sublime Text tiež poskytuje skvelé rozhranie pre zobrazenie všetkých súborov a priečinkov na vašich webových stránkach. Ak chcete na svojom webe vykonať zmeny, upravte kód svojho webu a uložte ho (pomocou príkazu klávesnice Ctrl + S ) a obnovte svoju webovú stránku v prehliadači.
Tento proces je jednoduchý a priamy: upravte webovú stránku a potom skontrolujte, či váš kód funguje. Ako budete postupovať vo vývoji svojho webu, pokúsite sa do svojej webovej stránky začleniť zložitejšie funkcie. Bez ohľadu na úroveň znalostí však základný formát na úpravu stránok zostáva rovnaký.
Používajte WordPress s XAMPP
Ak nechcete upravovať surový kód alebo radšej použijete známejší systém na správu obsahu (CMS), WordPress ponúka svoj fantastický zdroj pre webový design aj v ľahko použiteľnom súbore ZIP! Ak chcete nainštalovať WordPress na XAMPP, prejdite na Web WordPress a stiahnite si oficiálnu aplikáciu.
Na vytvorenie webovej stránky použite rovnaký formát, ako ste urobili predtým, pričom extrahovaný priečinok WordPress sa nachádza v adresári htdoc v priečinku. wordpress . Kvôli prehľadnosti zachujte názov priečinka.
Použitie phpMyAdmin
Pretože WordPress vyžaduje, aby ste vytvorili prihlasovacie informácie, budete musieť vytvoriť webovú stránku vo svojom adresári PHP. Vydajte sa na vaša stránka phpMyAdmin - http: // localhost/phpmyadmin/ štandardne - aby ste mohli začať.
Na tejto stránke kliknite na Databázy . Pod Vytvorte databázu parameter, zadajte wordpress a potom udri Vytvoriť . Mali by ste vidieť vyskakovacie okno, ktoré vám povie, že databáza bola vytvorená. Potom zatvorte toto okno prehliadača a zadajte priečinok WordPress do adresára XAMPP htdocs. Tento priečinok by mal obsahovať obsah rozbalených súborov WordPress.
Konfigurácia prihlásenia
Potrebujeme nakonfigurovať skutočný web WordPress, aby ste sa mohli prihlásiť a používať ho. To sa deje prostredníctvom hlavného konfiguračného súboru PHP WordPress. V priečinku WordPress nájdite súbor označený wp-config-sample.php , kliknite pravým tlačidlom myši na súbor, zvoľte Upraviť (alebo Otvorený s pre samostatný textový editor). Poznámkový blok by mal fungovať dobre.
Tu je kód, na ktorý sa zameriame:
// ** 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 ');
V kóde uvedenom vyššie budete musieť vykonať tri zmeny vo vnútri úvodzovka.
názov_databázy_tu - Zmeňte tento parameter na wordpress . Webová stránka potom použije predtým vytvorenú databázu v phpMyAdmin označenú ako takú.
používateľské meno_tu - Zmeňte to na koreň . Používateľské meno root má v predvolenom nastavení správne oprávnenia správcu, takže bude povolené prostredníctvom phpMyAdmin. Ostatné používateľské mená nebudú fungovať, pokiaľ im nebudú udelené príslušné povolenia.
heslo_tu - Zmeňte to na ľahko identifikovateľné heslo. Ak nechcete používať heslo, odstráňte parameter.
Uložiť tento súbor ako wp-config.php - na rozdiel od predchádzajúceho wp-config-sample.php - a odísť. Potom prejdite na nasledujúcu adresu localhost: http: // localhost/wordpress .
Pokračujte v inštalácii vrátane vytvorenia vášho WordPress Používateľské meno a Heslo . Môžete zadať požadované hodnoty. Po zadaní hodnôt kliknite na Nainštalujte si WordPress tlačidlo na dokončenie postupu. Akonáhle to urobíte, prihláste sa do svojho miestneho WordPressu pomocou používateľského mena a hesla uvedeného na predchádzajúcej stránke.
Hotovo! Teraz môžete stráviť celý obsah úpravami, úpravami a vytváraním webových stránok od začiatku až do konca prostredníctvom WordPress, offline a zadarmo !
prehrávač Windows Media Player Windows 10 64 bit
Vývoj webu začína na jednej stránke
Predtým ste len začínali svoju cestu vývoja webu. Teraz ste vo svojom počítači vytvorili miestny server, pomocou ktorého môžete z rozmaru vytvárať, upravovať a prispôsobovať webové stránky. Najlepšie na tom je, že to máte úplne pod kontrolou. Jediná vec, ktorá zostáva, je začať experimentovať, takže choďte do toho!
Rozhodli ste sa, že nechcete absolvovať celú túto prácu? Skúste jeden z najlepšie bezplatné služby hostenia webových stránok namiesto.
Kredity obrázku: Dmitry Tishchenko/Shutterstock
zdieľam zdieľam Tweet E -mail 6 zvukových alternatív: najlepšie bezplatné alebo lacné aplikácie pre zvukové knihyAk nemáte záujem platiť za audioknihy, tu je niekoľko skvelých aplikácií, ktoré vám umožnia počúvať ich bezplatne a legálne.
Čítajte ďalej Súvisiace témy- Windows
- Programovanie
- Wordpress
- Vývoj webových aplikácií
- Web hosting
- Nástroje správcu webu
- Server Apache
- Webový server
Christian je nedávnym prírastkom do komunity MakeUseOf a zanieteným čitateľom všetkého od hutnej literatúry po komiksy Calvina a Hobbesa. Jeho vášni pre technológiu zodpovedá iba jeho chuť a ochota pomôcť; Ak máte otázky týkajúce sa (väčšinou) čohokoľvek, neváhajte nám poslať e -mail!
Viac od Christiana Bonilluprihlásiť sa ku odberu noviniek
Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!
Kliknutím sem sa prihlásite na odber