Различие между динамической и статичной веб страница. Статические и динамические веб страницы. Создание нового пресс-релиза

или чем статическое содержимое сайта отличается от динамического

По традиции начнем с определения. Итак, все сайты и их страницы, имеющие окончания.html , .xhtml или.php (если, конечно, это не внутренняя настройка CMS, позволяющая отображать подобное окончание) и не затрагивающие базы данных для генерации содержимого, можно отнести к статическим. Содержимое, то есть страницы статических сайтов создаются в текстовых редакторах, таких как Блокнот или Dreamweawer и загружаются с помощью файлового менеджера непосредственно на отдаленный сервер хостинга. Процесс размещения в сети подробно описан в одной из статей.

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

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

Статический сайт: преимущества и перспективы

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

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

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

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

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

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

Страницы статического сайта

Статическим сайтом считается такой сетевой ресурс , который включает статические страницы (html, htm, dhtml, xhtml), составляющих единое целое. Он содержит в себе (в виде HTML-размеченных) текст, изображения, мультимедиа содержимое (аудио, видео) и HTML-теги. Теги бывают как служебные, предназначенные для обозревателя, так и предназначенные для размещения, формирования внешнего вида и отображения информации. Все изменения на статический сайт вносятся в исходный код документов (страниц) ресурса, для чего необходимо иметь доступ к файлам на веб сервере.

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

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

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

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

К достоинствам статических сайтов следует отнести:

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

Наряду с достоинствами, статическим сайтам присущи и недостатки:

  1. Для обновления проекта требуется опыт вебразработки. Чтобы обновить даже самую маленькую деталь на таком ресурсе, придется либо самому разбираться с кодом HTML и CSS, либо нужно будет каждый раз прибегать к услугам вебмастера.
  1. «Застаивание» контента. Вследствие того, что содержимое статического сайта обновляется очень редко, то это весьма неблагоприятно сказывается на трафике и продвижении проекта в . Конечно, продвигать такой ресурс можно, но преимущественно платными способами.
  1. Также статический сайт не целесообразно использовать в крупных проектах.

Отсюда очевидно, что, если на сервере лежит обычная html страница, то такой подход сильно ограничен. Например, имеется интернет-магазин, в который добавлен новый товар. Если такой интернет-магазин состоит из «статических» страниц, то потребуется вручную подправить несколько других страничек. Как минимум это каталог товаров и, по всей видимости, форму заказа. А, если какой-либо товар закончился, то опять надо обновлять статический сайт, что очень неудобно. В связи с этим в интернете трудно найти интернет-магазин, в котором используется «чистый» HTML-код.

Динамический сайт

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

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


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

  1. Ресурс более функциональный, так как управление контентом осуществляется через специальные формы, позволяющие легко добавлять, редактировать и удалять информацию.
  2. При добавлении или редактировании контента не требуется специальных знаний из области веб-мастеринга (HTML, CSS).
  3. Возможность динамической страницы изменять контент, реагируя на действия посетителя.
  4. Возможность создания крупных многофункциональных проектов.
  5. Динамические страницы намного проще модифицировать и обновлять.
  6. Разделение информации и дизайна на динамическом сайте позволяет более гибкое управление им.
  7. Постоянное обновление динамического сайта предоставляет большие возможности для раскрутки, что положительным образом сказывается на продвижении проекта и у него больше посетителей.

Наравне с преимуществами, динамические сайты не лишены и недостатков:

  1. Необходимость использования дополнительных программных средств, что выражается в высокой стоимости создания и обслуживания динамических страниц.
  2. Повышенные требования к аппаратным мощностям серверных систем. Особенно заметной эта проблема становится на динамических сайтах с большой посещаемостью.
  3. Хостинг тоже соответственно будет немного дороже, так как для такого проекта нужно будет подключить дополнительные возможности.
  4. Сложность больших структурных изменений динамических страниц. В данном случае все завязано на программное обеспечение, которое используется ресурсом. У любой программы есть свои ограничения, для обхода которых надо менять программу, дорабатывать старую, либо искать новую.
  5. Нужно иметь соответствующие знаниями для поддержания работоспособности динамических страниц.

Инструменты для создания динамических страниц

Если статические сайты не претерпевают практически никаких изменений и страница попадает на экран монитора посетителя в своем «первозданном» виде, то динамической страницы такой, как ее видит человек, на сервере не существует. Она собирается несколькими различными способами из данных, хранящихся на сервере, и только после этого показывается посетителю.

Первым вариантом может быть объединение нескольких (двух и более) отдельных частей в одно целое — это самый простой способ генерации.

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

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

Самым распространенным инструментом для создания динамических страниц является язык программирования JavaScript. Значительно реже используется VBscript (visual basic script).

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

В этом случае динамический сайт работает следующим образом:

  1. Браузер запрашивает у сервера документ.
  2. Сервер определяет, что документ является скриптом и запускает его на выполнение.
  3. Скрипт генерирует html страницу.
  4. Сервер отправляет сгенерированную страницу браузеру, так что тот и не догадывается, что на сервере отработал скрипт.

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

Perl
SSI
PHP
ASP
Python
Java
Бинарный код (программа на Си или С++ скомпилированная в исполняемый код).

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

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

CMS — это аббревиатура от Content Management System, что в дословном переводе — Система Управления контентом ресурса. Проще говоря, это тот самый программный комплекс, который позволяет изменять дизайн и наполнение динамических страниц таким образом, как требуется пользователю. Кстати, СМS базируются на одном или нескольких вышеотмеченных языков программирования.

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

Таким образом, динамические сайты гораздо более гибкие в управлении. Динамические страницы представляют собой совокупность текста и графики, языка разметки – точно так же, как и статические сайты. Однако в дополнение к этому динамические страницы используют также различные технологии, позволяющие «собирать» веб-страницы «на лету». Такие ресурсы помогают своим владельцам объединять вокруг себя сообщество посетителей и дают намного больше возможностей общаться со своей аудиторией, что позволяет за счет различных функций сделать более интересным для посетителей.

Динамические ресурсы можно разрабатывать «с нуля», вручную создавая все необходимые программные коды, скрипты и т.д. Однако значительно чаще для создания динамических страниц используются специальные системы управления контентом – CMS . CMS позволяют использовать уже готовые программные модули и компоненты, без необходимости каждый раз создавать их «с нуля». На основе одной CMS можно создать любое количество проектов.

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

Разве это не замечательно – уметь собственноручно создать и сопровождать сайт, не обращаясь к кому-то за помощью? Помимо экономии денег (ведь услуги по веб-разработке стоят немало), это позволяет самостоятельно решать массу задач: создание личной веб-странички, корпоративного сайта, интернет – магазина, реализация интересных проектов – вот далеко не полный перечень того, что может делать человек, владеющий технологиями веб-разработки.

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

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

Книга:

Понятие статической и динамической веб-страницы

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

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

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

ПРИМЕЧАНИЕ

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

Принципиальное отличие динамической веб-страницы от статической состоит в том, что ее содержимое является не постоянным, а может изменяться. Оно формируется в зависимости от пожеланий пользователя, а точнее – на основании запросов, созданных посетителям и отправленным на веб-сервер. Как мы уже отмечали ранее, наиболее типичный пример динамической веб-страницы – это страница с результатами поиска, выданными поисковой системой (тем же www.google.ru) на основании отправленного пользователем поискового запроса. Еще один характерный пример использования веб-страниц – интернет-магазины: посетитель с помощью опций указывает, какой товар и с какими свойствами его интересует, отправляет запрос (для этого обычно предназначена соответствующая кнопка – , и т.п.), и через пару секунд получает на экран перечень товаров, соответствующих установленным критериям. Помимо этого, динамические страницы имеют широчайшее применение и в других сайтах, самого разного назначения и направленности.

Динамические страницы также могут создаваться с помощью языка HTML, однако более подходящим для этого является другой язык – РНР (в первую очередь благодаря своей более широкой функциональности). Соответственно, формат файла страницы будет уже не HTML, а РНР, а ее адрес в Интернете будет заканчиваться символами, следующими после точки.

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

По поведению документа в браузере пользователя, различают:

  • Статические html страницы
    Статические - означает, что страница выглядит всегда одинаково, на зависимо от действий пользователя. Например, меню организованно ссылками на отдельные страницы, а не выпадающим списком.
  • Динамические html страницы
    Эти страницы уже могут реагировать на действия пользователя и изменяться. Например, при щелчке по тексту может показываться всплывающий блок текста с переводом слова. Кстати, именно так реализован один из плугинов-переводчиков для браузера Firefox.

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

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

Самый распространенный язык для создания динамики веб страниц - это JavaScript. (Не путайте с языком программирования Java. Это две совершенно разные сущности.)
Реже используется VBscript(visual basic script). (Microsoft как всегда пошла своим путем.)

По способу создания документы делят опять на статические и динамические.

Статическими называют страницы, если они лежат на сервере в html е.
А динамическими называют те, которые генерируются "на лету" по запросу браузера.

Как легко у еть, если на сервере лежит обычная html страница, то такой подход сильно ограничен. Например, у вас есть интернет-магазин, и вы добавили новый товар. Если ваш магазин состоит из "статических" html страниц, то вы должны вручную подправить несколько других страничек. Как минимум это каталог товаров и, наверное, форму заказа. Если у вас кончился какой-либо товар, то опять надо обновлять сайт. Это очень неудобно. Поэтому вы не найдете ни одного интернет магазина на html. (Хотя и можно придумать систему, которая автоматически перегенирирует сайт при изменении товара. Но это не очень элегантное решение и я о таком никогда не слышал).

Если ваш сайт содержит часто меняющийся контент (content - информация на сайте), то вам на помощь придут скрипты, выполняющиеся на сервере . И это ключевое отличие этих скриптов, от описанных ранее (тех, что написаны на JavaScript). Работает это следующим образом:

  1. Браузер запрашивает у сервера документ
  2. Сервер определяет, что документ является скриптом и запускает его на выполнение
  3. Скрипт генерирует html страницу
  4. Сервер отправляет сгенерированную страницу браузеру, так что тот и не догадывается, что на сервере отработал скрипт

Существует несколько языков программирования, на которых могут писать скрипты, которые генерируют "динамические" страницы. Самые распространенные из них:

  1. Python
  2. Бинарный код (программа на Си или С++ скомпилированная в исполняемый код)

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

Как правило если вы ите, что адрес страницы заканчивается на.html или.htm, то это обычная статическая страница. (Можно конечно настроить сервер так, чтобы он исполнял скрипты, которые заканчиваются на эти же окончания, только это не практично. Все таки.html и.htm - это стандарт и переопределять эти окончания не стоит.) Если же вы ите любое другое окончание, то это скорее всего скрипт. Например, скрипты на языке PHP имеют обычно расширение.php, на языке Perl - .pl, ASP - .aspx
Если же адрес не содержит имени страницы, то сервер будет использовать документ заданный по умолчанию (обычно это либо index.html либо index.htm либо index.php).

Надо сказать, что сейчас все больше набирает силу гибридная . Название у нее, как у голландского футбольного клуба - AJAX, что означает: Asyncronous JavaScript And XML (Как расшифровывается название голландского клуба я не знаю). Эта позволяет скриптам на JavaScript обращаться к какому либо скрипту на сервере и получать информацию с сервера. Это в свою очередь, дает пользователю гибкость и позволяет перезагружать только часть содержимого страницы, а не всю ее полностью (что значительно экономит трафик).

Выводы

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

Если же у вас на сайте часто меняющаяся информация, то выбор следует остановить на использовании скриптов.
Однако, у скриптов есть один минус: они требуют дополнительных ресурсов от сервера для своей работы. Если html страничку надо просто прочитать с сервера и отправить браузеру, то скрипт надо сначала запустить и выполнить. К тому же, очень часто скрипты используют систему управления базой данных (СУБД ) для хранения изменяющихся данных.

Статьи по теме: