Hostuj i edytuj witryny w systemie Windows za darmo za pomocą XAMPP

Hostuj i edytuj witryny w systemie Windows za darmo za pomocą XAMPP

Chcesz zbudować stronę internetową, ale nie wiesz od czego zacząć?





Wygląda na to, że typowy ośrodek szkoleniowy w zakresie tworzenia stron internetowych jest również najdroższy: kup domenę, serwer hosta, konto WordPress, motyw itp. Ale co, jeśli nie jesteś właścicielem małej firmy lub nie próbujesz zbudować marki? A co, jeśli po prostu próbujesz nauczyć się tworzenia stron internetowych, bez bałaganu?





Czytaj dalej, aby dowiedzieć się, jak hostować własną witrynę internetową , którą możesz utworzyć od podstaw lub za pomocą gotowych szablonów, na komputerze i za darmo. Och, obejmuje to również hosting własnego konta WordPress!





XAMPP: Wprowadzenie

XAMPP Bitnami jest 'dystrybucją Apache'a zawierającą PHP i Perl.' Dla naszych celów musimy tylko zrozumieć, że XAMPP to darmowy, prosty program, który pozwala użytkownikom hostować witryny na swoich komputerach.

Chociaż konfigurowanie lokalnego serwera przy użyciu XAMPP jest nieco techniczne, proces ten jest również dość łatwy i prosty. Po skonfigurowaniu wszystkiego przekonasz się, że zarządzanie i edytowanie stron internetowych to pestka.



Dochodzi do tego kwestia szybkiej i pełnej kontroli. Używając XAMPP do tworzenia i edytowania stron internetowych, będziesz mógł zmienić tyle lub niewiele stron internetowych, ile chcesz. To powiedziawszy, z wielką mocą wiąże się wielka odpowiedzialność. Jesteś również bardziej podatny na utratę swoich witryn, zwłaszcza jeśli tego nie zrobisz tworzyć kopie zapasowe .

przenieś pliki z Maca na PC

Jeśli jednak chcesz mieć prawdziwy projekt kursu początkowego w web dev, XAMPP jest dla Ciebie. Obejmuje to wszelkie projekty związane z HTML, CSS, Javascript i nie tylko!





Instalowanie XAMPP

Udaj się do XAMPP stronę internetową i pobierz pakiet. Postępuj zgodnie z domyślnym procesem konfiguracji. Po pobraniu XAMPP panel sterowania XAMPP powinien otworzyć się automatycznie. Jeśli nie, możesz zlokalizować program XAMPP tak jak każdy inny (poprzez wyszukiwanie w menu Start).

W oknie panelu sterowania XAMPP powinieneś zobaczyć prosty układ uruchomionych procesów XAMPP. Dla naszych celów skupimy się na dwóch pierwszych opcjach: Apache i MySQL.





Apache -- Głównym sednem XAMPP, opcja Apache tworzy serwer Apache na twoim komputerze. To pozwoli ci uruchamiać i edytować strony internetowe na twoim komputerze za pomocą przeglądarek internetowych, podobnie jak strona internetowa. Z wyjątkiem, oczywiście, ta strona internetowa działa na twoim komputerze, a nie na serwerze podłączonym do Internetu.

MySQL -- SQL umożliwia komunikację między bazami danych i witrynami, umożliwiając użytkownikom testowanie i przechowywanie wiadomości e-mail, haseł i wszelkich innych danych wejściowych. Użyjemy tego dla Twojego lokalnego konta WordPress.

wciśnij Początek w panelu sterowania XAMPP pod działania dla Apache i MySQL. Poczekaj, aż Apache i MySQL zostaną podświetlone na zielono pod sekcją modułu. Po włączeniu możesz korzystać z XAMPP.

Localhost i phpMyAdmin

Aby upewnić się, że wszystko jest w porządku, otwórz przeglądarkę internetową, wpisz http://hostlokalny/ w pasku adresu i naciśnij Wejść . Powinieneś zostać przekierowany do http://host lokalny/panel/ , który jest domyślną stroną XAMPP.

Następnie kliknij phpMyAdmin w górnym menu nawigacyjnym. Zostaniesz przekierowany do domyślnej strony phpMyAdmin.

Zostaw je na razie w spokoju, ale jeśli oba działają, możesz zacząć tworzyć strony internetowe!

Tworzenie stron internetowych za pomocą XAMPP

Teraz zaczyna się zabawa. Przejdź do folderu XAMPP znajdującego się w katalogu głównego dysku ( C:xamp domyślnie). Następnie przejdź do htdocs . Będzie to główne repozytorium witryny, z którego będziesz korzystać do przeglądania witryn.

Zanim stworzymy i wyedytujemy stronę internetową, będziesz potrzebować edytora tekstu. Chociaż możesz użyć domyślnego edytora tekstu, takiego jak Notatnik, zazwyczaj najlepiej jest pobrać edytor innej firmy, stworzony specjalnie na potrzeby kodu i znaczników . Wzniosły tekst jest jednym z najlepszych w okolicy, więc wejdź na ich stronę internetową i pobierz oprogramowanie, aby rozpocząć.

Teraz możesz rozpocząć pobieranie i instalowanie stron internetowych w XAMPP. użyję Podróż samochodem szablon, ale możesz użyć dowolnego szablonu. Pobierz plik zip witryny i przechowuj go w miejscu, które zapamiętasz. Następnie utwórz folder w folderze htdocs XAMPP dla swojej witryny. nazwałem swoje podróż samochodem -- postaraj się, aby twoje imię było proste. Następnie rozpakuj i wyodrębnij zawartość pliku zip do tego folderu htdocs.

Po rozpakowaniu plików przejdź do repozytorium witryny w htdocs, aby upewnić się, że zostały one prawidłowo wyodrębnione.

Na koniec przejdź do swojej strony internetowej w przeglądarce internetowej . Twój Strona internetowa , że tak powiem, będzie osiągalny za pomocą wspomnianego wcześniej hosta lokalnego wraz z nazwą folderu zawierającego pliki stron. Dzieje się tak, ponieważ witryny internetowe są zasadniczo plikami zawartymi w folderach, wszystkie pod jedną nazwą domeny – lub nazwą główną. Już się uczysz!

Nasz poprzednio utworzony folder nosił nazwę roadtrip, więc pełny adres witryny to http://localhost/roadtrip .

Jesteś skończony! Teraz możesz rozpocząć lokalną edycję witryny.

Edycja stron internetowych

Otwórz Sublime Text. Zmierzać do Plik i wybierz Otwórz folder . Znajdź i wybierz swój folder internetowy w folderze XAMPP. Teraz będziesz mógł edytować wiele stron tej samej witryny w swoim edytorze Sublime Text.

Sublime Text zapewnia również świetny interfejs, dzięki któremu możesz zobaczyć każdy plik i folder Twojej witryny. Aby wprowadzić zmiany na swojej stronie, edytuj kod swojej strony, zapisz (za pomocą polecenia klawiaturowego Ctrl + S ) i odświeżyć witrynę w przeglądarce.

Proces jest prosty i bezpośredni: edytuj stronę internetową, a następnie sprawdź, czy Twój kod działa. W miarę postępów w tworzeniu stron internetowych będziesz próbował zakorzenić bardziej skomplikowane funkcje na swojej stronie internetowej. Jednak bez względu na poziom umiejętności podstawowy format edycji stron pozostaje taki sam.

Użyj WordPressa z XAMPP

Jeśli nie chcesz edytować surowego kodu lub wolisz korzystać z bardziej znanego systemu zarządzania treścią (CMS), WordPress udostępnia swoje fantastyczne zasoby do projektowania stron internetowych w łatwym w użyciu pliku ZIP! Aby zainstalować WordPress na XAMPP, przejdź do Witryna WordPress i pobierz oficjalną aplikację.

Użyj tego samego formatu, aby utworzyć witrynę internetową, tak jak poprzednio, z wyodrębnionym folderem WordPress obecnym w katalogu htdoc w folderze wordpress . Zachowaj nazwę folderu dla jasności.

Korzystanie z phpMyAdmina

Ponieważ WordPress wymaga utworzenia informacji logowania, musisz utworzyć wpis w swoim katalogu PHP dla strony internetowej. Zmierzać do Twoja strona phpMyAdmin - http://localhost/phpmyadmin/ domyślnie -- aby rozpocząć.

Na tej stronie kliknij Bazy danych . Pod Utwórz bazę danych parametr, wprowadź wordpress a potem uderzył Tworzyć . Powinieneś zobaczyć wyskakujące okienko z informacją, że baza danych została utworzona. Następnie zamknij to okno przeglądarki i wprowadź folder WordPress w katalogu htdocs XAMPP. Ten folder powinien zawierać zawartość rozpakowanych plików WordPress.

Konfiguracja logowania

Musimy skonfigurować rzeczywistą witrynę WordPress, abyś mógł się zalogować i korzystać z witryny. Odbywa się to poprzez główny plik konfiguracyjny PHP WordPressa. W folderze WordPress znajdź plik oznaczony wp-config-sample.php , kliknij plik prawym przyciskiem myszy, wybierz Edytować (lub Otwierać z dla osobnego edytora tekstu). Notatnik powinien działać dobrze.

Oto kod, na którym się skupimy:

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

Będziesz musiał dokonać trzech zmian w powyższym kodzie w ciągu cudzysłów.

nazwa_bazy_danych_tutaj -- Zmień ten parametr na wordpress . Strona internetowa użyje wtedy wcześniej utworzonej bazy danych w phpMyAdmin oznaczonej jako taka.

nazwa_użytkownika_tutaj -- Zmień to na źródło . Nazwa użytkownika root ma domyślnie odpowiednie uprawnienia administratora, więc będzie dozwolona przez phpMyAdmin. Inne nazwy użytkowników nie będą działać, jeśli nie otrzymasz odpowiednich uprawnień.

hasło_tutaj -- Zmień to na łatwe do zidentyfikowania hasło. Jeśli wolisz nie używać hasła, usuń parametr.

Zapisz ten plik jako wp-config.php -- w przeciwieństwie do poprzedniego wp-config-sample.php -- i wyjdź. Następnie przejdź do następującego adresu hosta lokalnego: http://localhost/wordpress .

Kontynuuj instalację, w tym tworzenie WordPressa Nazwa użytkownika oraz Hasło . Możesz wprowadzić dowolne wartości. Po zakończeniu wprowadzania wartości kliknij Zainstaluj WordPressa przycisk, aby zakończyć proces. Gdy to zrobisz, zaloguj się do lokalnego WordPressa, używając nazwy użytkownika i hasła podanych na poprzedniej stronie.

Jesteś skończony! Teraz możesz poświęcić całe serce na edycję, modyfikację i tworzenie stron internetowych zarówno od podstaw, jak i przez WordPress, offline i za darmo !

włącznik zasilania dla raspberry pi 3

Tworzenie stron internetowych zaczyna się od jednej strony

Wcześniej dopiero zaczynałeś swoją przygodę z tworzeniem stron internetowych. Teraz utworzyłeś lokalny serwer na swoim komputerze, za pomocą którego możesz tworzyć, modyfikować i dostosowywać strony internetowe do woli. A co najlepsze, masz całkowitą kontrolę. Jedyne, co pozostało, to rozpocząć eksperymenty, więc ruszaj!

Zdecydowałeś, że nie chcesz przechodzić przez całą tę pracę? Wypróbuj jeden z najlepsze darmowe usługi hostingu stron internetowych zamiast.

Kredyty obrazkowe: Dmitrij Tiszczenko / Shutterstock

Udział Udział Ćwierkać E-mail 6 dźwiękowych alternatyw: najlepsze darmowe lub tanie aplikacje do audiobooków

Jeśli nie masz ochoty płacić za audiobooki, oto kilka świetnych aplikacji, które pozwolą Ci ich słuchać bezpłatnie i legalnie.

Czytaj dalej
Powiązane tematy
  • Okna
  • Programowanie
  • Wordpress
  • Tworzenie stron internetowych
  • Hosting
  • Narzędzia dla webmasterów
  • Serwer Apache
  • Serwer internetowy
O autorze Chrześcijańska bonilla(83 opublikowane artykuły)

Christian jest niedawnym członkiem społeczności MakeUseOf i zapalonym czytelnikiem wszystkiego, od gęstej literatury po komiksy Calvina i Hobbesa. Jego pasji do technologii dorównuje jedynie jego chęć i chęć pomocy; jeśli masz jakieś pytania dotyczące (głównie) czegokolwiek, nie wahaj się wysłać e-maila!

Więcej od Christiana Bonilli

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować