Старший преподаватель Жумартов М.А.

 

Казахский Национальный Университет им. аль-Фараби, Казахстан

 

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

 

Структура сайта является эффективным инструментом для создания конкурентных преимуществ при разработке сайтов. Основными элементами структуры, которые можно предусмотреть в процессе разработки сайта и оказывающими влияние на его восприятие посетителями, являются: система меню и навигации сайта, разделы сайта, а так же варианты подачи самой информации. Разработка качественного сайта с хорошей структурой снижает время, которое посетитель тратит на поиск необходимой информации. При разработке сайтов, важно сразу уделить внимание выделению и присвоению названий, основным разделам сайта. Это позволит грамотно структурировать информацию и сегментировать рынок. Хорошо структурированная информация облегчает пользователю ориентацию по сайту – он логически понимает, в каком разделе находится интересующая его информация. Особенно важно понимать первичность информации перед всей работой по созданию  структуры сайта [1].

Некоторые  преимущества и дополнительные возможности оформления веб-страниц дает использование технологий широкого спектра CSS (Cascading Style Sheets – Каскадные Таблицы Стилей). До появления CSS оформление веб-страниц осуществлялось непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. Среди  способов позиционирования  средствами CSS: относительное позиционирование, абсолютное позиционирование, плавающая модель. Считается, что метод, основанный на применении плавающих элементов, наиболее легкий. Хотя использование CSS привело к увеличению размера кода, появился  инструмент  точного позиционирования графических элементов и текста на веб-странице. Появление таблиц стало очень удобным средством форматирования данных на Web-станице. Они позволили решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением. Средствами CSS можно  рассмотреть расположение элементов на веб-странице, где  каждый элемент генерирует один или несколько прямоугольных блоков - модель контейнеров. В модели контейнеров каждый элемент страницы определяется  как прямоугольный контейнер, состоящий из содержимого, внутренней пустой полоски, рамки и внешней пустой полоски.

Достоинства верстки с помощью блоков и CSS-позиционирования следующие:

        - значительно улучшается логичность кода;

        - уменьшается общий объем кода;

        - значительно увеличивается контроль над блоками.

и недостатки:

       - неодинаковая поддержка различными браузерами позиционирования с помощью CSS [2].

       Средствами разработки сайтов являются компоненты необходимые при реализации HTML-страниц с динамически изменяемым содержимым (DHTML), без перегрузки страниц. Это HTML, каскадные таблицы стилей, язык сценариев, которые связаны между собой объектной моделью документа (DOM, Document Object Model), являющейся, по сути интерфейсом прикладного программирования (API). Объектная модель документа делает все элементы страницы программируемыми объектами. С ее помощью через языки сценариев можно получить доступ и управлять всем, что есть в документе. Каждый элемент HTML доступен как индивидуальный объект, а это означает, что можно изменять значение любого параметра любого тега HTML-страницы, и, как следствие, документ действительно становится динамическим. Формат HTML  позволяет описать то, каким образом должны быть отображены данные на экране конечного пользователя, но не предоставляет никаких средств для эффективного описания передаваемых данных и управления ими [3].

По сравнению, язык XML (eXtensible Markup Language - расширяемый язык разметки) можно рассматривать, как новую технологию интеграции программных компонент. Это язык предназначенный, для описания в текстовой форме структурированных данных. Этот текстовый (text-based) формат, во многом схожий с HTML, разработан специально для хранения и передачи данных. Основными преимуществами использования XML являются: интеграция данных из различных источников, данные можно разбирать, обрабатывать и отображать непосредственно на клиенте без дополнительных обращений к серверу, можно обновлять только ту часть структурированных данных, которая была изменена, а не всю структуру целиком. С помощью XML можно формировать запросы к базам данных различных структур, что позволяет осуществлять поиск информации в многочисленных несовместимых друг с другом базах данных. Инструменты обработки данных, полученных в формате XML, могут быть разработаны в среде Visual Basic, Java или C++ [4].

Определены технологии создания сайта. Это взаимодействие двух технологий  – технологии стороны сервера и технологии стороны клиента. Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложения  (клиент-серверное приложение)  являются межплатформенными программными системами. Все такие приложения имеют общую цель - реализацию бизнес-логики на стороне сервера и генерацию кода для клиента. Также у всех этих приложений одинакова архитектура взаимодействия сервера и клиента и общий протокол взаимодействия - HTTP (Hyper Text Transfer Protocol – Протокол Передачи Гипертекста) [5].

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

 Характеризуются практичными динамическими, рефлективными, интерпретируемыми  высокоуровневые языки программирования как PHP, Perl, Ruby, Python. Важной стороной работы серверных языков является возможность организации непосредственного взаимодействия с системой управления базами данных (СУБД) - сервером, на котором упорядоченно хранится информация, которая может быть вызвана в любой момент [6,7].

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

Популярными среди систем управления базами данных являются: Microsoft SQL Server, mSQL, MySQL, Oracle, PostgreSQL, SQLite [9].

Одним из технологий, позволяющая динамически создавать веб - страницы на стороне сервера является ASP (Active Server Pages  –  Активные Серверные Страницы) - первая технология компании Microsoft. Технология предварительной обработки ASP.NET - новой технологии создания веб-приложений, основанной на платформе Microsoft .NET., позволяет подключать программные модули во время процесса формирования веб-страницы. Разработчики могут писать код для ASP.NET, используя практически любые языки программирования. ASP.NET имеет преимущество в скорости по сравнению со скриптовыми технологиями, так как при первом обращении код компилируется и помещается в специальный кэш, и впоследствии только исполняется, не требуя затрат времени на парсинг (синтаксический анализ) и оптимизацию [10].

Наиболее полное обеспечение гибкой структуры управления материалом – управлять HTML - содержанием удобно с помощью PHP+MySQL. Именно эта связка позволяет генерировать динамические HTML - страницы; необходимо реализовать вариативность представления материала – в этом случае использование HTML+CSS более чем обоснованно. Для генерации страниц достаточно нескольких шаблонов, а если сайт совсем простой, то одного. Именно эта комбинация средств позволяет создавать мультимедийные документы. Контент должен создаваться один и только один раз. Если информация помещается  в файл или в базу данных, то при изменении дизайна сайта не должно меняться содержимое этого файла или базы данных. Фактически, комбинация данных + шаблоны + скрипты и есть, разделение контента от представления. Информация хранится в базе данных, она четко структурирована и остается неизменной при смене дизайна, но придется полностью переделать шаблоны и внести некоторые исправления в скрипты. Организованно необходимое разделение контента и отображения  на основе связки MySQL + РНР + HTML, но внесения небольших исправлений дизайна сайта эта связка желаемой простоты не обеспечивает [11].

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

Таким образом, разработка Web-сайта требует решения основных задач:

 - предоставление информации о компании, её структуре и направлении деятельности. Эта информация наиболее важна, именно её должны видеть посетители сайта, когда попадают на сайт. Поэтому её следует расположить на главной странице веб-сайта.

- предоставление информации об услугах компании.

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

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

 

Литература:

 

1.     Ноблес Р., Греди К-Л. Эффективный Web-сайт. Учебное пособие, 2004г.

2.     CSS Color Module Level 3 W3C Recommendation 07 June 2011, http://www.w3.org/TR/css3-color/

3.     Document Object Model (DOM) Level 3 Core Specification, Version 1.0, W3C Recommendation 07 April 2004, http://www.w3.org/TR/DOM-Level-3-Core/

4.     CMS List. Обзор cms. Сайт о системах управления сайтом.  www.cmslist.ru

5.     T. Berners-Lee. The Original HTTP as defined in 1991 http://www.w3.org/Protocols/HTTP/AsImplemented.html

6.     David Thomas, Chad Fowler, Andrew Hunt. Programming Ruby: The Pragmatic Programmer’s Guide, Second Edition. — Boston: Addison-Wesley, 2004. — ISBN 0-9745140-5-5. с.864.

7.      Лутц, Марк. Программирование на Python: Перевод с английского  — СПб.: Символ-Плюс, 2002 — ISBN 5-93286-036-7, ISBN 0-596-00085-5. с.1136.

8.     Официальный сайт PHP, PHP: Hypertext Preprocessor , http://www.php.net/

9.     Материал из Википедии — свободной энциклопедии, Веб-сервер, http://ru.wikipedia.org/wiki/Веб-сервер

10. Материал из Википедии — свободной энциклопедии, Active Server Pages, http://ru.wikipedia.org/wiki/Active_Server_Pages

11. Попов В.М. Глобальный бизнес и информационные технологии. Современная   практика и рекомендации, 2001 г.