Веб-стандарты Подготовили Сорокина Юлия Хуснетдинова Венера

Веб-стандарты { Подготовили: Сорокина Юлия Хуснетдинова Венера

Объект исследования - современные веб-стандарты, применяемые при создании сайтов, а также в браузерах. Предмет исследования – философия, а также функции и область применения современных веб-стандартов.

Цели и задачи работы Цель проведенного исследования: Выявлeниe ocoбeннocтeй современных веб-стандартов. В ходе работы мы ставили перед собой следующие задачи: Рaccмoтреть функции и виды современных вебстандартов; Выявить особенности и преимущества подхода использования веб-стандартов; Прoaнaлизирoвaть степень использования вебстандартов в мире; Прoaнaлизирoвaть степень использования вебстандартов в России; Oпрeдeлить нaпрaвлeния и тeндeнции рaзвития и использования веб-стандартов.

Всемирная паутина (World. Wide. Web) — распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету. Веб-стандарты – это открытые, незащищенные какими-либо патентами спецификации и рекомендации W 3 C и других организаций. Веб-стандарты не обладают статусом стандартов ISO или ГОСТ. Они необязательны к исполнению.

Рекомендации, опубликованные Консорциумом World Wide Web (W 3 C) Стандарты интернета (STD) - документы, опубликованные Internet Engineering Task Force (IETF) Запросы на комментарии (Requestfor Comments - RFC) - документы, опубликованные Internet Engineering Task Force (IETF) Стандарты, опубликованные Международной организацией по стандартизации (ISO) Стандарты, опубликованные Ecma International Стандарты Unicode и различные стандарты технических отчетов Unicode (UTRs), опубликованные Unicode Consortium Наименование и номер реестра, поддерживаемые Internet Assigned Numbers Authority (IANA) Классификация веб-стандартов

Многообразие веб-стандартов

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

Современные web-стандарты позволяют разделить структуру документа, его оформление и поведение. За структуру отвечает XHTML или HTML. Внешний вид описывается на языке CSS. «Оживить» же страницу позволяет Java. Script, обращающийся к ее отдельным элементам в соответствии с DOM.

Самое главное — использовать XHTML исключительно для структурной разметки документа. С утилитарной точки зрения гораздо полезнее овладевать технологией, нацеленной в будущее (и уже успешно применяющейся), чем тратить время на приобретение заведомо устаревших навыков. Сейчас можно уже говорить о неких единых принципах работы с текстом как при его оформлении в текстовом процессоре (не важно, MS Word, Open. Office или каком-то ином), так и при гипертекстовой разметке.

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

Document Object Model, DOM базируется на представлении документа любой структуры в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут элемента. Связь между узлами построена по принципу "родитель - подчиненные". У корня документа (дерева DOM) родителя нет. У тупикового элемента нет подчиненного (такие элементы абстрактно называются листьями дерева).

Java. Script - это язык управления сценариями просмотра гипертекстовых веб-страниц на стороне клиента. Объекты, доступные сценарию на языке Java. Script: • встроенные объекты исполняющей системы; • объекты среды, в которой исполняется сценарий; • пользовательские объекты, создаваемые сценарием в процессе его выполнения.

Семантика Валидность Кроссбраузерность Фундаментальные аспекты концепции современных веб-стандартов

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

Уровни использования семантики I. II. III. Использование структурных элементов HTML строго по назначению. Грамотное именование классов и идентификаторов элементов, сообразно их смысловой нагрузке. Использование дополнительных метаданных, облегчающих возможную машинную обработку контента.

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

Кроссбраузерность — свойство сайта отображаться и работать во всех популярных браузерах идентично. Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности. Кроссбраузерность

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

Validome W 3 CUnicorn W 3 C Mark. Up Validation Service http: //validator. w 3. org/ W 3 C CSS Validation Service W 3 C Link Checker SP (http: //jclark. com/sp/index. htm) Dr. Watson 5. 02 XML schema validator (http: //schneegans. de/sv/) Web Page Backward Compatibility Viewer Web Page Purifier Robots. txt Checker Сайты валидаторов

http: //validator. w 3. org/unicorn/

Интегральный показатель несоответствия стандартам = число ошибок * 10 + число предупреждений

Практическая часть В исследовании приняли участие следующие сайты: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. http: //ru. wikipedia. org http: //vk. com http: //facebook. com http: //twitter. com http: //www. amalgama-lab. com http: //www. zaycev. net http: //youtube. com http: //www. yandex. ru http: //google. com http: //validator. w 3. org 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. http: //pikabu. ru http: //narod. ru http: //Depositfiles. com http: //Rutracker. org http: //Lenta. ru http: //www. kinopoisk. ru http: //microsoft. com http: //apple. com http: //ozon. ru http: //ebay. com

Адрес Ошибки Предупреждения Интегральный показатель Категория http: //validator. w 3. org 0 0 0 до 250 http: //rutracker. org 1 4 14 до 250 http: //apple. com 2 1 21 до 250 http: //depositfiles. com 7 2 72 до 250 http: //twitter. com 15 1 151 до 250 http: //narod. ru 19 18 208 до 250 http: //google. com 23 4 234 до 250

Предупреждения Интегральный показатель Категория http: //ru. wikipedia. org http: //ozon. ru http: //facebook. com http: //www. yandex. ru http: //youtube. com http: //vk. com http: //microsoft. com Ошибки Адрес 37 2 372 от 250 до 1000 38 50 430 от 250 до 1000 440 от 250 до 1000 43 18 448 от 250 до 1000 56 2 562 от 250 до 1000 50 68 568 от 250 до 1000 28 581 861 от 250 до 1000

Адрес Ошибки Предупреждения Интегральный показатель Категория http: //www. zaycev. net 102 59 1079 более 1000 http: //www. amalgama-lab. com 161 41 1651 более 1000 http: //www. kinopoisk. ru 374 98 3838 более 1000 http: //ebay. com 493 26 4956 более 1000 http: //pikabu. ru 539 107 5497 более 1000 http: //lenta. ru 1212 224 12344 более 1000

Распределение сайтов по категориям до 250 от 250 до 1000 более 1000 http: //validator. w 3. org http: //ru. wikipedia. org http: //www. zaycev. net http: //rutracker. org. http: //ozon. ru http: //www. amalgama-lab. com http: //apple. com http: //facebook. com http: //www. kinopoisk. ru http: //depositfiles. com http: //www. yandex. ru http: //ebay. com http: //twitter. com http: //youtube. com http: //pikabu. ru http: //narod. ru http: //vk. com http: //google. com http: //microsoft. com http: //lenta. ru

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

Спасибо за внимание!