Браузеры относятся к ошибкам
Пример 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-программирование шли с двойным весом). Однако, представляется разумным вооружить ими любых начинающих тестеров.