Принципы разработки web-сайтов (на примере ЗАО "Кондитерская фабрика "Саратовская")

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

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

·Функции ввода и отображения  данных.

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

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

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

В соответствии с этим в  любом приложении выделяются следующие  логические компоненты: компонент представления (presentation), реализующий функции первой группы; прикладной компонент (business application), поддерживающий функции второй группы; компонент доступа к информационным ресурсам (resource manager), поддерживающий функции третьей группы, а также вводятся и уточняются соглашения о способах их взаимодействия (протокол взаимодействия).

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

На основе выше сказанного можно сделать вывод, что данная технология имеет как достоинства, так и недостатки.

К недостаткам можно отнести:

·дорогое техническое  обеспечение;

·дорогие серверные операционные системы и клиентские лицензии; кроме  того, часто требуется администратор  сети

К достоинствам системы клиент/сервер следует отнести:

·сильную централизованную защиту;

·центральное хранилище  файлов;

·возможность совместного  использования серверами доступного технического и программного обеспечения;

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

 

2.2Технологии, работающие  на стороне клиента

 

.2.1 HTML(от англ. Hypertext Markup Language - "язык разметки гипертекста") - это стандартный язык разметки документов во Всемирной паутине. Все веб-страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, удобном для человека. HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых "тегами"), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

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

Язык HTML позволяет размечать  текст. В том числе вы можете: сделать текст жирным, курсивным или подчёркнутым; вставить специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т.п.); поменять цвет шрифта; выровнять текст по центру, левому/правому краю, по ширине; оформить текст как гиперссылку на другую страницу или файл; нарисовать таблицу.

Позже, когда появилась  необходимость интерактивности  веб-страниц, в HTML появились формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl). Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы и др.), так и внешними приложениями, "встраиваевыми" в окно браузера (Flash-анимация, Java-апплеты и прочее).

 

.2.2 XHTML(EXtensible HyperText Markup Language, Расширенный язык разметки гипертекста) предназначен для замены HTML и считается его более строгой версией.[15]

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

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

 

2.2.3 DHTML

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

Для достижения перечисленных  целей используются следующие методы:

·динамическое изменение  атрибутов и стилей элементов, составляющих HTML-документ;

·динамическое извлечение данных из внешних источников и включение  их в Веб-страницу;

·использование динамически  загружаемых шрифтов;

·поддержка визуальных и  мультимедийных эффектов при отображении страниц;

·механизмы сохранения информации на компьютере-клиенте между сессиями работы.

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

Преимущества DHTML:

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

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

·Уменьшение трафика. Одна из основных особенностей DHTML состоит  в том, что он переносит основную тяжесть по формированию Веб-страниц с сервера на клиента. Платой за это является загрузка с сервера сценариев и программных компонентов, которые при правильном проектировании незначительны по объему.

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

Минусы DHTML:

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

·С появлением DHTML разработка динамической страницы потребовала  программирования на сценарном языке, владения основами пользовательского  интерфейса и т. п.

 

.2.4 XML

XML (англ. Extensible Markup Language - расширяемый язык разметки) - рекомендованный Консорциумом Всемирной паутины язык разметки, фактически представляющий собой свод общих синтаксических правил. XML - текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки. XML является упрощённым подмножеством языка SGML (Standard Generalized Markup Language).

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

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

 

.2.5 CSS

Впервые идея форматирования HTML-документов с помощью CSS была рекомендована  Консорциумом W3C в 1996 году. Эта рекомендация, которая была обновлена в 1998 году, используется web - разработчиками и по сей день. CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.используется создателями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом.

CSS при отображении страницы  может быть взят из различных источников:

·Авторские стили (информация стилей, предоставляемая автором  страницы) в виде:

• Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.
• Встроенных стилей - блоков CSS внутри самого HTML-документа.
• Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.

·Пользовательские стили

• Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.

·Стиль браузера

• Стандартный стиль, используемый браузером по умолчанию для представления элементов.

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

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

До появления CSS оформление веб-страниц осуществлялось непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления.

Преимущества CSS вёрстки:

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

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

·Простота последующего изменения  дизайна. Не нужно править каждую страницу, а лишь изменить CSS-файл.

·Дополнительные возможности  оформления. Например, с помощью CSS-вёрстки  можно сделать блок текста, который  остальной текст будет обтекать (например, для меню) или сделать  так, чтобы меню было всегда видно  при прокрутке страницы.