Хоствайте и редактирайте уебсайтове в Windows безплатно с помощта на XAMPP

Хоствайте и редактирайте уебсайтове в Windows безплатно с помощта на XAMPP

Искате да създадете уебсайт, но не знаете откъде да започнете?





Изглежда, че типичната тренировъчна площадка за уеб разработки е и най -скъпата: купете домейн, хост сървър, акаунт в WordPress, тема и т.н. Но какво ще стане, ако не сте собственик на малък бизнес или се опитвате да изградите марка? Какво ще стане, ако просто се опитвате да научите уеб разработка, без претрупване?





Прочетете, за да научите как да хоствате свой собствен уебсайт, който можете да създадете от нулата или с предварително направени шаблони, на вашия компютър и безплатно. О, това включва и хостинг на вашия собствен WordPress акаунт!





XAMPP: Въведение

XAMPP на Bitnami е „дистрибуция на Apache, съдържаща PHP и Perl.“ За нашите цели трябва само да разберем, че XAMPP е безплатна и проста програма, която позволява на потребителите да хостват уебсайтове на своите компютри.

Докато настройването на локален сървър с помощта на XAMPP е донякъде техническо, процесът също е сравнително лесен и директен. След като всичко е настроено, ще откриете, че управлението и редактирането на уебсайтове е лесно.



След това идва въпросът за бърз и пълен контрол. Използвайки XAMPP за създаване и редактиране на уебсайтове, ще можете да промените толкова или малко уебсайт, колкото искате. Въпреки това, с голяма сила идва и голяма отговорност. Вие също сте по -податливи на загуба на сайтовете си, особено ако не го направите създаване на резервни копия .

прехвърляне на файлове от android към компютър безжично

Ако обаче искате оригинален проект за начален курс в уеб разработчиците, XAMPP е за вас. Това включва всички проекти, свързани с HTML, CSS, Javascript и извън него!





Инсталиране на XAMPP

Насочете се към XAMPP уебсайт и изтеглете пакета. Следвайте процеса на настройка по подразбиране. След като изтеглите XAMPP, вашият контролен панел на XAMPP трябва да се отвори автоматично. Ако не, можете да намерите програмата XAMPP, както бихте направили всяка друга (чрез търсене в менюто 'Старт').

В прозореца на контролния панел на XAMPP трябва да видите просто оформление на кои процеси XAMPP се изпълняват. За нашите цели ще се съсредоточим върху първите две опции: Apache и MySQL.





Apache - Основната същност на XAMPP, опцията Apache създава Apache сървър на вашия компютър. Това ще ви позволи да стартирате и редактирате уебсайтове на вашия компютър чрез уеб браузъри, подобно на уебсайта. Освен, разбира се, този уебсайт работи на вашия компютър, за разлика от сървър, свързан към интернет.

MySQL - SQL позволява комуникация между бази данни и уебсайтове, позволявайки на потребителите да тестват и съхраняват имейли, пароли и всякакви други данни. Ще използваме това за вашия локален WordPress акаунт.

Натисни Старт бутон в контролния панел на XAMPP под Действия както за Apache, така и за MySQL. Изчакайте, докато Apache и MySQL бъдат маркирани в зелено в раздела на модула. След като го активирате, можете да използвате XAMPP.

Localhost и phpMyAdmin

За да сте сигурни, че всичко е в работно състояние, отворете уеб браузър, въведете http: // localhost/ в адресната лента и натиснете Въведете . Трябва да бъдете пренасочени към http: // localhost/табло за управление/ , която е страницата XAMPP по подразбиране.

След това кликнете върху phpMyAdmin бутон в горното меню за навигация. Ще бъдете пренасочени към страницата по подразбиране на phpMyAdmin.

Оставете ги засега на мира, но ако и двете работят, вие сте готови да започнете да създавате уебсайтове!

Създаване на уебсайтове с помощта на XAMPP

Сега идва забавната част. Отидете в папката XAMPP, намираща се в директорията на вашето коренно устройство ( C: xampp по подразбиране). След това се насочете към htdocs . Това ще бъде основното хранилище за уебсайтове, което ще използвате, за да разглеждате уебсайтове.

Преди да създадем и редактираме уебсайт, ще ви е необходим текстов редактор. Въпреки че можете да използвате текстов редактор по подразбиране като Notepad, обикновено е най-добре да изтеглите редактор на трета страна, създаден специално за код и маркиране. Възвишен текст е един от най -добрите наоколо, затова отидете на техния уебсайт и изтеглете софтуера, за да започнете.

Сега можете да започнете да изтегляте и инсталирате уебсайтове в XAMPP. Ще използвам Пътуване шаблон, но можете да използвате шаблона, който искате. Изтеглете zip файла на уебсайта и го съхранявайте на място, което ще запомните. След това създайте папка в папката htdocs на XAMPP за вашия уебсайт. Аз си кръстих моята пътешествие - опитайте се да запазите името си просто. След това разархивирайте и извлечете съдържанието на вашия zip файл в тази папка htdocs.

След като извлечете файловете, отидете в хранилището на уебсайта си в рамките на htdocs, за да се уверите, че са извлечени правилно.

И накрая, отидете на вашата уеб страница във вашия уеб браузър. Вашият уебсайт , така да се каже, ще бъдат достъпни с помощта на споменатия по -горе localhost заедно с името на папката, съдържаща вашите файлове на страници. Това е така, защото уебсайтовете по същество са файлове, съдържащи се в папки, всички под един домейн - или root - име. Учите се вече!

Нашата създадена по -рано папка беше наречена roadtrip, така че пълният адрес на сайта е http: // localhost/roadtrip .

Готови сте! Сега можете да започнете да редактирате уебсайта локално.

Редактиране на уебсайтове

Отворете Sublime Text. Насочете се към Файл и изберете Отворена папка . Намерете и изберете вашата уеб папка в папката XAMPP. Вече ще можете да редактирате няколко страници на един и същ уебсайт във вашия редактор на Sublime Text.

Sublime Text също осигурява чудесен интерфейс, за да видите всеки файл и папка на вашия уебсайт. За да създадете промени на уебсайта си, редактирайте кода на уебсайта си, запазете (с помощта на командата на клавиатурата Ctrl + S ) и опреснете уебсайта си в браузъра.

Процесът е прост и директен: редактирайте уеб страницата, след което проверете дали кодът ви работи. С напредването на вашата уеб разработка ще се опитвате да внедрите по -сложни функции в уеб страницата си. Независимо от нивото на умения, основният формат за редактиране на страници остава същият.

Използвайте WordPress с XAMPP

Ако не искате да редактирате необработен код или предпочитате да използвате по -позната система за управление на съдържанието (CMS), WordPress предоставя своя фантастичен ресурс за уеб дизайн в лесен за използване ZIP файл! За да инсталирате WordPress на XAMPP, отидете на Уебсайт на WordPress и изтеглете официалното приложение.

Използвайте същия формат, за да създадете уебсайт, както преди, като извлечената ви папка WordPress присъства в директорията htdoc в папката wordpress . Поддържайте името на папката за по -голяма яснота.

Използване на phpMyAdmin

Тъй като WordPress изисква да създадете информация за вход, ще трябва да създадете запис във вашата PHP директория за уеб страницата. Насочете се към вашата страница phpMyAdmin - http: // localhost/phpmyadmin/ по подразбиране - за да започнете.

От тази страница кликнете върху Бази данни . Под Създаване на база данни параметър, въведете wordpress и след това удари Създайте . Трябва да видите изскачащ прозорец, който ви казва, че базата данни е създадена. След това затворете този прозорец на браузъра и въведете вашата папка WordPress в директорията XAMPP htdocs. Тази папка трябва да съдържа съдържанието на вашите разархивирани файлове на WordPress.

Конфигуриране на вход

Трябва да конфигурираме действителния уебсайт на WordPress, така че да можете да влезете и да използвате сайта. Това става чрез основния PHP конфигурационен файл на WordPress. В папката на WordPress намерете файла с етикет wp-config-sample.php , щракнете с десния бутон върху файла, изберете редактиране (или Отворен с за отделен текстов редактор). Бележникът трябва да работи добре.

Ето кода, върху който ще се съсредоточим:

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

Ще трябва да направите три промени в горния код в рамките на кавичка.

име на база данни_тук - Променете този параметър на wordpress . След това уебсайтът ще използва предварително създадената база данни в phpMyAdmin, обозначена като такава.

потребителско име_тук - Променете това на корен . Потребителското име на root притежава подходящите администраторски права по подразбиране, така че ще бъде разрешено чрез phpMyAdmin. Други потребителски имена няма да работят, освен ако не им бъдат предоставени съответните разрешения.

парола_тук - Променете това на лесно разпознаваема парола. Ако предпочитате да не използвате парола, изтрийте параметъра.

Запазете този файл като wp-config.php - за разлика от предишното wp-config-sample.php - и излезте. След това се насочете към следния локален адрес: http: // localhost/wordpress .

Продължете с инсталацията, включително създаването на вашия WordPress Потребителско име и Парола . Можете да въведете стойностите, които предпочитате. След като приключите с въвеждането на стойностите си, кликнете върху Инсталирайте WordPress бутон за завършване на процеса. След като направите това, влезте в локалния си WordPress, като използвате потребителското име и паролата, дадени на предишната страница.

Готови сте! Сега можете да изразходвате съдържанието на сърцето си за редактиране, модифициране и създаване на уеб страници както от нулата, така и от чрез WordPress, офлайн и безплатно !

windows stop code system_service_exception

Уеб разработката започва с една страница

Преди това тепърва започвахте пътуването си за уеб разработка. Сега сте създали локален сървър на вашия компютър, чрез който можете да създавате, променяте и адаптирате уеб страници по прищявка. Най -хубавото е, че имате пълен контрол. Единственото, което остава, е да започнете да експериментирате, така че продължете!

Решихте, че не искате да преминете през цялата тази работа? Опитайте един от най -добрите безплатни уеб хостинг услуги вместо.

Кредити за изображения: Дмитрий Тищенко/Shutterstock

Дял Дял Туит електронна поща 6 Звукови алтернативи: Най -добрите безплатни или евтини приложения за аудиокниги

Ако не искате да плащате за аудиокниги, ето няколко страхотни приложения, които ви позволяват да ги слушате безплатно и законно.

Прочетете Напред
Свързани теми
  • Windows
  • Програмиране
  • Wordpress
  • Уеб разработка
  • Уеб хостинг
  • Инструменти за уеб администратори
  • Apache сървър
  • Уеб сървър
За автора Християнска бонила(83 статии са публикувани)

Christian е скорошно допълнение към общността MakeUseOf и запален читател на всичко - от плътна литература до комиксите на Калвин и Хобс. Страстта му към технологиите се съчетава само с неговото желание и желание да помогне; ако имате въпроси относно (най -вече) нещо, не се колебайте да изпратите имейл!

Още от Christian Bonilla

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате