Home-theater-designers
Вы хотите создать веб-сайт, но не знаете, с чего начать?
Кажется, что типичная площадка для обучения веб-разработке также является самой дорогой: купить домен, хост-сервер, учетную запись WordPress, тему и т. Д. Но что, если вы не являетесь владельцем малого бизнеса и не пытаетесь создать бренд? Что, если вы просто пытаетесь изучить веб-разработку, без лишних слов?
Прочтите, чтобы узнать, как разместить свой собственный веб-сайт, который вы можете создать с нуля или с помощью готовых шаблонов на своем компьютере и бесплатно. О, это также включает размещение вашей собственной учетной записи WordPress!
XAMPP: Введение
XAMPP Битнами является «дистрибутивом Apache, содержащим PHP и Perl». Для наших целей нам нужно только понять, что XAMPP - это бесплатная простая программа, которая позволяет пользователям размещать веб-сайты на своих компьютерах.
Хотя настройка локального сервера с использованием XAMPP носит несколько технический характер, этот процесс также довольно прост и понятен. Как только все будет настроено, вы обнаружите, что управлять и редактировать веб-сайты очень просто.
Тогда есть вопрос быстрого и полного контроля. Используя XAMPP для создания и редактирования веб-сайтов, вы сможете изменить столько или мало на сайте, сколько захотите. Тем не менее, большая сила влечет за собой большую ответственность. Вы также более подвержены потере своих сайтов, особенно если вы не создавать резервные копии .
Windows 10 выходит из спящего режима с помощью мыши
Однако, если вам нужен настоящий проект начального курса в веб-разработке, 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: // локальный / панель управления / , которая является страницей XAMPP по умолчанию.
Затем нажмите на phpMyAdmin в верхнем меню навигации. Вы будете перенаправлены на страницу phpMyAdmin по умолчанию.
Оставьте их пока в покое, но если оба работают, вы готовы приступить к созданию веб-сайтов!
Создание сайтов с использованием XAMPP
Теперь самое интересное. Перейдите в папку XAMPP, расположенную в каталоге корневого диска ( C: xampp по умолчанию). Затем отправляйтесь в htdocs . Это будет основной репозиторий веб-сайтов, который вы будете использовать для просмотра веб-сайтов.
Прежде чем мы создадим и отредактируем веб-сайт, вам понадобится текстовый редактор. Хотя вы можете использовать текстовый редактор по умолчанию, такой как Блокнот, обычно лучше загрузить сторонний редактор, созданный специально для кода и разметки. Возвышенный текст является одним из лучших в мире, поэтому зайдите на их веб-сайт и загрузите программное обеспечение, чтобы начать работу.
Теперь вы можете начать загрузку и установку веб-сайтов в XAMPP. Я буду использовать Дорожное путешествие шаблон, но вы можете использовать любой, какой захотите. Загрузите zip-файл веб-сайта и храните его в запоминающемся месте. Затем создайте папку в папке htdocs XAMPP для своего веб-сайта. Я назвал свой дорожное путешествие - постарайтесь, чтобы ваше имя было простым. Затем разархивируйте и извлеките содержимое вашего zip-файла в эту папку htdocs.
После извлечения файлов перейдите в репозиторий своего веб-сайта в htdocs, чтобы убедиться, что они были извлечены правильно.
Наконец, перейдите на свою веб-страницу в веб-браузере. Ваш Веб-сайт , так сказать, будет доступен с использованием ранее упомянутого localhost вместе с именем папки, в которой хранятся файлы вашей страницы. Это связано с тем, что веб-сайты, по сути, представляют собой файлы, содержащиеся в папках, все под одним доменным или корневым именем. Вы уже учитесь!
Наша ранее созданная папка была названа 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: // локальный / 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 ');
Вам нужно будет внести три изменения в приведенный выше код. в кавычка.
database_name_here - Измените этот параметр на Wordpress . Затем веб-сайт будет использовать ранее созданную базу данных в phpMyAdmin, помеченную как таковая.
username_here - Измените это на корень . Имя пользователя root по умолчанию обладает соответствующими правами администратора, поэтому его можно будет разрешить через phpMyAdmin. Другие имена пользователей не будут работать, если им не предоставлены соответствующие разрешения.
пароль_здесь - Измените его на легко узнаваемый пароль. Если вы не хотите использовать пароль, удалите параметр.
Сохраните этот файл как wp-config.php - в отличие от предыдущего wp-config-sample.php - и выход. Затем перейдите по следующему адресу localhost: http: // локальный / wordpress .
Продолжите установку, включая создание вашего WordPress. Имя пользователя а также Пароль . Вы можете ввести любые значения, которые захотите. Когда вы закончите вводить свои значения, нажмите на Установить WordPress кнопку, чтобы завершить процесс. Как только это будет сделано, войдите в свой локальный WordPress, используя имя пользователя и пароль, указанные на предыдущей странице.
Готово! Теперь вы можете потратить свое сердце на редактирование, изменение и создание веб-страниц как с нуля, так и через WordPress, офлайн и бесплатно !
amazon music безлимитный vs прайм музыка
Веб-разработка начинается с одной страницы
Раньше вы только начинали свой путь веб-разработки. Теперь вы создали локальный сервер на своем ПК, с помощью которого вы можете создавать, изменять и адаптировать веб-страницы по своему усмотрению. Лучше всего то, что вы полностью контролируете ситуацию. Осталось только начать экспериментировать, так что вперед!
Решили, что не хотите проделывать всю эту работу? Попробуйте один из лучшие бесплатные услуги хостинга веб-сайтов вместо.
Кредиты изображений: Дмитрий Тищенко / Shutterstock
Делиться Делиться Твитнуть Эл. адрес 6 звуковых альтернатив: лучшие бесплатные или дешевые аудиокнигиЕсли вы не хотите платить за аудиокниги, вот несколько отличных приложений, которые позволяют вам слушать их бесплатно и легально.
Читать далее Похожие темы- Окна
- Программирование
- Wordpress
- Веб-разработка
- Веб хостинг
- Инструменты для веб-мастеров
- Сервер Apache
- Веб сервер
Кристиан недавно присоединился к сообществу MakeUseOf и заядлый читатель всего, от плотной литературы до комиксов Кальвина и Гоббса. Его страсть к технологиям сочетается только с его желанием и желанием помочь; если у вас есть какие-либо вопросы, касающиеся (в основном) чего-либо, не стесняйтесь писать по электронной почте!
Ещё от Christian BonillaПодписывайтесь на нашу новостную рассылку
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Нажмите здесь, чтобы подписаться