×

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

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

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

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

    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.

Вы здесь: Главная → Сборник статей → Вводная часть → Текущее состояние создаваемого сайта

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

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

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

Для этого предусмотрена возможность оценивать его работу в двух вариантах:

  • с использованием зеркала сайта на поддомене текущего ресурса;
  • на реальном интернет-ресурсе, размещенном на выделенном домене avtobezugona.ru.

скриншот 90

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

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

Проверка при малых разрешениях экрана


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

В этом случае, после открытия страницы, можно изменять размер окна браузера, как показано на примере браузере "Microsoft Edge" на рис.1.

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

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

Проверка сайта при малой ширине экрана

Проверка при больших разрешениях экрана


В случае, если фактическое разрешение монитора (дисплея) не позволяет проверить работу сайта при больших значениях (при разрешении монитора менее 1920px), то в этом случае следует изменить масштаб браузера.

На рис.3, на примере браузера "Microsoft Edge" показано, как на мониторе с разрешением в 1600px изменив масштаб до 75% можно имитировать просмотр страницы, соответствующей максимальной ширине в 1920px.

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

Проверка сайта при малой ширине экрана

Проверка на выделенном домене


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

скриншот 90

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

Комментарии


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

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

comments powered by HyperComments