Составляющие веб-документа

Федеральное бюджетное государственное образовательное учреждение

Высшего профессионального образования

«ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ УПРАВЛЕНИЯ»

ИНСТИТУТ ИНФОРМАЦИОННЫХ СИСТЕМ УПРАВЛЕНИЯ

Кафедра информационных систем

Специальность: «Прикладная информатика»

КУРСОВАЯ РАБОТА

 

«Современные веб-стандарты»

 

По дисциплине «Стандартизация и сертификация информационных систем»

 

Проверил: Выполнили:

Бакст Л. А. Сорокина Ю. С.

Хуснетдинова В. Р.

Москва 2012

Оглавление

Введение. 3

Актуальность темы.. 3

Цель работы.. 3

Методы.. 4

1 Основная часть. 5

1.1 Что такое веб-стандарты?. 5

1.1.1 Составляющие веб-документа. 5

1.1.2 Семантичность. 6

1.1.3 Валидность. 6

1.2 Применение веб-стандартов. 8

1.3 Различия современных веб-стандартов. 10

1.3.1 HTML и XHTML.. 10

1.3.2 CSS. 11

1.3.3 JavaScript 11

1.4 Важнейшие аспекты концепции веб-стандартов. 12

1.4.1 Семантика. 12

1.4.2 Валидность. 13

1.5 Положительные следствия использования веб-стандартов. 15

1.5.1 Ускорение загрузки веб-страниц. 16

1.5.2 Облегчение машинной обработки. 16

1.5.3 Бо́льшая гибкость в отношении различных сред и устройств. 17

1.5.4 Лучшая доступность для пользователей с ограниченными возможностями. 17

1.5.5 Доступность контента для пользователей устаревших браузеров. 18

1.5.6 Гарантированная совместимость верстки с современными браузерами и последующими их версиями. 19

1.5.7 Облегчение процесса разработки сайтов. 19

2 Практическая часть. 20

2.1 Как проверить сайт на соответствие стандартам?. 20

2.2 Соответствие современных сайтов стандартам.. 20

Заключение. 26

http://appledu.ru/library/web-development-new-edu. 30

 

Введение

Актуальность темы

Разработка web-страниц - это один из наиболее востребованных разделов современных информационных технологий. Она призвана обеспечивать наиболее эффективное использование Интернет-ресурсов.

Прежде разработчики редко заботились об использовании веб-стандартов при создании сайтов. Основной проблемой тогда была неприменимость данного подхода в связи с отсутствием программ, обеспечивающих адаптацию и правильное отображение веб-страниц в различных системах. На сегодняшний день практически во всех браузерах для Windows, Linux, Mac OS X (MS InternetExplorer 6+, Netscape 6+, Opera 7+, Firefox, Safari, Konqueror, Galeon и др.) достаточно хорошо реализованы web-стандарты. Это побуждает разработчиков веб-страниц применять технологии веб-стандартов.

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

Цель работы

 

Цeлью рaбoты cтaлo выявлeниe ocoбeннocтeй современных веб-стандартов. Для дocтижeния пocтaвлeннoй цeли нaм прeдcтoялo рeшить cлeдующиe взaимocвязaнныe зaдaчи:

· рaccмoтрeть функции и виды современных веб-стандартов;

· выявить особенности подхода в использовании веб-стандартов и его преимущества;

· прoaнaлизирoвaть, используются ли веб-стандарты известнейшими сайтами и браузерами;

· прoaнaлизирoвaть, используются ли веб-стандарты известнейшими сайтами и браузерами в России;

· oпрeдeлить ocнoвныe нaпрaвлeния и тeндeнции рaзвития и использования веб-стандартов.

 

Методы

Лoгикa иccлeдoвaния oбуcлoвилa cтруктуру рaбoты, cocтoящeй из ввeдeния,

Основная часть

1.1 Что такое веб-стандарты?

Давайте подробнее рассмотрим понятие веб-стандартов.

Веб-стандарты – это открытые, незащищенные какими-либо патентами спецификации и рекомендации W3C.

W3C – Консорциум Всемирной паутины (World Wide Web Consortium) – организация, разрабатывающая и внедряющая технологические стандарты для сети Интернет.

Спецификации W3C (за исключением редких частных случаев) не обладают статусом стандартов ISO или ГОСТ. Они необязательны к исполнению. Их несоблюдение не может повлечь за собой какие бы то ни было санкции в отношении веб-разработчиков или производителей браузеров со стороны гипотетических контролирующих органов — штрафы, отзывы лицензий, запреты на размещение в сети и тому подобное.

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

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

Можно сказать, что философия современных веб-стандартов основывается на трех китах:

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

· семантичности разметки;

· валидности кода разметки и синтаксической корректности кода таблиц стилей и скриптов клиентской стороны.

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

Составляющие веб-документа

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

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

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

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

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

Если говорить о конкретных технологиях, то для структурирования контента веб-страниц в современном мире используется HTML, за управление представлением отвечает CSS, а задачи управления поведением возложены на JavaScript.

Семантичность

Семантика в языкознании — это значение, смысл слова, речевого оборота, грамматической формы. Семантическая разметка — это, в широком смысле, внимательное отношение к смысловой нагрузке тех или иных структурных единиц при написании кода. Базовый уровень семантики — использование структурных элементов HTML строго по назначению. Следующий, более тонкий уровень — грамотное именование классов и идентификаторов элементов, использующихся в CSS-коде, сообразно их смысловой нагрузке, но никак не особенностям визуального представления. Еще более высокий уровень — использование сверх основной HTML-разметки каких-либо дополнительных метаданных, облегчающих возможную машинную обработку контента (примеры средств реализации — микроформаты, Microdata и RDFa).

Валидность

Валидность — соответствие кода формальным требованиям спецификаций. В идеале необходимо стремиться доводить код до полностью валидного состояния. Валидность труднее обеспечить, если речь заходит об экспериментальных технологиях (например, HTML5 и CSS3). Общепринятой можно признать практику стремиться достигать абсолютной валидности кода разметки, а к таблицам стилей относиться более либерально, ограничиваясь обеспечением их синтаксической корректности. «Фундамент» HTML5 — словарь и грамматика языка разметки — относительно небольшая часть всей спецификации, которая уже в деталях проработана и не будет претерпевать принципиальных изменений. Многие свойства и значения, предусматриваемые в CSS3, разработчики пока вынуждены применять с вендорными префиксами, что автоматически делает таблицы стилей невалидными. Можно отметить, что валидность кода разметки куда как более важна, чем валидность таблиц стилей, ибо код разметки описывает самоценную сущность — структурированное содержание, а код таблиц стилей — всего лишь представление, которое не может существовать без содержания, и вариантов которого для одного и того же содержания теоретически может быть бесконечно много.

Применение веб-стандартов

Современные web-стандарты позволяют разделить структуру документа, его оформление и поведение. За структуру отвечает XHTML или HTML (XHTML — eXtensibleHyperTextMarkupLanguage — расширенный язык разметки гипертекста). Внешний вид описывается на языке CSS (CSS — CascadingStyleSheets — каскадные таблицы стилей). «Оживить» же страницу позволяет JavaScript, обращающийся к ее отдельным элементам в соответствии с DOM (DOM — DocumentObjectModel — объектная модель документа). JavaScript (под именем ECMAScript) был стандартизован Европейской ассоциацией по стандартизации информационных и вычислительных систем (ранее называвшейся Европейской ассоциацией производителей компьютеров — ECMA); XHTML, CSS, DOM являются рекомендациями (фактически, тоже стандартами) Консорциума World-WideWeb (W3C).

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

Можно сверстать страницу, которая будет проходить проверку валидатором на соответствие спецификации XHTML 1.0 Transitional, но при этом код не будет иметь ничего общего с версткой не то что хорошего, но даже минимально приемлемого уровня.

Впрочем, сказанное справедливо даже для XHTML 1.0 Strict и HTML5 — свободы там ощутимо меньше, но ее все равно более чем достаточно. Не применяйте тегов <h1>…<h6> для обособления заголовков; отделяйте абзацы текста друг от друга тегом <br>, не используя для этих целей элементы <p>; горизонтальные отступы создавайте при помощи последовательностей из множества неразрывных пробелов; вставляйте картинки, не являющиеся частью контента, а служащие декоративными элементами, всегда при помощи тега <img> вместо того, чтобы делать их фоновыми рисунками; старайтесь как можно чаще использовать inline-стили — и цель будет достигнута. Любой приверженец веб-стандартов с не слишком крепкими нервами упадет в обморок от вашего кода.

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

Сегодня, в период, который увлеченные натуры называют эпохой Web 2.0, эта проблема особенно актуальна в связи с тем, что «автономные» сайты почти вымерли — все вокруг считают священным долгом понавешать себе на страницы всякие счетчики, виджеты социальных сетей, разнообразные информеры, рекламные блоки… И, мягко говоря, далеко не все эти произведения сторонних разработчиков идеальны. А перфекционистов, готовых пожертвовать каким-нибудь красивым виджетом в пользу абсолютного совершенства верстки, — единицы.