×
Закрытие
1
×

Дополнительные материалы бесплатно предоставляются только зарегистрированным пользователям.

Для скачивания исходных файлов необходимо авторизоваться под своим аккаунтом через соответствующую форму.

Для тех кто не зарегистрирован, можно это сделать на вкладке Регистрация.

Статья сборника Как установить графический редактор GIMP

Перейти к статье

Устанавливаем графический редактор GIMP

  1. Выбор графического редактора
  2. Устанавливаем программу GIMP
  3. Устанавливаем Руководство пользователя

Здравствуйте уважаемый посетитель!

При создании и развитии сайта не обойтись без графического редактора. Этот инструмент необходим для формирования и обработки различных графических элементов, без которых сайт попросту не сможет существовать. Поэтому в наборе инструментов вебмастера графический редактор занимает важнейшее место.

В статье Устанавливаем бесплатный графический редактор GIMP речь пойдет о бесплатной программе GIMP, которая позволяет в полной мере решать вопросы по созданию элементов дизайна веб-страниц. И будет показано, как ее установить на локальный компьютер.

Кроме того здесь можно будет посмотреть, как в этот редактор добавить встроенное "Руководство пользователя", а также приведен бесплатный видеокурс, где можно поближе с ним познакомиться.

Для тех же, кто хочет заниматься дизайном на платном Adobe Photoshop (фотошоп), здесь также упомянут и такой вариант, основанный на использовании продления льготного бесплатного периода фотошопа на неопределенное время...

    Cайт на практическом примере

    Текущее состояние создаваемого сайта

    Здесь можно посмотреть текущее состояние сайта, создаваемого в рамках цикла статей Самописный сайт с нуля своими руками.

    Исходные файлы данного сайта можно скачать из прилагаемых к статьям дополнительных материалов.

    Вы здесь: Главная → Сборник статей → Установка сайта на веб-сервер → Как установить (перенести) сайт на локальный веб-сервер Open Server


    Автор: / Дата:

    Как установить (перенести) сайт на локальный веб-сервер Open Server

    Здравствуйте, уважаемый посетитель!

    Сегодня мы рассмотрим установку (перенос) сайта на локальный веб-сервер, в качестве которого используется программная платформа Open Server.

    Ранее в аналогичной статье при установке сайта на Денвер мы уже выполняли подобные операции по загрузке на веб-сервер исходных файлов с таблицами базы данных MySQL. Где были показаны все необходимые действия с использованием прилагаемых к статьям дополнительных материалов.

    Однако, несмотря на схожесть, порядок установки сайта на Open Server имеет некоторые отличия по сравнению с ранее рассмотренным вариантом с Денвером. И наверное, будет не лишним рассмотреть этот вопрос отдельно.

    Кроме того, помимо переноса исходных файлов, в первой части статьи будут также рассмотрены некоторые настройки, использование которых может упростить запуск веб-сервера и способствовать более корректной его работе.

    Содержание


    • Подготовка локального веб-сервера
    • Скачивание и распаковка исходных материалов
    • Перенос файлов в корневой каталог сайта
    • Импорт таблиц MySQL в базу данных сервера

    Подготовка локального веб-сервера


    В предыдущей статье были показаны основные действия, необходимые для установки на компьютер программной сборки Open Server. В результате которых мы смогли открыть главную страницу установленного по умолчанию тестового сайта localhost. Что подтвердило успешный запуск веб-сервера Open Server.

    Конечно, можно использовать веб-сервер и в таком виде, с установками по умолчанию. Однако, наверное, лучше сразу изменить некоторые его настройки, которые в дальнейшем будут определять правильный порядок запуска сервера и использование нужных версий его модулей. Что мы сейчас и сделаем.

    В первую очередь настроим так, чтобы сервер запускался от имени администратора. Это необходимое условие для корректной его работы. Так как в противном случае он не будет иметь доступа к Hosts файлу и будет автоматически переходить в ограниченный режим работы.

    Запуск от имени администратора можно выполнять и через контекстное меню при открытии исполняемого файла ".exe" приложения, как было показано в предыдущей статье при установке Open Server.

    Но можно сделать и по другому, несколько упростив эту операцию и обеспечивая запуск с правами администратора любым способом. Будь это исполняемый файл, ярлыки программы, либо вообще автоматический запуск сервера.

    Для этого сначала откроем меню "Настройка" через соответствующий пункт в панели управления.

    Рис.1 Выбор меню Настройка

    А затем во вкладке "Основные" отметим пункт "Требовать учетную запись Администратора" и сохраним сделанные изменения, как показано на скриншоте.

    Рис.2 Выбор требования учетной записи администратора

    Данная установка обеспечит при попытке запуска приложения, если это выполняется обычным образом без повышения прав, появление на экране диалогового окна с соответствующим сообщением и предложением выполнить перезапуск программы с правами администратора. Что позволяет всегда контролировать запуск веб-сервера и выполнять его должным образом.

    Рис.3 Окно с сообщением о запуске приложения без прав администратора

    Кроме того, для того, чтобы еще более упростить запуск сервера, можно также воспользоваться изменением свойств исполняемого файла приложения.

    Для этого сначала, щелкнув по нужному файлу правой кнопкой мышки, следует открыть контекстное меню и выбрать в нем пункт "Свойства".

    Рис.4 Открытие окна свойств исполняемого файла программы

    А затем на вкладке "Совместимость" отметить нужный пункт "Запускать эту программу от имени администратора" и сохранить сделанные изменения.

    Рис.5 Изменение свойств исполняемого файла программы

    И теперь, при любом запуске веб-сервера приложение будет открываться с правами администратора. Что и требуется для нормальной работы Open Server.

    Следующее, что мы сделаем в настойках, это создадим профиль, который будет соответствовать нужной конфигурации сервера: Apache, Nginx, PHP, MySQL.

    Это важно сделать для того, чтобы максимально приблизить условия работы сайта на локальном веб-сервере к тем, которые будут обеспечиваться реальным сервером хостиг-провайдера.

    Можно для этого использовать и существующий профиле Default, который присутствует в веб-сервере после его установки. Но мы поступим по-другому - создадим новый профиль, который будет удовлетворять нашим требованиям, сохранив при этом профиль Default с установками по умолчанию.

    Для этого на той же вкладке "Основные" сначала создадим новый профиль, введя в соответствующем поле подходящее наименование (в данном случае профиль назван как "PHP 7", подразумевая, что в нем, в отличие от Default, в качестве PHP будет использоваться более современная седьмая версия).

    Рис.6 Создание нового профиля

    Затем сохраним вновь созданный профиль.

    Рис.7 Сохранение нового профиля

    После чего открыв для этого профиля вкладку "Модули", выберем нужные модули веб-сервера, которые будут соответствовать конфигурации реального сервера, находящегося на хостинге. Где в данном случае мы предполагаем, что в качестве PHP будет применяться последняя его версия 7.2.

    Рис.8 Изменение конфигурации сервера для вновь созданного профиля

    Здесь видно, что для нового профиля с наименованием PHP 7 задана следующая конфигурация сервера:

    • HTTP сервер - Apache-PHP-7-x64 (64-битная версия Apache с конфигурацией под PHP-7);
    • PHP - PHP-7.2-x64 (64-битная версия PHP-7.2);
    • MySQL - MySQL-5.6-x64 (64-битная версия СУБД MySQL-5.6).

    При этом в профиле Default останется конфигурация сервера по умолчанию в следующей комбинации:

    • HTTP сервер - Apache-2.4;
    • PHP - PHP-5.5;
    • MySQL - MySQL-5.6.

    При желании ее можно подкорректировать, заменив, если позволяет железо, 32-ух на 64-ех битные версии модулей. А можно сделать и другие правки, настроив эту конфигурацию под себя.

    И таким образом, имея два профиля, при необходимости, несложно будет проверять работу сайтов как с PHP 7, так и с более ранним PHP 5. Для этого достаточно будет в настройках выбрать нужный профиль, загрузить его и сохранить выполненные изменения.

    Рис.9 Выбор, загрузка и сохранение профиля

    А затем при ранее запущенном сервере, через появившееся диалоговое окно перезапустить его, обеспечив тем самым работу с настройками, соответствующими выбранному профилю.

    Рис.10 Перезапуск сервера

    В случае же, если в момент замены профиля сервер запущен не был, то следующий его запуск будет происходить уже с новым, измененным профилем.

    При желании можно воспользоваться и другими настройками, например настроить автоматический запуск сервера (вкладка "Основные"), либо изменить на главном меню отображение иконок, закладок, всплывающих сообщений и т.п. (вкладка "Меню").

    Однако, лучше воздержаться от внесения изменений в такие настройки, как кодировки, находящиеся на вкладке "Кодировки". Так как они уже установлены должным образом и их менять не рекомендуется.

    Кроме того, в дальнейшем при выполнении заданий по расписанию можно воспользоваться соответствующей вкладкой "Планировщик заданий", в которой имеется весь необходимый набор для выбора нужных параметров.

    Вообще, настроек в Open Server достаточно много, и при желании можно с этим вдоволь поиграться. Тем более, что интуитивно они понятны и какого-то подробного пояснения не требуют. А при необходимости можно воспользоваться соответствующей документацией.

    скриншот 41

    На этом подготовку сервера мы закончим. Так как остальные опции, установленные по умолчанию, вполне удовлетворяют нормальному режиму его работы и нет особой нужды ими сейчас заниматься.

    А теперь перейдем непосредственно к установке (переносу) сайта, используя для этого прилагаемые дополнительные материалы.

    Скачивание и распаковка исходных материалов


    Скачать и распаковать исходные файлы можно тем же способом, что был показан в одноименном разделе статьи, где мы это делали для установки сайта на веб-сервер Денвер.

    Поэтому сейчас выполним те же самые действия, но только в этом случае будем использовать последнюю на данный момент версию дополнительных материалов с идентификационным номером 72.

    В итоге мы должны получить две распакованные папки: "www" - с файлами сайта и "mysql_docs" - с таблицами MySQL. На скриншоте показано содержание отдельной папки "Исходные файлы сайта" со скаченными и распакованными дополнительными материалами 72-ой версии в виде каталогов "www" и "mysql_docs".

    Рис.11 Скаченные и распакованные дополнительные материалы

    Таким образом исходные файлы получены, и теперь мы перейдем к их размещению в веб-сервере.

    Перенос файлов в корневой каталог сайта


    Перенести файлы можно любым возможным способом, как это обычно делается на локальном компьютере.

    Но так как файлы мы переносим впервые, то сначала необходимо в веб-сервере создать корневой каталог сайта с именем, соответствующим его домену. Он должен располагаться в отдельной папке сервера под именем "domains".

    Перейти в нее можно как обычным способом, используя распакованные файлы сборки, так и через пункт меню, как показано на скриншоте.

    Рис.12 Переход в папку с сайтами через главное меню

    А затем в открывшемся окне нужно создать новую корневую папку сайта. В нашем случае, это будет "newsite.local".

    Рис.13 Создание корневого каталога сайта

    После этого сервер необходимо перезапустить, если он ранее был запущен. Либо вновь запустить, в случае если он до этого был остановлен.

    В результате, при запуске должны произойти необходимые изменения в системном файле Hosts. При этом в пункте "Мои сайты" главного меню должен появиться новый сайт с именем newsite.local, как показано ниже.

    Рис.14 Появление в главном меню вновь созданного сайта

    Теперь можно и перенести ранее скаченные исходные файлы. Для этого нужно в распакованной папке "www" выделить все файлы, а затем обычным способом, скопировать или переместить их в созданный в веб-сервере корневой каталог newsite.local.

    Рис.15 Перенос исходных файлов на веб-сервер

    После этого можно перейти к следующему этапу - к загрузке таблиц базы данных. Но можно и предварительно проверить правильность выполненных операций.

    В этом случае через пункт меню "Мои сайты" можно попытаться открыть главную страницу сайта. И если все было сделано правильно, то в браузере должно отобразиться сообщение о неудачной попытке соединения с базой данных, с кодом ошибки 1049 "Unknown database avtobezugona", как показано на скриншоте.

    Рис.16 Сообщение об отсутствии соединения с базой данных

    Это означает, что файлы на веб-сервер перенесены должным образом. Но на данный момент в нем пока отсутствует нужные для работы сайта, таблицы базы данных MySQL.

    Импорт таблиц MySQL в базу данных сервера


    Перед тем, как загружать на веб-сервер таблицы MySQL, необходимо создать базу данных с заданным именем "avtobezugona". Это можно сделать различными способами, но для работы с базой данных мы будем использовать приложением phpMyAdmin.

    Перейти в него можно через закладку "Дополнительно" главного меню, как показано на следующем скриншоте.

    Рис.17 Открытие приложения phpMyAdmin через главное меню

    А далее в форме авторизации phpMyAdmin следует ввести логин "root" без пароля и войти в приложение через кнопку "Вперед".

    Рис.18 Вход в приложение phpMyAdmin

    Далее на открывшейся главной страницы phpMyAdmin для перехода на вкладку "Базы данных" необходимо нажать соответствующую кнопку "Создать БД".

    Рис.19 Переход на вкладку "Базы данных"

    Где ввести имя базы данных (в данном случае "avtobezugona"), кодировку "ult8_general_ci" (должна быть установлена по умолчанию) и создать новую базу данных нажатием на кнопку "Создать".

    Рис.20 Создание базы данных

    После чего должна открыться вкладка, с выделенной в левой части страницы новой базы данных "avtobezugona", для которой необходимо создать таблицы.

    Рис.21 Вкладка "Структура" для созданной базы данных

    Но так как мы имеем готовые таблицы, мы не будем создавать их вручную, а импортируем ранее скаченные из дополнительных материалов.

    Для этого следует открыть вкладку "Импорт" (рис.21), на которой через обзорное окно нужно выбрать из папки "mysql_docs" нужный файл "avtobezugona.sql" и импортировать его нажав на кнопку вперед.

    Рис.22 Импорт файла с таблицами MySQL

    Ниже показано промежуточное окно, которое выводится при выборе импортируемого файла.

    Рис.23 Выбранный файл с таблицами MySQL

    В результате, при успешно выполненном импорта, должна появиться вкладка, на которой будут отображены соответствующие записи об успешном завершении этой операции. А в левой ее части показаться загруженные таблицы, которые будут являться содержимым базы данных, как изображено на следующей картинке.

    Рис.24 Завершение импорта таблиц MySQL

    Таким образом все таблицы в базу данных мы загрузили. И теперь можно проверить работу сайта по завершении его полной установки на веб-сервер.

    Для этого снова откроем сайт, и проверим результат.

    Рис.25 Открытие страницы установленного сайта

    Как видно, главная страница сайта открылась должным образом, что подтверждает успешную установку его на веб-сервер.

    К этому можно лишь добавить, что в случае последующих переносов на локальный сервер других версий сайта, создавать новую базу данных не нужно. В этом случае для загрузки таблиц достаточно выделить в phpMyAdmin существующую базу данных и аналогичным образом выполнить импорт через вкладку "Импорт", как показано на скриншоте.

    Рис.26 Импорт таблиц в существующую базу данных

    При этом, если в существующей базе данных имеются таблицы с одинаковыми именами, то содержимое в них будет обновлено. При наличии в загружаемом файле новых таблиц, все они будут загружены вновь.


    Таким образом мы рассмотрели порядок установки сайта для варианта с использованием в веб-сервера Open Server.

    Надеюсь, что такое подробное пошаговое описание, при необходимости, поможет без каких либо затруднений использовать прилагаемые к статьям исходные файлы создаваемого сайта.

    С уважением,


    Комментарии


    Если у Вас возникли вопросы, или есть какие-либо пожелания по представлению материала, либо заметили какие-нибудь ошибки, а быть может просто хотите выразить свое мнение, пожалуйста, оставьте свои комментарии. Такая обратная связь очень важна для возможности учета мнения посетителей.

    Буду Вам за это очень признателен!