Обоснование выбора средств разработки

При разработке сайта «ООО Центр информатизации» использовалось два языка программирования HTML и каскадные таблицы стилей CSS. Так как они являются самыми популярными и распространенными. Для украшения сайта добавлены несколько анимированных изображений

HTML – это язык гипертекстовой разметки текста. Гипертекстовым HTML называется потому, что с его помощью на странице можно устанавливать ссылки на все прочие web-документы.

Языком разметки он зовется потому, что в его прямые функции входит размещение элементов на странице. Основное предназначение HTML состоит в разработке статических веб-страниц.

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

Отчасти это связано с тем, что язык гипертекстовой разметки очень просто осваивается за весьма непродолжительное время.

HTML считается самым демократичным языком, так как он оптимальным образом поддерживается и интерпретируется Интернет-проводниками.

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

Кроме того, HTML никогда не стоит на месте в плане развития, без конца появляются новые версии, которую позволяют оптимизировать и облегчить работу, улучшая при этом общую картину конечного результата. Последняя версия HTML – это HTML 5.

Если рассматривать эту версию в отдельности, то можно выявить следующие плюсы:

Синтаксис: HTML 5 имеет два синтаксиса - "custom" HTML и XML. HTML синтаксис определяет детализированные правила синтаксического анализа (включая "обработку ошибок").

XML синтаксис совместим с документами XHTML1 и его реализациями. Чтобы использовать этот синтаксис нужно объявить MIME тип XML, а элементы должны быть выстроены согласно спецификации XML.

Для синтаксиса HTML разработчики могут использовать три способа установки кодировки: - на транспортном уровне. При использовании Content-Type HTTP заголовка, например. - используя символ Unicode Byte Order Mark (BOM) в начале файла. Этот символ обеспечивает сигнатуру используемого кодирования. - используя мета тег с атрибутом charset, который должен быть определен как первый дочерний элемент head.

<meta charset="UTF-8">

вместо

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Новые элементы

section представляет часть документа или раздел

article представляет независимую часть содержания для включения в документ статей

aside представляет часть содержания, которая только частично связана с остальной страницей

header представляет заголовок section

footer - нижний колонтитул, может содержать информацию об авторе, авторском праве и так далее

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

dialog может использоваться для выделения диалогов:

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

embed используется для контента plugin'ов.

meter - для представления единиц измерений.

time - дата и/или время.

canvas используется для динамической отрисовки графики.

command представляет команду, которую может вызвать пользователь.

datagrid - интерактивное представление списка типа "дерево" или табличных данных.

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

datalist вместе с новым атрибутом list используется чтобы сделать combobox:

Новые атрибуты

HTML 5 вводит несколько новых атрибутов для элементов, которые уже входили в HTML 4:

элементы a и area получили новый признак ping, который определяет список URI адресов, которые должны пропинговаться при переходе по гиперссылке.

Появились также несколько новых глобальных атрибутов:

атрибут contenteditable указывает, что элемент доступен для редактирования

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

draggable может использоваться вместе с новым drag&drop API

irrelevant указывает, что элемент еще или больше не актуален

Атрибуты для модели повторения (repetition model):

repeat

repeat-start

repeat-min

repeat-max

Главные преимущества CSS:

1. Более чистый код

2. Этот код легче поддерживать

3. Он быстрее загружается

4. Он лучше оптимизирован для поисковых систем

5. Правила стиля могут применяться ко множеству страниц

6. Единообразный дизайн

7. Код легче поддерживать

8. Точность контроля (позиционирование, размер, поля и др.)

9. Разделение труда

10. Теги больше не используются не по назначению (например, <blockquote> для форматирования)

Дата добавления: 2015-08-31