4 Обзор технологий создания сайтов

Для разработки сайта используются различные средства: конструкторы сайтов (дизайнеры), WebCoder, профессиональные приложения: Macromedia HomeSite Plus for Windows XP, Macromedia Dreamweaver, Microsoft FrontPage и т.д. Для создания сайтов целесообразно использовать редакторы на русском языке Macromedia Dreamweaver или FrontPage.

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

Для разработки статических сайтов принято использовать язык разметки гипертекста (HTML) в сочетании с каскадными таблицами стилей (CSS).

Для создания динамического сайта используются следующие технологии:

• разметка текста и оформление формируется с помощью связки HTML+CSS

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

Различают 2 способа генерации содержимого веб-страниц:

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

Примером могут служить страницы сайта edu.sites.spb.ru, генерируемые сценарием, написанным на языке PHP.

Для написания серверных сценариев используются языки Perl, PHP, Python, ASP, Ruby. Так же могут использоваться включения на стороне сервера - SSI

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

На стороне клиента используются языки Javascript, JScript, ActionScript

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

1. Генерация содержимого на стороне сервера;

2. Передача сгенерированной странички клиенту;

3. Генерация содержимого на стороне клиента.

Способы создания сайтов

• Вручную

• С использованием конструктора сайтов

Вручную

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

Для написания сайта вручную используют:

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

Примеры: KompoZer (http://www.kompozer.net, платформы: Windows, Linux, Mac; способ распространения: бесплатный; интерфейс: русский), Macromedia Dreamweaver (платформа: Windows; способ распространения: платный), Quanta Plus (платформа: Linux, способ распространения: бесплатный), Web Page Maker (платформа: Windows; способ распространиения: платный)

2) специализированные редакторы html (CSS, программного) кода - редакторы, упрощающие ввод инструкций html или css, команд языка программирования за счет автоматизации ввода, подсветки кода и т.п.

Примеры: RJ TextEd (платформа: Windows; способ распространения: бесплатный), Homesite (платформа: Windows; способ распространения: платный), NotePad++ (платформа: Windows; способ распространения: бесплатный), TopStyle Lite (редактор CSS, платформа: Windows; способ распространения: бесплатный).

3) текстовые редакторы - редакторы типа Блокнот, MS Word.

Плюсы: автор имеет возможность полностью контролировать процесс написания кода

Минусы: работа с кодом в текстовом редакторе очень трудоемка

С использованием конструктора сайтов

Система управления содержимым (CMS, Content Management Software, Сontent Management System) - программа (набор сценариев), устанавливаемая на сервере и предоставляющая пользователю следующие основные возможности:

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

• управление сайтом, обновление и добавление материалов без специальных знаний и навыков. От пользователя не требуется знание языка разметки, каких-либо языков программирования. Для редактирования материалов на сайте, как правило, достаточно навыков работы в визуальном редакторе (MS Word или Open Office Writer).

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

• Коммерческие. Примеры: Bitrix, HostCMS, AMIRO.CMS

• Бесплатные. Примеры: Joomla, Drupal, PHP-Nuke, Joostina

Конструктор сайтов - программа для создания и обновления сайта на основе готового шаблона.

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

Пример: MiniSite (платформа: Windows; способ распространения: бесплатный)

13