Что такое статический сайт

Что такое статический сайт

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

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

Статические и динамические сайты — в чем разница?

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

Статические сайты примеры

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

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

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

Таким образом, мы можем видеть преимущества статических сайтов:

  1. Они просты и быстры в разработке
  2. Дешевы в разработке и меньше нагрузки на хостинг.

Наряду с преимуществами можно выделить и недостатки статических сайтов:

    Для обновления сайта требуется опыт вебразработки.

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

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

Динамичные сайты примеры

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

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

Возможности динамического сайта могут ограничиваться только нашим воображением.

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

Преимущества динамических сайтов:

  1. Более функциональный сайт.
  2. Намного проще его обновлять.
  3. Постоянное обновление положительно сказывается на продвижении сайта и приносит больше посетителей.
  4. Такой сайт помогает своему владельцу собирать вокруг себя сообщество посетителей и дает намного больше возможностей общаться со своей аудиторией и сделать свой сайт более интересным для посетителей за счет различных функций.
Читайте также:  Модем какого оператора лучше приобрести

Выводы

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

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

Но с другой стороны, все зависит от того, что нужно конкретно ВАМ, если вам нужен, например, одностраничный сайт, через который вы будете продавать какой-то товар, или же сайт-визитка от 1 до 5-6 страниц, который вы не планируете постоянно обновлять, то вполне естественным решением будет остановиться на статическом сайте.

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

В настоящее время статические сайты практически вышли из использования, и на смену им пришли могучие динамические. Что такое статический сайт, мы сейчас и узнаем. Статический сайт – это сайт, который написан на чистом «HTML» и «CSS», в редких случаях может нести в себе набор «JavaScript». Ещё совсем в не давнее время практически весь интернет был завален такими сайтами. Но почему он вымер – мы сейчас и попробуем разобраться!

Давайте представим, что вы написали статичный сайт и разместили его в сети, прошло какое то время – сайт оброс огромным количеством статей, и какой-то информацией. А тут раз и необходимо изменить кардинально дизайн сайт (на этом у вас моментально опускается голова, руки и всё что может опускаться), а причиной этому становится, что имея порядка 500 страниц – вам необходимо переверстать их все, да ещё и вручную. Статичные сайты не имею в себе ни какой гибкости, так как для изменения чего-либо приходиться делать это для всех страниц сайта. Хотя если вам необходим сайт визитка из 5 страниц, то вовсе необязательно устанавливать какую то «CMS» и верстать шаблоны под неё – с этим справится и статичный сайт.

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

Первым делом, когда вы набрали в адресной строке название сайта — в игру вступают «DNS-сервера» — которые определяют, на каком сервере располагаются файлы данного сайта. Замечу, что «DNS» (domain name system) – скрывает под собой «ip», в результате чего и происходит определение местоположения файлов сайта. Далее идёт запрос непосредственно на сам сервер, что необходима такая то страница и если такая страница существует, то сервер передаёт её код вашему браузеру, где браузер преобразует его уже в страницу сайта.

Но чем же отличается статичный сайт от динамического? А тем что в динамическом сайте используется «php» — который открывает огромные возможности в области веб разработки и управлением сайта.

Рассказываем о том, что такое статические сайты, чем они лучше динамических, как их делать и где хостить за 4 рубля в месяц.

Читайте также:  Zabbix net tcp service

Какие бывают сайты

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

Работу динамических сайтов обеспечивают CMS или движки — WordPress, Joomla, ModX, Битрикс и т. д. Их интерфейс обычно не сложнее, чем у текстового редактора — для публикации контента достаточно самых общих знаний html. Главный минус динамических сайтов — большие затраты системных ресурсов: при каждом обращении пользователя взаимодействуют веб-сервер, приложения для генерации страниц и база данных. Резкий рост количества посетителей или запросов означает, что скорость загрузки сайта падает. Кэширование частично снимает это неудобство, но его можно использовать не всегда и не везде. Потребление системных ресурсов открывает уязвимость для DDoS-атак — большое количество запросов выбивает их из эфира. В большинстве случаев движки — системы c открытым кодом, поэтому найти и использовать уязвимости может любой желающий. Наверняка вы уже слышали о том, как можно сломать комментарием WordPress, а через HTTP-заголовки на Joomla! можно получить доступ к базе данных сайта.

Статические сайты состоят из готовых страниц (HTML, JS, графика, шрифты), загруженных на сервер. Важные достоинства статических сайтов: скоростная загрузка страниц и повышенная устойчивость ко взлому. Кроме того, сайты из статических страниц без проблем выдерживают гораздо большую посещаемость, чем их динамические «коллеги».

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

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

Обзор генераторов статических сайтов

Генератор — это программный инструмент, превращающий текстовые записи в статичные HTML-страницы. Вы создаёте контент в любом текстовом редакторе, генератор склеивает его с заранее подготовленным шаблоном, а затем отправляет на хостинг. Выбор генераторов исчисляется сотнями, если не тысячами, мы рассмотрим самые популярные.

  • MiddleMan отличается подробной документацией, написанной простым и понятным языком. Для MiddleMan написано немало расширений и плагинов, список которых постоянно обновляется. Поддерживается развертывание с помощью FTP, SFTP, rsync, git.
  • Hugo — простой и популярный генератор с высокой скоростью сборки сайтов. Для Hugo нет расширений и плагинов, но это компенсируется возможностями контентной модели: возможно задавать тип записей, группировать их в каталоги, выводить теги и метки. Форматирование контента происходит с помощью формата Markdown. Результат выгружается с помощью FTP.
  • Jekyll — дефолтный движок для статических сайтов на основе GitHub Pages; часто используется для ведения блогов. Jekyll поддерживает разметку Liquid, используя конструкции исключительно языка разметки, а не языка программирования. Опубликовано много расширений для блогов — добавление облака тегов, полнотекстовый поиск по блогу и даже специализированный плагин для научных и образовательных блогов. Поддерживает FTP, rsync и git.
  • Octopress — по сути, надстройка Jekyll c плагинами и шаблонами для более удобного ведения блогов. В качестве формата разметки постов по умолчанию используется Markdown, но можно использовать и обычный HTML. Octopress поддерживает переезд с других площадок: все записи из блога на WordPress переносятся с помощью 1 скрипта. Блог можно интегрировать с социальными сетями, есть плагины для вставки календарей, списка похожих постов, облака тегов и так далее. Работает с git, rsync, можно настроить деплой по FTP.
  • Hyde — полный аналог Jekyll, только написанный на другом языке — отсюда название, отсылающее к «Странной истории доктора Джекилла и мистера Хайда». По функционалу Hyde не отличается от MiddleMan и Jekyll. Проект находится в стадии активной разработки, поэтому документация представлена лаконично, а плагинов и расширений существуют мало. Поддерживается деплой с помощью FTP, rsync, git.
  • Pelican обладает широким набором функций: работа с черновиками, интеграция с социальными сетями, добавление изображений, конвертация HTML-страниц в PDF, поддержка многоязычности и многое другое. Хорошо подходит для ведения блогов: посты можно писать на Markdown, reStructuredText и Asciidoc. Устанавливается через pip, проект разворачивается по FTP или SSH.
  • В основу Grow лег принцип — «конфигурация, а не код». Для установки генератора нужно скачать скрипт с официального сайта — необходимые пакеты будут установлены в автоматическом режиме. Чтобы создать новый проект, нужно клонировать на локальную машину тему-репозиторий на GitHub. Тема включает набор файлов, которые описывают архитектуру сайта. Никакого программного кода при этом писать не нужно. Контент хранится в формате Markdown или HTML. Поддерживает FTP, rsync и git.
  • DocPad чаще всего используется для блогов, но реальные возможности его применения гораздо шире. DocPad можно использовать и как генератор, и как движок, и как шаблонизатор. Оснащен удобным API, а на официальном сайте опубликованы «скелеты» — заготовки, на основе которых пользователи могут создавать собственные сайты. Для DocPad написано большое количество плагинов и опубликованы скрипты, автоматизирующие деплой через FTP, rsync и git.
Читайте также:  Когда откроют бразилию по свинине

Хостинг статических сайтов

После создания сайта встает вопрос его размещения. Динамические сайты из-за требований к ресурсам размещаются на виртуальных или выделенных серверах. Для работы статического сайта нужно гораздо меньше системных ресурсов, поэтому в качестве площадки можно использовать любое виртуальное хранилище, которое позволяет раздавать контент пользователям. Возможности специализированных платформ для хранения статики примерно одинаковы, основное отличие — в стоимости хранения и раздаче контента. Облачное хранилище Selectel стоит от 4 рублей в месяц и, кстати, промосайт хранилища — чистая статика, размещенная в самом хранилище.

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

Ссылка на основную публикацию
Adblock detector