ПРАКТИЧНЕ ЗАНЯТТЯ WEB-0105

Тема практичного заняття: «Форми HTML»

Кількість годин – 2.

Мета практичного заняття: Узагальнити відомості про текстову розмітку HTML.

План практичного заняття.

1. Форми HTML [2, 185-213].

1. Теги опису форм і елементів форм.

2. Базові контейнери div і span.

3. Валідація даних у формах

2. Валідація HTML [3; 4].

   1. Рекомендації щодо створення доступних сайтів

3. Тестування доступності [1, 1036-1058; 3; 4]

   1. Засоби тестування у Microsoft Expression Studio 3, Adobe Dreamveawer та ін.

Література:

1. Ловери Джозеф. Dreamweaver MX. Библия пользователя. :Пер. с англ. – М. : Издательский дом «Вильямс», 2003. – 1296 с.

2. Полонская Е.Л. Язык HTML. Самоучитель. : - М.: Издательский дом «Вильямс», 2003. – 320 с.

Вступ

При створенні Web-сайту доступність – створення Web-сайту доступним для всіх, незалежно від їх можливостей чи фізичних обмежень - завжди повинна бути першочерговим завданням. До цих пір в цьому курсі доступність завжди неявно присутня в усіх розглянутих прикладах, навіть якщо ви про це не здогадувалися. У даній статті доступність буде розглянута в явному вигляді, щоб ви могли зрозуміти, що це таке, чому це важливо, як забезпечити доступність сайтів, і які існують рекомендації для створення доступних сайтів.

Зміст:

• Що таке доступність?

• Чому важлива доступність?

  • Вимоги закону про доступність

  • Потенційні ринки

  • Пошукові системи

  • Етика та брендінг

• Проектування з урахуванням доступності

• Вимоги взаємодії

• Властивості доступною Web-сторінки

  • Семантична структура

  • Альтернативний контент

  • Визначення взаємодії

• Стандарти доступності

  • Рекомендації щодо доступності контенту Web 1.0

  • Рекомендації щодо доступності контенту Web 2.0

  • Section 508

  • Інші стандарти

Перш ніж переходити до спеціального розгляду доступності в Web, давайте почнемо з розгляду доступності в загальних термінах - врешті-решт, доступність не є проблемою, пов'язаною тільки з Web-сайтами, це потенційна проблема будь-якої служби, об'єкта або технології, з якими можна зіткнутися в життя.

Відзначимо, що пов'язаної темою для вивчення є WAI ARIA (http://www.w3.org/WAI/intro/aria) – ініціатива по створенню Доступних розвинених додатків Web організації Web Accessibility Initiative, яка є по суті методологією, що дозволяє створювати більш доступні додатки, що використовують Ajax / JavaScript. Вступна стаття про ARIA знаходиться на сайті http://dev.opera.com.

Що таке доступність?

Доступність є простою річчю, філософією, хоча в деяких країнах вона є також частиною закону.

Доступність розглядає рівноцінними всіх, незалежно від їх можливостей. Більшість дискусій про доступність перш за все говорить про обмежені можливості. Це передбачає, що люди з обмеженими можливостями заслуговують спеціального звернення. Доступність говорить не про це – це насправді ознака того, як люди традиційно створюють будівлі, Web-сайти, і фактично майже все інше у своєму житті.

Коли речі створюються з припущенням, що всі люди схожі один на одного, то вони завжди будуть невідповідними для деяких людей. Люди припускають, що доступність полягає в допомозі людям з фізичними вадами, тому що модернізована доступність цілком очевидна в нашому суспільстві. Наприклад, багато будівель, які починали своє існування, маючи тільки сходинки, раптово породили дешеві потворні пандуси. Проте, доступність давно розглядається як властивість при проектуванні виробів військового призначення. Чому? Тому що це часто є критично важливим для виживання – при великих перевантаженнях пілоти реактивних літаків не можуть робити ті самі речі, що вони можуть робити на землі. Якби конструктори літаків не враховували потреби пілотів при високій і низькій гравітації, то тоді було б, напевно, значно більше розбитих літаків.

Що це означає для розробників Web-сайтів? Короткий відповідь полягає в тому, що необхідно намагатися краще пізнати потреби всієї аудиторії, яка може відвідати ваш сайт. Більш довгий відповідь може вимагати деякого вивчення різних рівнів можливостей, які можуть мати люди, і як вони використовують комп'ютери. Застосовуючи методи, описані в цьому посібнику та інших пов'язаних статтях, можна створювати сайти, які працюють з багатьма формами взаємодії. Створювані Web-сайти будуть доступні користувачам, які:

• Чи є сліпими або зі значними вадами зору, і прослуховують Web-сайти за допомогою зчитувачів екрану, або сприймають їх на дисплеї Брайля.

• Чи є короткозорими, і збільшують зображення до шрифту розміром 200%.

• Мають рухові недоліки, і тому не можуть використовувати руки для управління мишею, і змушені використовувати джойстик для управління клавіатурою, або спеціальний пристрій вказівки за допомогою очей для керування Web-сайтом.

• Використовують кульової покажчик, або інші більш незвичайні типи систем управління комп'ютером.

Не турбуйтеся про специфічні особливості цих взаємодій – ми розглянемо їх послідовно надалі.

Чому важлива доступність?

Доступність важливо по одній великій причини і цілому безлічі маленьких. Основна причина полягає в тому, що ми всі різні, і, тим не менш, ми всі маємо рівне право використовувати Web-сайти, але існує безліч інших причин, чому необхідно зробити міркування доступності частиною того, як створюється Web-сайт:

• У деяких країнах цього вимагає закон.

• Ви не хотіли б позбавити потенційних замовників/відвідувачів можливості використовувати сайт.

• Доступні сайти в пошукових системах зазвичай ранжуються вище.

• Ви демонструєте високі етичні принципи – що оцінять деякі замовники.

• Коли ви створюєте Web-сайт у відповідності зі стандартами Web, навряд чи будуть потрібні будь-які додаткові зусилля, щоб зробити його доступним, що надає так багато переваг; існує також безліч перетинів між сайтами, які є більш доступними, і сайтами, які більш сумісні з браузерами мобільних телефонів – ще одна обставина, яка ускладнює використання Web-сайтів, хоча з інших причин. Фактично була виконана деяка робота з аналізу зв'язків між доступністю в Web і існуючими методами розробки в Web для мобільних пристроїв – додаткова інформація на сторінці WAI "Доступність контенту Web і мобільний доступ до Web" (http://www.w3.org/WAI/ mobile /).

• Методи, які допомагають людям з фізичними вадами, будуть корисні всім користувачам.