Динамический топ что это такое


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

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

Недорогой хостинг и домен! Cоздание собственного сайта или блога – без проблем!!!

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

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

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

Статическим сайтом считается такой  сетевой ресурс, который включает статические страницы (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. Нужно иметь соответствующие знаниями для поддержания работоспособности динамических страниц.
Недорогой хостинг и домен! Cоздание собственного сайта или блога – без проблем!!!

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

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

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

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

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

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

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

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

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

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

Perl SSI PHP ASP Python Java

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

barabyn.ru

Статические или динамические сайты: что выбрать?

Все огромное количество существующих сайтов можно разбить на 2 основные группы: статические сайты и динамические сайты. Чем отличаются эти виды сайтов? Каковы преимущества и недостатки каждой группы? Какой вид сайтов выбрать для разработки?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теги: статические сайты, динамические сайты, статический сайт, динамический сайт

webstudio2u.net

Почему статические сайты удобнее динамических?

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

Работу динамических сайтов обеспечивают 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 рублей в месяц и, кстати, промосайт хранилища — чистая статика, размещенная в самом хранилище.

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

Публикуется на правах рекламы

www.cossa.ru

Динамический сайт - что это за "зверь" такой?

Оглавление:

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

Поговорим о динамическом сайте

Определение

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

Отличие динамического сайта от статического

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

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

Как делается динамический сайт?

Помните, я уже говорил, что мы сначала создадим каркас сайта — сверстаем макет на HTML и оформим его стилями на языке CSS. Мы получим тот самый статический сайт. Потом мы добавим к нему команды на языке РНР — и вуаля, наш сайт станет динамическим.

Вообще, разработчики движка «WordPress» сильно упростиили работу сайтостроителей. Многое уже прописано в самом коде движка — вся админпанель, многие команды и функции. По сути, нам нужно прописать немного основных команд на языке РНР при создании нашей темы — а всю остальную работу доделает за нас движок. Например прописать команды вывода и динамического обновления анонсов записей на главной странице сайта, функцию добавления и обновления комментариев, функцию пагинации (вывод постраничной навигации), функции поиска по сайту и количества просмотров ваших постов, а также для отдельных записей и страниц написать, например, команды для подключения миниатюр, написания отрывков для анонса, изменяющихся заголовок статей, даты создания постов и кое-что другое. И тогда наш сайт «заведется и поедет» — мы оживим его, блог будет постоянно меняться и наполняться новой информацией. Одним словом — жить!

Все не так сложно на самом деле!

Ага, видите, что на самом деле написать свою тему с нуля не так уж и сложно — многое уже сделано за нас разработчиками движка WordPress. Для простого динамического сайта достаточно прописать с десяток основных функций на языке РНР — и ваш блог будет отлично работать. Конечно, потом когда вы разберетесь что к чему и сделаете свою тему с нуля, можно углублять свои знания, добавлять новые инструменты и совершенствовать блог. Это — по желанию, на ваше усмотрение.

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

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

  1. У динамических сайтов гораздо больше функциональных возможностей;
  2. На динамическом сайте гораздо проще делать обновления — это делается через админпанель, и не нужно каждый раз лезть в код страницы;
  3. Такой сайт гораздо проще и быстрее продвигать в поисковых системах, потому что информация на нем постоянно пополняется и обновляется (не застаивается);
  4. Для динамических сайтов на системе управления WordPress есть много уже готовых тем и решений, а значит, создать собственный динамический блог при нежелании разбираться в основах HTML и CSS получится намного быстрее;
  5. На динамическом сайте есть возможность общаться с посетителями посредством комментариев, собирать постоянную базу посетителей и подписчиков;
  6. Доход с таких сайтов за счет рекламы и партнерских программ, как правило, намного выше, чем со статических сайтов за счет большего количества статей, страниц и информации;

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

saitopis.ru

Тема 2. Статический или динамический сайт?

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

Когда у вас на сайте всего 10-20 страниц, объединенных одной index.html страницей с меню в шапке, то проблема не стоит так, как если бы вы хотели управлять более содержательным сайтом. Например, сайт с относительно большим количеством страниц рано или поздно нужно будет редактировать: создать/модифицировать/удалить страницу или пункт меню, заполнить уникальные для каждой страницы метатеги, что будет достаточно сложно если ваш сайт – не динамический! Далее разберемся в понятиях, что такое статический, а что такое динамический сайт?

Особенности статического сайта

Статический сайт, это когда контент не генерируется управляющим скриптом, а изменения как в программном коде, так и в контентном содержимом — придется вносить на каждую страницу. То-есть каждая страница вашего сайта — это полная копия всей разметки дизайна, в которой изменяется только блок с контентом или метатегами. Есть варианты, как упростить редактирование такого сайта: использовать разметку через фреймы или серверные вставки SSI, но это полумера и попросту устаревший прием. Теперь дизайн (графическое оформление всего сайта). Предположим вы решили изменить один элемент дизайна сайта, изменения опять придется вносить на каждую страницу. Первое, что приходит в голову начинающему сайтостроителю — это побыстрее создать «готовый сайт» на тех технологиях, которые ему доступны в данный момент. Но практика показывает, что вам постоянно будет требоваться вносить изменения, как в дизайн, так и в содержимое вашего веб-ресурса. Поэтому не стоит останавливаться на не гибких решениях при создании сайта, не стоит превращать работу с сайтом в рутинную переделку кода на всех страницах поочередно.

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

Для реализации динамических элементов страниц или элементарной шаблонизации — потребуется PHP (как вариант), или готовая система управления контентом на базе PHP.

Что такое динамический сайт?

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

Приведу условный пример с условной последовательностью действий: дизайн сайта создается в графических редакторах, потом верстается HTML страница, в которую добавляется вызов каких-либо функций (создается шаблон для движка сайта), которые в свою очередь вынесены в отдельный файл и все это выводится в браузере — мы видим сайт! В данном примере функции могут быть стандартными, например, include() в языке PHP, или специфическими, часто уникальными для конкретного движка (CMS, фреймворк). Чтобы понять эти процессы вам не помешает немного теории программирования.

Немного из основ программирования

Предположим, что у нас есть программа написанная на определенном компилируемом языке программирования (например Си). Программный код, написанный в соответствии с синтаксисом языка, хранится в файле xxx.c, но результат работы программы мы получаем только после компиляции данного исходника и запуска получившегося в результате файла (этот файл исполняется операционной системой). Сам это процесс трансляции и компиляции – достаточно сложный и описывать его как процедуру я не буду. Но помимо компилируемых языков программирования, которые не могут показать результат работы приложения без установленного в системе компилятора (специальной программы), есть – интерпретируемые языки программирования (есть и гибридные варианты, но сейчас не об этом). Этим языкам, а вернее программам составленным на их основе, для выполнения результата требуется интерпретатор. Например программа (под этим словом можно и подразумевать пару строчек в коде сайта) составленная на языке программирования JavaScript в качестве интерпретатора использует ваш браузер! То-есть то, что хотел получить программист на выходе – исполняет сам браузер. Страница с кодом –> открываем в браузере –> получаем результат. Да, именно так, как и HTML с CSS, но в отличии от них JavaScript – это язык программирования со всеми вытекающими. JavaScript – это не компилируемый (скриптовый) язык программирования исполняемый на стороне клиента. При создании динамических сайтов часто используют язык PHP – тоже интерпретируемый и не смотря на то, что вывод результата мы получим в браузере, сама программа обрабатывается на стороне сервера.

Теперь вы, наверное, догадываетесь почему многие программисты в своем общении на форумах в понятие дизайн включают: графику, HTML, CSS и даже JavaScript, то-есть не только графику как таковую но и верстку. Потому что все эти технологии могут функционировать только за счет браузера пользователя, который загрузил ваш сайт, и служат в основном для построения «каркаса» сайта (шаблона, дизайна, темы оформления).

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

Тема 2. Статический или динамический сайт? was last modified: Март 3rd, 2016 by Admin

compuzilla.ru

Статические сайты, динамические сайты

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

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

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

Достоинства:

  • Стоимостные затраты ниже;
  • Минимальная нагрузка на веб-сервер.

Недостатки:

  • Большие временные затраты на редактирование контента;
  • Нецелесообразность использования в крупных проектах.

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

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

Достоинства:

  • Управление контентом производится через специальные формы, где можно легко добавлять, редактировать и удалять информацию;
  • Максимальная оперативность при добавлении нового контента на сайт;
  • При добавлении или редактировании контента не требуется специальных знаний из области веб-мастеринга (HTML, CSS);
  • Возможность создания крупных многофункциональных проектов;
  • Большие возможностей для раскрутки.

Недостатки:

  • Высокая стоимость создания и обслуживания;
  • Нужно обладать соответствующими знаниями для поддержания работоспособности сайта.

Таким образом, динамические сайты гораздо предпочтительнее статических. Однако не стоит совсем отказываться от статики. Иногда на сайте стоит использовать и статические страницы. Если сайт небольшой, состоящий всего лишь из несколько страниц, и контент на нем не обновляется, то нет смысла создавать движок для сайта — проще один раз сверстать все необходимые страницы.

siteblogger.ru


Смотрите также