рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Обеспечение доступности Web-страницы

Работа сделанна в 2001 году

Обеспечение доступности Web-страницы - Дипломная Работа, раздел Программирование, - 2001 год - Проектирование и создание современного Web-сайта Обеспечение Доступности Web-Страницы. При Разработке Web-Страницы Фиксированн...

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

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

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают. Все большее число разработчиков считает стандартным разрешение 800x600. И совсем единицы разрабатывают страницы для еще более высоких разрешений.

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

Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative WAI , которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут или не могут создать Web-сайты в соответствии с поставленными задачами. Пользователи с ограниченными возможностями зрения могут использовать специальные устройства для увеличения изображения, находящегося на экране.

В этом случае к дизайну не предъявляется никаких специальных требований. Многие люди с проблемами зрения используют текстовые браузеры такие как Lynx вместе с программным обеспечением, которое громко читает содержимое страницы. В любом случае основное внимание уделяется структуре документа и его тексту. Графическое содержимое может быть просто утеряно. Средства HTML 4.0. Спецификация HTML 4.0 вводит ряд новых атрибутов и тегов, созданных специально для того, чтобы сделать Web-документы доступными для более широкого круга пользователей.

Кратко перечислим некоторые новые возможности HTML 4.0. Расширенный список возможностей размещен на сайте http www.w3.org WAI References HTML4-access, а полные спецификации данной версии - на сайте http www.w3.org TR REC-html40 . HTML 4.0 предлагает следующие новые возможности, обеспечивающие доступность - дальнейшее разделение структуры документа и его внешнего представления. Информацию о стиле HTML 4.0 предлагает размещать в каскадных таблицах стилей - навигационная помощь, например, клавиши доступа и индексирование порядка табуляции для доступа к элементам страницы с использованием только клавиатуры - рекомендации, касающиеся новой клиентской карты-изображения, объединяющей графические и текстовые ссылки - новые теги abbr и acronym, которые помогают речевым и другим устройствам интерпретировать аббревиатуры и акронимы - возможность логически группировать строки и столбцы таблиц, снабжать их заголовками, резюме и длинными описаниями содержимого, облегчая интерпретацию таблиц - возможность группировать элементы управления формами и создавать длинные списки выбора, более ясные для восприятия.

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

Атрибут alt теперь обязателен для тега img. Чтобы обеспечить связь с более длинными текстовыми пояснениями к изображениям, введен атрибут longdesc.

Для добавления информации о любом элементе, можно использовать атрибут title. Средства CSS. Каскадные таблицы стилей или CSS от английского Cascading Style Sheets являются следствием дальнейшего развития HTML и дают нам возможность перейти на следующий уровень представления информации. Таблицы стилей позволяют разделить смысловое содержимое странички и его оформление. В первых версиях стандарта HTML не было предусмотрено никаких средств для управления внешним видом информации.

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

Вначале Netscape добавил улучшенные теги, которые позволили более широко управлять внешним видом представляемой информации. Нововведение прижилось, и все расширения Netscape стали стандартом de facto. Потом точно также поступила Microsoft. Когда спохватились, то HTML представлял собой ужасную смесь логических и оформительских тегов, несовместимых расширений и полностью перестал отвечать первоначальной концепции - представлять информацию на любом устройстве независимо от его характеристик по выводу информации.

Тогда была предпринята широкомасштабная стандартизация. В результате чего на свет явился стандарт HTML 3.2. Он не был революционным, а лишь расставил по местам все нововведения и выработал общие рекомендации для производителей браузеров. Революционные изменения были введены в новом стандарте - HTML 4.0 или, как его стали называть, Dynamic HTML. В обращение были введены слои, таблицы стилей и универсальная объектная модель браузера. В новом стандарте попытались вернуться к истокам концепции HTML. Четвертая версия, как и первая, рекомендует создавать странички таким образом, чтобы они могли быть воспроизведены на любом устройстве - будь это 21 дисплей или маленький черно-белый экран сотового телефона.

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

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

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

Разумеется, это верно лишь в том случае, если первоначально сайт был спроектирован верно. CSS2 Cascading Style Sheets, Level 2 - самая последняя рекомендация по каскадным таблицам стилей, предоставляет механизмы для улучшенной интерпретации страниц неграфическими и не визуальными устройствами. Усовершенствования включают - механизмы, с помощью которых созданная пользователем таблица стилей может заменить все таблицы стилей более высоких уровней в каскаде. Это дает конечному пользователю возможность полностью управлять отображением.

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

Теги HTML можно использовать для логической структуризации документа, делая его более простым для интерпретации не визуальными посредниками - средства управления для звукового вывода доставленной по Web информации - улучшенные средства навигации, такие как цифровые маркеры, которые можно добавлять в документ в целях ориентации. Источники разработки доступных страниц 1 . Официальный сайт WAI. На нем есть ряд полезных ссылок к источникам, связанным с проблемой доступности http www.w3.org WAI . 2 .Очень хороший источник статей и руководств для авторов HTML расположен на сайте Фонда слепых Юрия Рубинского, который является своеобразным оружием борьбы за права инвалидов на расширенный доступ к технологиям http www.уun.org Webable . 1.4.

– Конец работы –

Эта тема принадлежит разделу:

Проектирование и создание современного Web-сайта

Internet превращается из большой игрушки для интеллектуалов в полноценный источник разнообразной полезной информации для любой категории… Через десять лет, по прогнозам специалистов, около 50 процентов семей… Телевидение и радиоприемники не будут заменены компьютерами, но будут иметь мощный процессор, большую память и…

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Обеспечение доступности Web-страницы

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Web-дизайн и браузеры
Web-дизайн и браузеры. Многие Web-дизайнеры сходятся во мнении, что одна из главных проблем Web-дизайна - многообразие браузеров и платформ, каждая из которых по-разному поддерживает HTML и сценари

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

Представление графики на Web-страницах
Представление графики на Web-страницах. На данный момент почти все изображения в Web, представлены в двух форматах GIF и JPEG. Третий соперник, заслуживающий упоминания, формат PNG, борется за подд

ОСНОВНЫЕ ПРАВИЛА И ЭТАПЫ СОЗДАНИЕ САЙТА
ОСНОВНЫЕ ПРАВИЛА И ЭТАПЫ СОЗДАНИЕ САЙТА. Принятие правильного решения о выборе браузеров и использовании новых технологий во многом зависит от выбранной аудитории пользователей. Прежде чем разрабат

Влияние дисплеев на Web-дизайн
Влияние дисплеев на Web-дизайн. Каким образом множество типов дисплеев и условий просмотра влияет на принятие решений при разработке страницы? Большая часть вашей аудитории различает дисплеи лишь п

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

Альтернативные дисплеи
Альтернативные дисплеи. Теперь Web предназначен не только для персональных компьютеров. Web-браузеры уверенно входят в жилые комнаты, портфели и машины в виде WebTV, карманных PDA-устройств и даже

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

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

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги