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

С HTML-разметкой страниц можно ознакомиться в Приложении 3.

3.2.2  Таблицы стилей

Для првлекательности внешнего вида использовались каскадные таблицы стилей CSS3.

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки [15].

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля [15].

Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS (По сути, формат CSS — это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним) [15]. Если таблицы стилей описаны в отдельном файле, он должен быть подключен к файлу с html-разметкой.

Описание правил выглядит следующим образом: селектор, расположенный в левой части правила, определяет, на какие части документа распространяется правило. Блок объявлений располагается в правой части правила. Он помещается в фигурные скобки, и, в свою очередь, состоит из одного или более объявлений, разделённых знаком «;». Каждое объявление представляет собой сочетание свойства CSS и значения, разделённых знаком ": ". Селекторы могут группироваться в одной строке через запятую. В таком случае свойство применяется к каждому из них [15].

селектор, селектор {

свойство: значение;

свойство: значение;

свойство: значение;

}

CSS поддерживает несколько видов селекторов [15]:

Ø универсальный селектор (*)

Ø селектор элементов (div)

Ø селектор классов (.note)

Ø селектор идентификаторов (#nav)

Ø селектор атрибутов (a[href=”ссылка”])

Ø селектор потомков (div#nav p.note)

Ø селектор дочерних элементов (#nav>p)

Ø селектор сестринских элементов (h1 + p)

Ø селектор псевдоклассов (a:hover)

Ø селектор псевдоэлементов (p::first-letter)

В данном проекте каскадные таблицы стилей описаны в файле style.css, который находится в подкаталоге /css относительно корня сайта. Логически данный файл можно разбить на несколько частей.

·  Общее описание документа.

·  Стили скрытого меню.

·  Стили «шапки» сайта.

·  Стили основного меню.

·  Стили основной части сайта.

·  Стили личного кабинета.

·  Стили меню личного кабинета.

·  Стили страниц регистрации и авторизации.

·  Стили «футера».

Полный текст CSS файла можно посмотреть в Приложении Г.

3.2.3  Средства JavaScript

JavaScript — прототипно-ориентированный сценарный язык программирования. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам [16].

Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса [16].