Браузеры относятся к ошибкам
Пример 1
Посмотрите на код документа:<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <TITLE>Тестирование<TITLE> </HEAD> <BODY> <P>Этот текст вы не увидите на экране. </BODY> </HTML>Браузеры IE,
NN-6 покажут чистый экран. БраузерNN-4 выведет в левый верхний угол странную загогулину, аNN-3 запишет на экран текст вместе с тегами и совсем уж неожиданными прямоугольниками. Посмотрите.
Неприятность, связанная с примером 1, возникает
Пример 2
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset="windows-1251"> <TITLE>Тестирование</TITLE> </HEAD> <BODY> <P>В NN-3 и NN-4 этот текст непрерывно мерцает. </BODY> </HTML>Браузеры IE,
NN-6 “не замечают” ошибки. У браузеровNN-3 иNN-4 начинается нервный тик. Посмотрите.
Следующий пример связан с использованием пустой табличной клетки.
Пример 3
Кажется, что в этом коде все замечательно:<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <TITLE>Тестирование</TITLE> </HEAD> <BODY> <TABLE border=1> <TR> <TD>1 клетка</TD> <TD> </TD> <TD>3 клетка</TD> </TR> </TABLE> </BODY> </HTML>Но браузеры, словно сговорились! Ни один из них не показывают клетку с пробелом. Посмотрите.
Приходится записывать так:
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <TITLE>Тестирование</TITLE> </HEAD> <BODY> <TABLE border=1> <TR> <TD>1 клетка</TD> <TD> </TD> <TD>3 клетка</TD> </TR> </TABLE> </BODY> </HTML>Теперь все браузеры довольны.
Давайте попробуем “забыть” закрыть табличный тег.
Пример 4
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <TITLE>Тестирование</TITLE> </HEAD> <BODY> <TABLE border=1> <TR> <TD>1 клетка</TD> <TD> </TD> <TD>3 клетка</TD> </TR> </BODY> </HTML>Браузеры IE и
NN-6 показывает таблицупо-прежнему хорошо, а браузерыNN-3 иNN-4 не показывают ее вовсе. Посмотрите.
Поведение браузеров
Приведенные выше примеры наглядно говорят о том, что тестировать
Сайт оценивается по формуле:
B = B1 + B2 + B3 + B4
Здесь Bi — оценки (от 0 до 5 баллов) по следующим категориям:
B1 — дизайн
B2 — HTML-программирование
B3 — содержание
B4 — грамматика
За каждую обнаруженную погрешность проверяющий вычитает из максимального балла (5) число, рекомендованное в списке погрешностей.
| Отсутствие заголовка сайта. | 0.1 |
| Фон, заданный картинкой, на котором текст не читается. | 0.5 |
| Фон, заданный картинкой, на котором “плитки” плохо стыкуются. | 0.1 |
| Цветовая палитра, утомляющая глаз. | 0.5 |
| Слишком большое число цветов. | 0.1 |
| Обилие декоративных элементов, не несущих функциональной нагрузки. | 0.1 |
| Отсутствие выравнивания. | 0.5 |
| Отсутствие единого стиля оформления страниц. | 0.1 |
| Отсутствие навигационных элементов или неудобная навигация. | 0.1 |
| Выделение стилем типичным для ссылок. | 0.1 |
| Многочисленные выделения одного и того же информационного элемента. | 0.1 |
| Слишком большие массивы выделений. | 0.1 |
| Отсутствие анти-алиасинга или анти-алиасинг, не соответствующий фону страницы. | 0.1 |
| Движущиеся и мерцающие надписи. | 0.5 |
| Агрессивная GIF-анимация. | 0.5 |
| Отсутствие alt-значений в информационных иллюстрациях. | 0.1 |
| Разрушение единого информационного элемента при изменении размера окна браузера (например, заголовка, навигационной панели, группы управляющих кнопок). | 0.1 |
| Горизонтальная протяжка в окне 640x480. | 0.1 |
| Более двух разных шрифтов (гарнитур). | 0.1 |
| Прижатость элементов друг к другу. | 0.1 |
| Сайт, издающий звуки. | 0.5 |
| Сайт, построенный на фреймах. | 0.1 |
| Страницы по загрузочному размеру большие 36k | 0.5 |
| Использование дефиса вместо тире, дюймов место кавычек, буквы N вместо номера. | 0.1 |
| Неработающая ссылка или картинка. | 0.1 |
| “Хвостатая” ссылка. | 0.1 |
| Другие погрешности. |
| Отсутствие тега TITLE. | 0.5 |
| Отсутствие одного из атрибутов bgcolor, text, link, alink, vlink в теге BODY. | 0.5 |
| Отсутствие лесенки на теговом каркасе. | 0.5 |
| Нарушение правил читаемости (должно быть: название тегов заглавными буквами, названия атрибутов и их значений — малыми). | 0.5 |
| Строки длиннее 80 символов. | 0.5 |
| Нарушение вложенности тегов, отсутствие обязательных закрывающих тегов, неверные названия тегов, атрибутов и их значений. | 0.5 |
| Лишние теги, фрагменты, которые можно исключить из программы без изменения внешнего вида документа и функционирования приложения. | 0.5 |
| Не указаны атрибуты width и height в теге IMG. | 0.5 |
| Не оптимизированная графика, неверные значения атрибутов width, height. | 0.5 |
| Отсутствие указаний alt="" во вспомогательной графике. | 0.5 |
| Программирование шрифта при помощи атрибута face тега FONT. | 0.5 |
| Другие ошибки. |
Работа полностью забраковывается, если содержит:
| Содержание не соответствует теме сайта. | 1.0 |
| Отсутствует раздел “ссылки”. | 1.0 |
| Авторский материал без ссылок на автора. | 1.0 |
| Погрешности стиля. | 0.5 |
| Неудачная структура сайта. | 0.5 |
| Неудачный подбор материала. | 0.5 |
| Слишком длинные ссылки, многословные невыразительные разделы меню. | 0.5 |
| Другие ошибки. |
| Точки в коротких заголовках (а длинных заголовков быть не должно). | 1.0 |
| Неверное употребление пробелов со знаками препинания. | 1.0 |
| Отсутствие пробела после знаков препинания. | 1.0 |
| Другие грамматические ошибки. | 1.0 |
Приведенные критерии носят, конечно, учебный характер (они использовались в роботландских конкурсах; оценки за “дизайн” и “HTML-программирование” шли с двойным весом). Однако, представляется разумным вооружить ими любых начинающих тестеров.
![[содержание]](pic/home.gif){kind=small}
![[советы]](pic/point.gif){kind=small}
![[авторское право]](pic/left.gif){kind=small}
![[специальные символы]](pic/right.gif){kind=small}
Иван Сидоров
kurs@robotland.botik.ru