• Рубрики
  • Слайдер статей
  • Тест сайта
  • Подписка
  • Сайдбар
  • Прокрутка вверх
  • Как сделать сайт с нуля своими руками (вводная часть)

    1. Причины создания пошаговой инструкции по разработке самописного сайта
    2. Тема создаваемого сайта
    3. В чем будет заключаться монетизация
    4. Функционал
    5. Этапы создания
    6. Текущее состояние создаваемого сайта

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

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

    Причем чтобы такой интернет-ресурс был создан не на каком-нибудь стандартном шаблоне бесплатной СMS (Content management system - система управления контентом) типа WordPress, Drupal, Joomla и т.п., а заточенный под себя, с возможностью обеспечить ему должную безопасность и реализовать все свои индивидуальные потребности.

    Часто такие сайты, созданные под конкретные задачи на основе языка разметки веб-страниц HTML, стилей CSS и других инструментов веб-программирования (PHP, JavaScript и т.п.), называют самописными.

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

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

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

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

    1. Проверка при малых разрешениях экрана
    2. Проверка при больших разрешениях экрана
    3. Проверка на выделенном домене

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

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

    Для этого предусмотрена возможность оценивать его работу в двух вариантах: с использованием зеркала сайта на поддомене текущего ресурса и на реальном интернет-ресурсе, размещенном на выделенном домене "avtobezugona.ru.

    Следует отметить, что первый вариант, предусматривающий использование зеркала сайта, позволяет наглядно оценить его работу при различных разрешениях экрана в диапазоне от 320px до 1920px. Что очень удобно для проверки адаптации во всем допустимом диапазоне.

    Второй вариант же просто показывает, как это выглядит в реальных условиях при работе в сети Интернет.

Самописный сайт своими руками!

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

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

Где в дополнительных материалах можно бесплатно скачать исходные файлы сайта с таблицами MySQL.

Вы здесь: Главная → Сборник статей → Вводная часть → Инструкция по загрузке исходных файлов сайта на локальный веб-сервер


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

Инструкция по загрузке исходных файлов сайта на локальный веб-сервер

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

Как ранее отмечалось, в представленных материалах Сборника в случае, если в ходе рассмотрения статей в программный код сайта или базу данных MySQL вносятся какие-либо изменения, то к ним прилагается последний вариант исходных материалов, включающий все файлы сайта в каталоге "www" и таблицы базы данных MySQL.

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

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

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

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

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

Что же касается загрузки файлов сайта на хостинг, то по этому вопросу имеется отдельная статья Переносим сайт на хостинг, где показано, как это можно сделать с использованием FTP клиент FileZilla.

Содержание


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

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


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

Ранее в статье Устанавливаем локальный веб-сервер Denwer рассматривалась установка одной из наиболее популярных сборок локальных серверов - бесплатного веб-сервера Denwer (Денвер), включающего сервер Apache с компилятором PHP и поддержкой MySQL.

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

Как отмечалось во втором разделе вышеупомянутой статьи, проверить работоспособность веб-сервера можно с помощью его главной страницы. Для того, чтобы ее открыть, сначала нужно запустить Денвер используя ярлык "Start Denwer", либо исполняемый файл "Run.exe", находящийся в папке "denwer". А затем перейти по указанной выше ссылке, либо ввести в адресной строке браузера адрес "localhost/denwer/".

Ниже на скриншоте приведен вид главной страницы Денвера при нормальной его работе.

Для увеличения / уменьшения размера изображения кликните по картинке
Главная страница веб-сервера Denwer

Рис.1 Главная страница веб-сервера Denwer

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

После того, как мы убедились в правильности работы локального веб-сервера, теперь создадим (если до этого не был создан) виртуальный хост. Ранее в статье Создаем веб-страницу и размещаем ее на локальном веб-сервере при создании хоста использовалось имя "newsite.local".

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

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

В итоге после создания нового хоста в перечне каталога "home" должна присутствовать вновь созданная папка "newsite.local", как показано на следующем скриншоте.

Для увеличения / уменьшения размера изображения кликните по картинке
Содержимое папки home веб-сервера Denwer

Рис.2 Содержимое папки home веб-сервера Denwer

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

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

Для увеличения / уменьшения размера изображения кликните по картинке
Информационным сообщением об ошибке

Рис.3 Информационным сообщением об ошибке

И это естественно, так как на данный момент в папку "newsite.local" пока ничего не загружено.

Теперь перейдем к вопросу базы данных MySQL.

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

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

При этом указанное здесь имя изменять нельзя. В противном случае импорт таблиц MySQL будет невозможен, ведь дамп базы данных предназначен именно для БД "avtobezugona".

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

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


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

  • "www_docs(n).rar", с размещенными в папке "www" файлами сайта;
  • "mysql_docs(n).rar" с таблицами базы данных MySQL,

где n - идентификационный номер статьи.

Следует учесть, что база данных MySQL стала использоваться в создаваемом сайте не сразу, а только с определенного этапа. Поэтому в отдельных исходных материалах (преимущественно в первых разделах сборника) может находиться только по одному архивному файлу "www_docs(n).rar" без "mysql_docs(n).rar".

Ниже показан скриншот созданной для этих целей отдельной папки "Исходные файлы сайта", в которой находятся скаченные и распакованные файлы из предыдущей статьи с идентификационным номером 55.

Для увеличения / уменьшения размера изображения кликните по картинке
Скаченные и распакованные исходные файлы

Рис.4 Скаченные и распакованные исходные файлы

Как видно после извлечения из архивов оказалось две папки:

  • "www" - с файлами сайта;
  • "mysql_docs" - с дампом базы данных MySQL (файл "avtobezugona.sql").

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

Перенос файлов на локальный веб-сервер


Данная операция очень проста. Для этого нужно лишь обычным способом перенести ранее полученную папку "www" в созданную директорию хоста "newsite.local". Ниже показана размещенная в "newsite.local" папка "www" (рис.5) и ее содержимое на данный момент (рис.6).

Для увеличения / уменьшения размера изображения кликните по картинке
азмещенная в newsite.local папка www

Рис.5 Размещенная в newsite.local папка www

Для увеличения / уменьшения размера изображения кликните по картинке
Содержимое папки www

Рис.6 Содержимое папки www

Попробуем теперь снова открыть сайт, введя в адресной строке браузера адрес "newsite.local". В результате в открывшейся странице мы должны увидеть сообщение об ошибке MySQL с указанием ее кода.

Для увеличения / уменьшения размера изображения кликните по картинке
Сообщение об ошибке MySQL

Рис.7 Сообщение об ошибке MySQL

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

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


Для упрощения импорта, резервная копия базы данных (дамп) сформирована с учетом следующего:

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

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

Ну а теперь перейдем непосредственно к самому импорту. Для этого будем использовать веб-приложение phpMyAdmin.

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

Для увеличения / уменьшения размера изображения кликните по картинке
Пустая вновь созданная база данных

Рис.8 Пустая вновь созданная база данных

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

  • Перейдем на вкладку "Импорт".
  • Откроем окно обзора.
  • Найдем и выделим импортируемый файл "avtobezugona.sql".
  • Выполним выбор.

При поиске импортируемого файла нужно иметь в виду, что он должен находиться в папке "mysql_docs", ранее полученной после извлечения из архива "mysql_docs55.rar".

Для наглядности ниже приведен поясняющий скриншот.

Для увеличения / уменьшения размера изображения кликните по картинке
Выбор файла для импорта базы данных MySQL

Рис.9 Выбор файла для импорта базы данных MySQL

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

Для увеличения / уменьшения размера изображения кликните по картинке
Выполнение импорта

Рис.10 Выполнение импорта

При успешном выполнении импорта должно отобразиться соответствующее сообщения и появиться таблицы с импортируемыми данными (на данном этапе для работы сайта используется только одна таблица MySQL с именем "url").

Для увеличения / уменьшения размера изображения кликните по картинке
Завершение импорта

Рис.11 Завершение импорта

Через вкладку "Обзор" можно также посмотреть содержимое импортированной таблицы.

Для увеличения / уменьшения размера изображения кликните по картинке
Содержимое импортированной таблицы

Рис.12 Содержимое импортированной таблицы

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

Для увеличения / уменьшения размера изображения кликните по картинке
Открытие страницы сайта

Рис.13 Открытие страницы сайта

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

Поэтому, для того, чтобы проверить второй вариант импорта, при наличии в базе данных существующих одноименных таблиц, мы сейчас аналогичным образом воспользуемся дополнительными материалами, сформированными на более раннем этапе создания сайта - когда эта страница еще не была размещена. К примеру используем предыдущие архивные файлы "www_docs54.rar" и "mysql_docs54.rar".

После завершения импорта снова откроем эту же страницу и посмотрим, что изменилось.

Для увеличения / уменьшения размера изображения кликните по картинке
Проверка сайта после импорта при существующих одноименных таблицах

Рис.14 Проверка сайта после импорта при существующих одноименных таблицах

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


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

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

С уважением, Николай Гришин


Комментарии


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

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

comments powered by HyperComments