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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как же она может собираться? Давайте рассмотрим:

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

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

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

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

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

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

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

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

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

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

Итак, с появлением языков программирования, выполняемых на стороне сервера, появилась возможность вносить изменения в данные отправляемые посетителю. Что же это дало?

• Разделение информации и дизайна
• Упрощение модификации и обновления страниц
• Возможность изменять контент, реагируя на действия посетителя

Давайте рассмотрим каждый пункт поподробнее.

Разделение информации и дизайна сайта

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

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

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

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

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

Упрощение модификации и обновления страниц на сайте

Это преимущество непосредственно вытекает из первого. При рассмотрении предыдущего пункта я уже немного коснулся этого вопроса. Я привел пример с изменением логотипа фирмы на всех страницах сайта. Но ведь сайт требует постоянной модификации, особенно это касается его контента. Информация должна быть свежей.

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

Возможность изменять контент сайта, реагируя на действия посетителя

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

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

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

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

Недостатки динамических сайтов

Как и у всего остального в нашем неидеальном мире, у динамических сайтов есть свои недостатки.

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

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

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

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

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

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

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

Системы управления контентом

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

CMS - это аббревиатура от Content Management System, что в дословном переводе - Система Управления контентом сайта. Проще говоря, это тот самый программный комплекс, который позволяет вам изменять дизайн и наполнение сайта таким образом, как вам требуется.

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

Что же такое "Конструктор для создания сайта e-gloryon "? Это набор инструментов, необходимых для быстрого создания функционального и красивого сайта.

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

В сети интернет существует огромное количество различных ресурсов. Каждый проекты в по большей части состоят из страниц 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 можно создать любое количество проектов.

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