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

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

• Статические 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 страничку надо просто прочитать с сервера и отправить браузеру, то скрипт надо сначала запустить и выполнить. К тому же, очень часто скрипты используют систему управления базой данных (СУБД ) для хранения изменяющихся данных, что создает дополнительную нагрузку.

Александр Архипов

Статические веб-страницы

Статические веб-станицы не изменяют своего содержимого или разметки при каждом запросе к веб-серверу. Они изменяются только тогда, когда веб-разработчик вручную обновляет их в текстовом процессоре или в инструменте веб-редактирования, например, таком как Adobe Dreamweaver. Значительное большинство веб-сайтов базируется на основе статических страниц. Такая методика является весьма экономичной для публикации в сети информации, которая существенно не изменяется в течение месяцев или даже лет. Многие системы управления веб-содержанием (CMS) также используют статическую публикацию для предоставления веб-содержимого. В CMS страницы создаются и изменяются динамически под управлением базы данных через веб-интерфейс редактирования, но затем («опубликованные») считываются с веб-сервера как обычные статические страницы. Статические страницы являются простыми, безопасными, менее склонными к технологическим ошибкам и сбоям, их хорошо видят поисковые машины.

Динамические веб-страницы

Динамические веб-страницы могут изменять свое содержимое или внешний вид в зависимости от действий пользователей или изменений данных, поддерживаемых приложением, или с течением времени, как на новостных веб-сайтах. Используя сценарии, исполняемые на клиентской стороне (XML, технология Ajax, Flash ActionScript), содержание может быть быстро изменено на компьютере пользователя без запросов к новой странице к веб-серверу. Однако, большинство динамического содержания в сети монтируется с помощью исполняемых на сервере языков программирования (ASP, JSP, Perl, PHP, Python). Оба подхода (исполняемый на стороне клиента и исполняемый на серверной части) используются в разносторонних веб-сайтах с постоянно меняющимся содержанием и сложными интерактивными функциями. Динамические веб-страницы предлагают огромную гибкость, однако процесс обработки уникально собранного содержания при каждом запросе к странице требует быстрого, высококачественного веб-сервера, и даже самый мощный сервер может застрять под грудой, которую создает большое количество запросов к динамическим веб-страницам за короткое время. Если системы обработки динамического веб-содержимого плохо оптимизированы, зачастую они гораздо менее видимы поисковыми машинами, чем статические страницы. Всегда интересуйтесь видимостью поисковых машин при рассмотрении достоинств динамической системы управления веб-содержимым.

Интерфейс управления статическими страницами состоит из одного цельного блока, на котором расположены различные элементы (рис 5.1).
Фактически на этой странице отображена таблица со столбцами "Заголовок" и "Адрес страницы".
Сверху расположено поле ввода, в котором вы можете указать, сколько статических страниц выводить в постраничной навигации.
Также доступны 3 массовые операции над статическими странциами - удаление, публикация, снятие с публикации.

Добавление новой страницы

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

После этого вы будете перенаплавлены на страницу с формой, которую вам потребуется заполнить. (рис 5.3).

рис 5.3

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

Заголовок - указывается название новой страницы. Данные заголовка являются содержимым тега Title, которое показывается в заголовке окна браузера.
Альт. имя - здесь необходимо указать ссылку на данную страницу. Внимание: ссылка должна указываться на латинице и не содержать спецсимволов и пробелов.
Описание - используется при создании краткого описания страницы, используется поисковыми системами для индексации.
Ключевые слова - ключевые слова для метатега keyword.

• Опубликовать - в случае выбора данного флага, данная страница не будет отображаться на сайте.
• Разрешить использовать HTML теги - в случае выбора данного флага, в теле страницы, помимо bb кодов можно будет использовать html теги.
• Отключить автоформатирование - в случае выбора данного флага, будет отключено автоформатирование текста, перенос строк и прочее.

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

Достоинства и недостатки

Достоинства

• Для создания страницы не обязательно знать языки веб-программирования .
• Хорошая кэшируемость страницы.
• Быстрая скорость загрузки страниц.
• Минимальные требования к веб-серверу и минимальная нагрузка на него.
• Простота переноса на другой сервер или локальный компьютер.
• Возможность прямого просмотра файла в браузере, без использования промежуточного ПО (веб сервера , CGI).

Недостатки

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

Современное использование

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

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

Дата: 2012-03-16

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

В этой статье мы поговорим о принципиальных различиях двух видов сайтов: Статическом и Динамическом . Чем вызвана эта тема? Довольно часто, получая письма от посетителей своего сайта и от читателей почтовых рассылок я вижу, что у многих особенно начинающих «сайтостроителей» бытует мнение, что Динамический сайт – это когда все на сайте мелькает, бегает, движется и т.д.

Например, совсем недавно с одним товарищем довольно долгое время вел переписку на эту тему. Опуская подробности вкратце обозначу позицию своего собеседника. Цитирую: «... у меня на сайте (опускаю URL сайта) 14 движущихся картинок и баннеров и 11 скриптов, обеспечивающих различные визуальные эффекты. Поэтому считаю свой сайт динамическим ».

Конечно же я сильно сократил и немного утрировал диалог со своим собеседником, оставив самую суть дискуссии, но увы многие считают, что достаточно «повесить» на сайте несколько анимированных баннеров и любой сайт тут же превращается в Динамический. Т.е. когда все, мелькает и движется на сайте – это и есть ДИНАМИКА, ДВИЖЕНИЕ.

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

Статические сайты

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

Как правило все Статические сайты имеют не очень большое количество страниц (примерно до 50 отдельных web-страниц). Это могут быть сайты небольших компаний или частных лиц не очень часто обновляемые, как правило это так называемые Сайты-Визитки. Почему?

Если у Вас уже есть свой сайт, то Вы наверняка уже знаете, что управлять сайтом с большим количеством страниц, разделов и рубрик довольно проблематично и долго. Представьте себе сколько уйдет времени, чтобы обновить всего одну ссылку в меню сайта например на 20 – 30 страницах... А если больше? Ведь нужно отредактировать каждую из web-страниц сайта, затем все это обновить на сервере, а это ВРЕМЯ. Очень много времени!

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

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

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

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

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

С появлением PHP стало возможным разбивать web-страницу на отдельные блоки и элементы. Например, однотипные блоки сайта, такие как: Шапка сайта (Header ), Подвал сайта (Footer ), Меню (а иногда и несколько меню) и другие блоки можно вынести в отдельные файлы.

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

Управление сайтом очень сильно упростилось, и теперь стало неважно сколько страниц на сайте (10 или 1000), добавил в Меню новую ссылку, и эта ссылка появилась в Меню всех страниц сайта.

Но программисты пошли еще дальше. Были написаны множество CMS (система управления контентом) , которые позволили не только управлять сайтами: добавлять, удалять, редактировать страницы и целые разделы, но еще и вообще отказаться от получения элементарных знаний по «сайтостроению».

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

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

Теперь сайт стало возможным собирать как бы по кусочкам из отдельных файлов. Типовые названия таких файлов: header . php (шапка), footer . php (подвал), menu.php (меню), content.php (основное содержание web-страницы). Название это условные, и файлам Вы можете даль любые имена. Схематически это выглядит примерно так:

Скелетная схема php-страницы.

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

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

Но главное помните, что вся обработка php-кода происходит на сервере, иногда говорят: «страница обрабатывается на лету». Каждая web-страница собирается как конструктор, из отдельных кусочков (файликов). Причем этот кусочек может и еще дополнительно отдельно обрабатываться. Вот это и есть основные признаки всех Динамических сайтов.

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

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

Всего Вам доброго.

Читайте так же другие наши материалы: