Главная / Школа / Введение в стандарты Web

Введение в стандарты Web - ответы на тесты Интуит

Правильные ответы выделены зелёным цветом.
Все ответы: Этот курс по стандартам Web, состоящий из отдельных лекций, доступен почти любому, кто хочет изучить Web-дизайн на основе стандартов Web с самого начала.

Смотрите также:

Интернет-технологии

Программирование

На начальных этапах создания сайта необходимо:

(1) рассмотреть всю совокупность информации, которая будет находиться на сайте

(2) продумать, как разбить всю совокупность информации, которая будет находиться на сайте, на отдельные части

(3) представить, как части контента сайта должны быть связаны друг с другом

(4) обеспечить рекламу и посещаемость сайта

Что означает термин "агент пользователя"?

(1) рекламное агенство, продвигающее продукт компании на рынке

(2) юрист, защищающий интересы компании

(3) любой программный продукт, который используется для доступа к страницам Web от имени пользователя

Сколько уровней заголовков определяет HTML?

(1) 4

(2) 6

(3) 7

Элемент table нужен для того, чтобы:

(1) указать браузеру на вставку цитаты

(2) указать браузеру на начало нумерованного списка

(3) указать браузеру на вставку таблицы

Элемент div предоставляет возможность:

(1) сгруппировать контент, создавая контейнер вокруг группы элементов блочного уровня

(2) добавить дополнительную информацию вокруг контента

(3) добавить документу новое семантическое значение

Элементы link:

(1) описывают отношения между несколькими документами

(2) позволяют соединиться либо с другим документом, либо с определенным разделом текущего документа

(3) определяют, какие элементы и атрибуты допустимо использовать в определенной разновидности HTML

Проверка страниц HTML на соответствие правилам называется:

(1) идентификация

(2) верификация

(3) валидация

Почему доступность давно рассматривается как свойство при проектировании изделий военного назначения?

(1) потому что это часто является критически важным для выживания

(2) чтобы дать возможность их комфортного применения для высших чинов

(3) чтобы любой новичок мог их использовать

Что такое "юзабилити"?

(1) удобство использования чего-либо

(2) быстрота нахождения информации

(3) юридическая защищенность

Для чего используются каскадные таблицы стилей (CSS)?

(1) для оформления HTML

(2) для размещения HTML на Web-странице

(3) для определения функции элементов

В чем заключается механизм наследования в CSS?

(1) в том, что определенные свойства передаются от элемента предка его элементам потомкам

(2) в том, что определенные свойства передаются от элемента потомка его элементам предкам

(3) в том, что конфликтующие правила переопределяют друг друга

Какие параметры относятся к характеристикам удобочитаемости?

(1) длина строки

(2) пространство между столбцами текста и расстояние между строками

(3) выравнивание

Какие элементы не принимают значения полей?

(1) все строковые элементы

(2) все изображения

(3) все строковые элементы, за исключением изображений

Какую функцию выполняет свойство background-position?

(1) указывает путь доступа или URL фонового изображения

(2) сообщает браузеру, где разместить фоновое изображение

(3) задает поведение фонового изображения, когда пользователь выполняет прокрутку

Какое свойство определяет форму маркера или способ нумерации?

(1) list-position

(2) list-style-type

(3) list-item

(4) list-style-image

Отметьте ключевые структурные элементы таблиц:

(1) заголовки столбцов таблицы

(2) строки таблицы

(3) столбцы таблицы

(4) ячейки данных таблицы

(5) заголовок таблицы

Для каких целей используются плавающие элементы?

(1) для создания обтекаемых текстом элементов

(2) для абсолютного позиционирования элементов на странице

(3) для создания много-столбцовых компоновок

Какие значения может иметь свойство position?

(1) static

(2) center

(3) relative

(4) absolute

(5) bottom

(6) fixed

(7) inherit

Как расположены в потоке документа абсолютно позиционированные элементы?

(1) положение определяется разметкой документа

(2) элементы расположены в конце потока документа

(3) элементы полностью удаляются из потока документа

Использование стандартов Web предоставляет следующие выгоды:

(1) эффективность кода

(2) легкость сопровождения

(3) совместимость с устройствами

(4) оптимизацию для поисковых систем

(5) простоту подключения к Интернету

Важные моменты в создании страниц сайта:

(1) согласованность, единообразие в оформлении страниц

(2) новый внешний вид для каждой страницы сайта

(3) уникальность каждой страницы

Почему возникла настоятельная потребность в стандартизации HTML?

(1) потому, что по мере того как все больше людей начали создавать Web-страницы и альтернативные варианты исходной программы браузера, все больше различных свойств добавлялось в HTML

(2) потому, что многие свойства HTML были признаны повсеместно, но некоторые были более частными и использовались реально только в одном или двух браузерах

(3) для того, чтобы авторы различных программ Web-браузеров имели документ, который окончательно описывал для них, как выглядит HTML, чтобы они могли оценить, пропустили они или нет при реализации некоторые части HTML

Сколько специальных атрибутов имеет элемент p?

(1) много

(2) три

(3) ни одного

На вставку таблицы браузеру указывает следующий элемент:

(1) table

(2) tr

(3) td

Верно ли утверждение, что элемент span используется для описания контента?

(1) да

(2) нет

Анкеры/ссылки становятся меню:

(1) сами по себе

(2) в результате перекрестных ссылок

(3) в результате их структурирования и стилистического оформления

Валидация - это:

(1) проверка страниц HTML на соответствие правилам

(2) поиск грамматических ошибок на страницах HTML

(3) проверка правильности выбора графического материала

Как влияет на размеры аудитории создание Web-сайта (или что-то другое) только для одного определенного типа людей?

(1) увеличивает долю рынка

(2) никак не влияет

(3) уменьшает долю рынка

Конечная цель юзабилити состоит в:

(1) подсчете числа посещений сайта и использовании этой информации для возможного увеличения количества пользователей

(2) анализе яркости и привлекательности страниц сайта

(3) выявлении, насколько легко люди могут использовать Web-сайт, и использовании этой информации для улучшения будущих конструктивных решений и реализаций

В каком случае для комментария CSS использован верный синтаксис?

(1) /*комментарий*/

(2) /*комментарий/*

(3) /*комментарий

Какие элементы в документе HTML наследуют все наследуемые свойства своего предка?

(1) все элементы

(2) все элементы, кроме корневого элемента (html)

(3) никакие

В каком случае устанавливается относительный размер шрифта?

(1) font-size: 14px;

(2) font-size: smaller;

(3) font-size: large;

Что будет результатом определения margin: 20px;?

(1) установка отступа для всех сторон элемента

(2) установка отступа от верхнего и нижнего края

(3) установка отступа от левого и правого края

Какое определение верно?

(1) background-color: #3366CC;

(2) background-color: white;

(3) background-color: RGB(249, 201, 260);

(4) background-color: transparent;

Каким свойством необходимо воспользоваться для добавления специального изображения списка?

(1) list-style-type

(2) list-style-image

(3) list-style-picture

Какую ширину имеют таблицы по умолчанию?

(1) во весь экран

(2) 800 пикселей

(3) во всю ширину контента

Как ведет себя плавающий элемент?

(1) перемещается по странице по изначально заданной траектории

(2) жестко привязан к определенной позиции на экране и остается видим при прокрутке

(3) смещается к одной стороне и позволяет тексту обтекать его с другой стороны

Что такое статическое позиционирование?

(1) это фиксирование расположение блока в определенной позиции на странице

(2) это поведение по умолчанию, расположение элементов в том порядке, в котором они появляются в разметке

(3) это позиционирование элемента у левого или правого края страницы

Что называется объемлющим блоком, когда речь идет об абсолютном позиционировании элементов?

(1) это родительский элемент абсолютно позиционированного элемента

(2) это блочный бокс, относительно которого определены позиция и размеры абсолютно позиционированного бокса

(3) это тело документа

Каким событием было вызвано появление Управления по перспективным научным исследованиям (ARPA) Министерства обороны США, одним из проектов которого явилось создание Интернет?

(1) конец второй мировой войны

(2) создание ООН

(3) запуск первого искусственного спутника Земли

(4) полет на Луну

Оттенок (Tint) - это:

(1) результат смешивания цвета с белым цветом

(2) результат смешивания цвета с серым цветом

(3) результат смешивания цвета с черным цветом

Элемент doctype - это:

(1) элемент типа документа

(2) оболочка вокруг всего документа

(3) оболочка, содержащая информацию о документе

Предварительно форматированный текст, который должен выводиться в том же виде, как он представлен в источнике, размечается с помощью элемента:

(1) em

(2) pre

(3) q

Как базовые элементы таблицы должны быть вложены друг в друга?

(1) <table> <tr> <td>контент </td> <td>контент </td> <td>контент </td> </tr> </table>

(2) <table> <td> <tr>контент </tr> <tr>контент </tr> <tr>контент </tr> </td> </table>

Элемент div является:

(1) оболочкой реального содержимого страницы

(2) базовым контейнером строкового уровня

(3) базовым контейнером блочного уровня

Использование списков для создания меню очень удобно по нескольким причинам:

(1) весь код HTML содержится в одном элементе списка (например, ul), что позволяет использовать каскадный эффект в CSS для различного оформления каждого элемента, и легко получить в JavaScript доступ к элементам, перемещаясь с верхнего уровня вниз

(2) в виде списков меню будут занимать меньше места в оперативной памяти

(3) списки могут быть вложенными, что позволяет легко создавать несколько уровней иерархии навигации

(4) даже без какого-либо стилевого оформления списка, представление в браузере кода HTML имеет смысл, и посетителю легче понять, что эти ссылки объединены, и составляют одну логическую единицу

Одним из наиболее известных валидаторов является W3C MarkUp Validator, который:

(1) находит используемый в проверяемом документе doctype (X)HTML, и просматривает затем весь документ, указывая места, где код HTML не соответствует используемому doctype (т.е., где имеются ошибки кода HTML)

(2) просматривает документ, представленный для проверки, и проверяет все ссылки в документе, чтобы гарантировать отсутствие неработающих ссылок (у которых значения href указывают на несуществующие ресурсы)

(3) просматривает документ CSS (или HTML/CSS) и проверяет, что CSS соответствует спецификациям CSS

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

(1) предварительное выставление своих условий пользователям

(2) постепенное совершенствование Web-сайта, тестируя поддержку по мере продвижения

(3) разрешение пользователям отключать проблемные усовершенствования

(4) предоставление альтернативных версий с таким же контентом или функциями

(5) рекомендации клиентам о том, какие технологии им нужны для поддержки и предоставление примеров компаний, которые поддерживают эти технологии

Сколько "уровней соответствия" приведено в стандарте WCAG 1.0?

(1) 5

(2) 4

(3) 3

Какой элемент приведенной ниже записи является селектором? p { margin:5px; color:blue; }

(1) p

(2) margin

(3) color

Укажите основные концепции, которые управляют порядком применения объявления CSS:

(1) важность

(2) непротиворечивость

(3) cпецифичность

(4) порядок исходного кода

Когда наследование применяется к размеру шрифта?

(1) всегда

(2) когда определяется относительный размер

(3) когда ключевое слово размера определяется для элемента с предком без ключевого слова размера

(4) никогда

Какие определения верны?

(1) border-width: 1px 0 0 1%;

(2) border-width: 1px 0 0 1px;

(3) border-width: 3px 7px 7px 4px;

Укажите допустимый вариант определения:

(1) background-position: right bottom;

(2) background-position: right top;

(3) background-position: 0% 0%;

Чтобы выровнять маркеры неупорядоченного списка по левому краю, необходимо воспользоваться следующим кодом:

(1) ul { margin : 0; padding : 0; }

(2) ul li { margin-left: 1em; }

(3) ul { margin : 0; padding : 0; } ul li { margin-left: 1em; }

Какое свойство тега td или th необходимо использовать, чтобы установить горизонтальное выравнивание текста в ячейках?

(1) text-align;

(2) vertical-align;

(3) horizontal-align;

В каком прядке располагаются блочные элементы на странице?

(1) блочные элементы располагаются в том порядке, в котором элементы появляются в разметке, сверху вниз

(2) блочные элементы располагаются в порядке, установленном в соответствии со свойством position

(3) порядок блочных элементов не определен

Какую ширину имеют блочные боксы по умолчанию?

(1) 800 пикселей

(2) ширину родительского блочного бокса за вычетом его горизонтальных отступов (padding) и своих горизонтальных полей (margin)

(3) ширину, равную разрешению экрана

Что называют «начальным объемлющим блоком»?

(1) тело документа (элемент body)

(2) элемент html

(3) элемент head

Техника "коммутации пакетов" - это:

(1) разбиение запросов данных на небольшие фрагменты, которые могут быстро обрабатываться, не блокируя коммуникацию других частей

(2) особый порядок подключения различных устройств

(3) обработка данных в порядке очередности поступления запросов

Какие цвета называются первичными?

(1) красный

(2) желтый

(3) зеленый

(4) синий

(5) фиолетовый

Элемент title - это:

(1) элемент заголовка

(2) оболочка, содержащая реальное содержимое страницы

(3) элемент типа заголовка

В HTML имеются списки следующих типов:

(1) неупорядоченный список

(2) упорядоченный список

(3) список замечаний

(4) список определений

(5) список ссылок

Какие функции выполняет элемент caption?

(1) позволяет создать заголовок для данных таблицы

(2) определяет содержимое между тегами как заголовок таблицы для каждого столбца

(3) определяет строку таблицы

Базовым контейнером строкового уровня является элемент:

(1) title

(2) head

(3) span

(4) div

Чтобы соединиться с анкерами, в элементах, к которым можно перемещаться, используется атрибут:

(1) title

(2) id

(3) alt

Находит используемый в проверяемом документе doctype (X)HTML, и просматривает затем весь документ, указывая места, где код HTML не соответствует используемому doctype (т.е., где имеются ошибки кода HTML), следующий наиболее известный валидатор:

(1) W3C MarkUp Validator

(2) W3C Link Checker

(3) W3C CSS Validator

Как сделать навигационные меню сайта доступными наибольшему количеству пользователей?

(1) структурируя их как списки

(2) используя разнообразные шрифты

(3) делая их оформление как можно более красочным

Кто должен тестировать сайт на доступность?

(1) пользователи

(2) средства массовой информации

(3) эксперты

(4) властные структуры

Какой из приведенных селекторов является селектором элемента?

(1) p{}

(2) .example{}

(3) #example{}

В каком порядке применяются конфликтующие объявления?

(1) более поздние объявления переопределяют предыдущие

(2) более ранние объявления переопределяют последующие

(3) порядок применения неопределен

Какие размеры следует использовать в нестатических компоновках?

(1) абсолютные

(2) относительные

(3) размеры, определяемые ключевыми словами

В каком случае правая граница будет белой?

(1) border-color: red white;

(2) border-color: white blue red black;

(3) border-color: red blue black white;

Каково значение свойства background-repeat по умолчанию?

(1) repeat-x

(2) repeat-y

(3) repeat

(4) no-repeat

Какое значение свойства list-style-position необходимо для заворачивания текста многострочных пунктов под маркер?

(1) inside

(2) outside

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

(1) border-spacing: 0;

(2) border-collapse: collapse;

(3) td-spacing: 0;

(4) td-border-space: 0;

Что определяет свойство direction?

(1) порядок расположения блочных элементов: сверху вниз или снизу вверх

(2) порядок расположения текстовых боксов: слева направо или справа налево

(3) порядок расположения текстовых боксов: сверху вниз или снизу вверх

Как ведут себя вертикальные поля у двух смежных блочных боксов в нормальном потоке?

(1) вертикальные поля складываются

(2) вертикальные поля перекрываются (схлопываются)

(3) расстоянием между блоками будет значение меньшего из полей

Как соотносятся между собой абсолютное и фиксирование позиционирование?

(1) фиксированное позиционирование является специальной формой абсолютного позиционирования

(2) абсолютное позиционирование является специальной формой фиксированного позиционирования

(3) эти два вида позиционирования никак не связаны друг с другом

Что дало возможность легко соединять почти любые сети?

(1) создание системы, которая маскировала различия между сетевыми протоколами с помощью нового стандарта

(2) появление спецификации, которая уменьшила роль сети и перенесла ответственность за поддержание целостности передачи на хост-компьютер

(3) подписание международного договора, который определял порядок соединения различных сетей между собой

Дополнительная цветовая схема - это:

(1) схема, где подбираются цвета, расположенные друг против друга на цветовом круге

(2) схема, где добавочно подбираются цвета среди "палитры радуги"

(3) схема, где используются две пары дополнительных цветов, расположенных на равном расстоянии друг от друга

Возможно ли для любых элементов создавать свои собственные, не входящие в спецификации HTML, атрибуты?

(1) нет, так как это может путать агентов пользователей и вызывать проблемы с правильной интерпретацией Web-страницы

(2) да, чтобы таким образом расширить возможности HTML

Неупорядоченные списки используют:

(1) одну пару тегов <ul></ul>, охватывающих множество пар тегов <li></li>

(2) одну пару тегов <ol></ol>, охватывающих множество пар тегов <li></li>

(3) одну пару элементов <dl></dl>, охватывающую группы тегов <dt></dt> и <dd></dd>

Элемент thead определяет:

(1) верхний колонтитул таблицы

(2) тело таблицы

(3) нижний колонтитул таблицы

Основное различие между элементами div и span состоит в:

(1) типе контента, и как он будет представлен при записи без какого-либо стилевого оформления

(2) разных способах отображения страницы

(3) использовании разных правил при проверке правильности синтаксиса документа HTML

В случае создания меню навигации по сайту ссылка на текущую страницу:

(1) необязательно должна присутствовать в меню ссылок

(2) обязательно должна присутствовать в меню ссылок

Что будет делать браузер, столкнувшись с недействительным (невалидным) кодом?

(1) откажется выводить страницу

(2) выведет страницу, попытавшись заполнить пробелы неправильного кода

На сайте текстовые альтернативы предусматриваются для:

(1) объектов, которые не являются текстом

(2) таблиц

(3) списков

Назовите существующие компоненты для экспертного тестирования сайта на доступность:

(1) инструментальная оценка

(2) скрининг

(3) мониторинг

(4) инструментальная инспекция

(5) обзор кода

(6) валидация кода

Селекторы id:

(1) не проверяют название никакого элемента

(2) соответствует всем элементам на странице с указанным названием

(3) являются уникальными для каждой страницы

За какими объявлениями следует директива !important?

(1) за обычными

(2) за важными

(3) в CSS такая директива не используется

Какое ключевое слово размеров используется по умолчанию?

(1) xx-small

(2) medium

(3) xx-large

Какой стиль границы используется по умолчанию, если соответствующее значение в сокращенном правиле border отсутствует?

(1) solid

(2) double

(3) dotted

В каком случае выполняется HTTP запрос?

(1) в случае, когда происходит обращение к Web-сайту

(2) в случае, когда клиент запрашивает у сервера файл CSS

(3) в случае, когда клиент запрашивает у сервера изображение

Какое состояние ссылки применяется, когда пользователь «удерживает» над ссылкой указатель, такой как указатель мыши, но не щелкнул на ней?

(1) фокус

(2) посещенная

(3) под указателем

(4) активная

С помощью какого свойства можно переместить заголовок таблицы в другое место?

(1) caption-side

(2) caption

(3) border-caption

Как поведет себя плавающий элемент, если свойству float присвоить значение inherit?

(1) ничего не произойдет

(2) плавающий элемент будет расположен в центре страницы

(3) плавающий элемент унаследует свойство float от элемента предка

Допустимо ли, чтобы блочный бокс содержал смесь блочных и строковых боксов?

(1) да, допустимо, но при этом будут генерироваться анонимные блочные боксы

(2) нет, недопустимо. Блочный бокс может содержать только блочные боксы

(3) нет, недопустимо. Блочный бокс может содержать только строковые боксы

Нужно ли задавать одновременно параметры top и bottom, left и right для абсолютно позиционированного элемента?

(1) да, нужно, чтобы точно задать положение элемента относительно каждого края объемлющего элемента

(2) нет, не нужно, потому что они дополняют друг друга и можно задать лишь один из них

(3) да, нужно, потому что это требует стандарт

HTML - это:

(1) язык разметки гипертекста

(2) протокол передачи гипертекста

(3) система имен доменов

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

(1) чтобы создать сайт и вывести его на рынок на равных или лучших условиях при сравнении с основными конкурентами

(2) чтобы использовать их идеи, и тем самым сэкономить на разработке нового дизайна

Какие из приведенных ниже элементов являются блочными?

(1) параграфы

(2) пункты списка

(3) гипертекстовые ссылки

Упорядоченный список, нумерация которого начинается с числа отличного от 1 (или i) можно сделать с помощью атрибута:

(1) start

(2) cite

(3) strong

Атрибут colspan:

(1) создает ячейку таблицы, которая будет охватывать более одного столбца

(2) создает ячейку таблицы, которая будет охватывать несколько строк

(3) определяет сводку содержимого таблицы, для использования считывателями экрана

Как правильно оформить несколько слов текста или неполное предложение?

(1) используя элемент p

(2) используя элементы div или span

(3) используя элемент q

Контекстные меню являются:

(1) ссылками, составленными в виде упорядоченного списка

(2) перекрестными ссылками между документами

(3) ссылками, которые создаются на основе содержимого текущего документа, и предлагают дополнительную информацию, связанную с текущей страницей

Что такое режиме Quirksmode?

(1) браузер переходит в этот режим, если встречает страницу, которая имеет неправильный doctype, или вообще не имеет doctype

(2) браузер переходит в этот режим для воспроизведения видео на страницах сайта

(3) браузер переходит в этот режим для отображения графических изображений

Краткое описание изображения для людей (или поисковых систем), которые могут не видеть изображение правильно, содержит атрибут:

(1) text

(2) alt

(3) longdesc

Согласно проекту WCAG 2.0 контент и функции должны быть:

(1) воспринимаемыми

(2) взаимодействующими

(3) взаимозаменяемыми

(4) понятными

(5) надежными

Какие селекторы используются для выбора элементов, которые являются потомками других конкретных элементов?

(1) селекторы потомков

(2) селекторы нижележащих

(3) селекторы смежных одноуровневых

Что такое низкая специфичность селектора?

(1) соответствие селектора многим элементам

(2) соответствие селектора только одному элементу

(3) несоответствие селектора ни одном элементу

В каких случаях значения свойства font-family заданы верно?

(1) font-family: Geneva, Arial, Helvetica, sans-serif;

(2) font-family: Georgia, 'Times New Roman', Times, serif;

(3) font-family: Georgia,Times, serif;

Какие элементы игнорируют применение значений width и height при обычных обстоятельствах?

(1) span

(2) em

(3) strong

Спрайт содержит 4 изображения. Сколько изображений нужно будет загружать при открытии сайта?

(1) 1

(2) 2

(3) 4

Что ожидают пользователи относительно ссылок и остального текста, который не является ссылкой?

(1) пользователи ожидают, что ссылки имеют отличный от остального текста шрифт

(2) пользователи ожидают, что ссылки отличаются от остального текста

(3) пользователи ожидают, что ссылки сгруппированы в правой колонке страницы.

Если у таблицы и ячейки задан разный цвет фона, какой цвет фона будет у ячейки?

(1) цвет фона, заданный для ячейки

(2) цвет фона, заданный для таблиц, так как ячейка наследует цвет фона таблицы

(3) цвет фона нельзя задавать для отдельных ячеек

Каким образом можно заставить плавающие элементы располагаться один под другим?

(1) задать у одного из них свойство vertical-align : top

(2) задать ширину плавающих элементов так, чтобы они не помещались в одну строку

(3) плавающие элементы всегда располагаются в одну строку, поэтому их нельзя расположить один под другим

Какими элементами генерируются строковые боксы?

(1) строковыми элементами HTML

(2) элементами логической разметки

(3) текстовым контентом (создаются анонимные строковые боксы)

Как будут вести себя абсолютно позиционированные элементы, если не задать их размеры?

(1) они будут растягиваться во всю ширину экрана браузера

(2) они будут сжиматься, чтобы соответствовать своему контенту

(3) они будут растягиваться во всю ширину своего родительского элемента

Каждый запрос /ответ начинается с:

(1) включения компьютера

(2) ввода Унифицированного указателя ресурса в адресной строке браузера Web

(3) обращения к системному администратору

Какую информацию желательно разместить на статической странице, объявляющей о скором появлении сайта?

(1) дежурную фразу "Under Construction"

(2) название компании и что она собирается предложить

(3) дату, когда сайт станет активным

(4) контактную информацию

Какие из приведенных ниже элементов являются строковыми?

(1) выделенные слова или фразы

(2) заголовки

(3) таблицы

(4) краткие цитаты

При выборе изображений для Web-сайта важно:

(1) использовать как можно больше визуальной информации, потому что изображения являются отличным способом создания настроения у посетителя, и иллюстрации являются прекрасным способом сделать сложную информацию легче для восприятия для зрячих учеников

(2) выбирать изображения из разумных соображений и использовать их, когда уместно

(3) убедиться, что не забыли предложить запасной вариант для тех, кто не может видеть изображения

Для чего используется элемент form?

(1) для создания формы

(2) для вставки таблицы

(3) для вставки изображения

Нумерация страниц необходима, когда вы:

(1) должны предложить способ перемещения в большом документе, разбитом на отдельные страницы

(2) собираетесь добавить в сайт новые функции и расширить базу пользователей

(3) хотите облегчить посетителям поиск нужного раздела сайта

В случае чисто декоративных изображений, т.е. изображений, используемых для отслеживания рекламы, или любого другого изображения, которое вряд ли могли бы заинтересовать пользователя или служить для взаимодействия, необходимо задать атрибут alt:

(1) предупреждающим, что тут будет реклама

(2) содержащим как можно меньше текста

(3) пустым

На какие элементы распространяется следующее правило? * { border: 1px solid #000000; }

(1) на элемент *

(2) на каждый элемент на странице

(3) ни на какие, т.к. указанное правило синтаксически неверно

Какое объявление имеет более высокий приоритет в правиле, если два объявления конфликтуют за данный элемент и оба объявления имеют одинаковую важность?

(1) объявление с наиболее специфичным селектором

(2) объявление с наиименее специфичным селектором

(3) невозможно определить

Каким шрифтом будет представлена страница для пользователя Macintosh при условии наличия у него всех необходимых для данного объявления шрифтов font-family: Palatino, Georgia, serif;?

(1) Palatino

(2) Georgia

(3) используемым по умолчанию шрифту без засечек

В каком случае к элементу, контент которого выходит за пределы своего ограничивающего бокса, будут добавлены полосы прокрутки?

(1) overflow: scroll;

(2) overflow: hidden;

(3) overflow: visible;

(4) overflow: auto;

Укажите верные варианты определения:

(1) background-position: -10%;

(2) background-position: -30em;

(3) background-position: right;

Почему не стоит полностью полагаться на цвет при оформлении ссылок?

(1) не все люди могут видеть цвет одинаково

(2) это считается дурным тоном

(3) необходимо проверять, что выбранные цвета обладают достаточной контрастностью

Каким образом можно задать градиент в качестве цвета фона таблицы?

(1) использовать свойство gradient-color

(2) градиент задать нельзя, так как подобного свойства нет в стандарте

(3) необходимо воспользоваться изображением в качестве фона таблицы

Каким образом можно сделать перекрывание одних плавающих элементов другими?

(1) плавающие элементы всегда располагаются в одной плоскости и не могут перекрывать друг друга

(2) можно задать отрицательные поля

(3) можно воспользоваться свойством deep-align

Как (слева направо или справа налево) располагаются строковые боксы?

(1) строковые боксы всегда располагаются слева направо

(2) строковые боксы всегда располагаются справа налево

(3) порядок расположения строковых боксов определяется свойством direction

Если задавать размеры абсолютно позиционированного блока в процентах, относительного какого значения будут вычислены размеры?

(1) относительно разрешения экрана

(2) относительно ширины тела документа (элемента body)

(3) относительно размеров объемлющего блока

Какими методами воспользовалась группа "Web Standards Project" (WaSP) для скорейшего внедрения общих норм в разработку Web-сайтов?

(1) решили, что называя документы W3C стандартами, а не рекомендациями, они смогут убедить компании Microsoft и Netscape поддержать их

(2) предложили административно-принудительно заставить компании использовать рекомендации

(3) использовали традиционный прием рекламы, называемый "roadblock", опубликовав статью одновременно на различных сайтах, ориентированных на разработку приложений Web

(4) стали высмеивать компании, которые присоединялись к W3C (и другим организациям стандартизации), но затем сосредотачивались больше на создании новых средств, чем на реализации для начала основ, с правильностью которых они согласились

(5) начали оказывать помощь в использовании стандартов

Сколько различных гарнитур шрифта желательно использовать на Web-сайте?

(1) как можно больше разных

(2) одну гарнитуру шрифта для заголовков и подзаголовков и другую гарнитуру шрифта для основного текста

(3) везде один шрифт

Элемент head определяет область, где:

(1) находится весь контент документа

(2) находится большая часть инструкций для браузера и хранится дополнительная информация о документе

(3) находится информация об определении основного естественного языка документа

В каких случаях при добавлении изображения необходимо использовать фоновые изображения CSS?

(1) если изображение является критически важным для содержания документа, и к нему необходим подходящий альтернативный текст

(2) если изображение присутствует как "украшение", и к нему не требуется альтернативный текст

Каждый элемент input должен иметь атрибут type для того, чтобы:

(1) определить, какой вид информации будет вводиться

(2) проинформировать получателя данных формы, как называется информация в поле ввода

(3) сообщить обрабатывающему сценарию о необходимости вставить введенные пользователем данные либо какое-то предопределенное значение

Методика создания меню с использованием форм предполагает:

(1) превращение изображений в интерактивные области, которые можно соединить с различными документами

(2) представление меню на экране одной строкой, предполагающей множество вариантов выбора

(3) оформление меню в виде графических символов

Стандарт для определения доступности в Web WCAG 1.0:

(1) является набором из 14 Рекомендаций, пытающихся охватить цели, которые необходимо реализовать для получения доступной страницы

(2) описывает браузеры (такие как Opera) и все дополнительные технологии, которые могут понадобиться людям для использования Web (такие как считыватели экрана)

На какие элементы распространяется правило? h3 > strong { color: blue; }

(1) на элемент h3

(2) на элементы, которые являются потомками элементов h3

(3) на элементы, потомком которых является элемент h3

Конфликтующие объявления могут возникать:

(1) только в единственной внешней таблице стилей

(2) только в различных таблицах стилей

(3) в единственной внешней таблице стилей или в различных таблицах стилей

Для каких целей может быть использовано свойство font-variant?

(1) для выделения начальной фразы длинного абзаца

(2) для создания выделения цитированных надписей

(3) для возможности выбора различных шрифтов

Какие из указанных единиц измерения являются статическими?

(1) %

(2) em

(3) px

Каково значение горизонтального смещения элемента при определении background-position: 10px 40px;?

(1) 10px

(2) 40px

(3) 0px

Укажите лишние «псевдо классы» ссылок:

(1) :link

(2) :visited

(3) :attended

(4) :active

(5) :focus

(6) :current

Какими недостатками обладает способ оформления таблицы в виде "зебры" с использованием классов для чередования строк?

(1) данный способ работает не во всех браузерах

(2) данный способ неудобен при добавлении новых строк в таблицу, при котором необходимо следить за соответствием классов

(3) данный способ чрезмерно сложен в реализации, поэтому на практике практически не применим

Какого эффекта позволит добиться использование свойства clear:both на каком-либо элементе?

(1) это растянет элемент на всю ширину экрана

(2) это гарантирует, что сгенерированный элементом бокс появится ниже всех плавающих боксов с обеих сторон

(3) это очистит его содержимое

Как располагаются линейные боксы в своих предках?

(1) горизонтально, один за другим

(2) вертикально, без дополнительного пробела между ними

(3) вертикально, с расстоянием между ними

Для позиционирования элементов относительно оси Z, расположенной перпендикулярно монитору, используется свойство:

(1) z-index

(2) vertical-align

(3) z-position

Какое расширение используется в статических Web-сайтах?

(1) .html

(2) .php

(3) .asp

Шрифт с засечками - это:

(1) любая гарнитура шрифта, которая содержит завершающие штрихи, расширяющиеся или сужающиеся концы, или имеет реально отсеченные окончания

(2) любая гарнитура шрифта, конечные штрихи которой не имеют никаких расширений, пересекающих штрихов или других украшений

(3) шрифты с единой фиксированной шириной всех глифов

Почему title является одним из наиболее важных элементов в head?

(1) он выводится почти всеми агентами пользователей/браузерами в панели заголовка приложения браузера

(2) он определяет тип документа

(3) это первый фрагмент контента, который увидят пользователи Web при посещении сайта

(4) вспомогательные технологии, такие как считыватели, выдают его в качестве первой подсказки, что посетители могут ожидать от документа

(5) он важен для поисковых систем

Атрибут longdesc элемента img служит для:

(1) вывода текста, если изображение недоступно по каким-то причинам

(2) вывода описания изображения в виде всплывающей подсказки

(3) описания сложных изображений

Каждый элемент input должен иметь атрибут value, который:

(1) определяет, какой вид информации будет вводиться

(2) информирует получателя данных формы, как называется информация в поле ввода

(3) сообщает обрабатывающему сценарию о необходимости вставить введенные пользователем данные либо какое-то предопределенное значение

В картах ссылок перед значением атрибута usemap необходимо поставить символ:

(1) #

(2) *

(3) $

Стандарт WCAG 2.0 основывается на следующих принципах доступности:

(1) воспринимаемость

(2) актуальность

(3) взаимодействие

(4) понятность

(5) простота

(6) надежность

(7) стоимость

На какие элементы распространяется правило? h2 + p { ... }

(1) на элементы h2 и p

(2) на все элементы p

(3) на элементы p, которые следуют непосредственно после элементов h2

Что обозначает ключевое слово inherit?

(1) наследование по умолчанию

(2) принудительное наследование

(3) указанное ключевое слово в CSS не используется

В каком случае устанавливается жирное начертание шрифта?

(1) font-weight: normal;

(2) font-weight: bold;

(3) в обоих случаях устанавливается одинаковое начертание

Какая единица измерения лучше всего подходит для полностью гибких компоновок?

(1) em

(2) %

(3) px

В каком случае часть фонового изображения будет не видна (при background-repeat: no-repeat)?

(1) background-position: 10px 0px;

(2) background-position: 0px 10px;

(3) background-position: -10px 0px;

Каким образом можно задать подчеркивание для ссылок?

(1) с помощью свойства text-decoration

(2) с помощью свойства margin-bottom

(3) с помощью свойства border-bottom

Какими способами можно задать раскраску таблицы в виде "зебры"?

(1) с помощью классов для четных и нечетных строк таблицы

(2) с использованем JavaScript

(3) с использованием свойства palette-type: zebra

(4) ограниенно с использованием селектора :nthchild

Зачем в элемент может добавляться дополнительный элемент, сразу перед закрывающим тегом, с clear:both?

(1) это делается для того, чтобы избежать ошибок в браузере Internet Explorer, связанных с плавающими элементами

(2) данный элемент необходим из-за рекомендации стандарта

(3) данный прием позволяет расширить элемент предок, чтобы он охватил своих плавающих потомков

За что отвечает свойство vertical-align?

(1) за выравнивание текста внутри строкового бокса

(2) за выравнивание строковых боксов в охватывающем линейном боксе

(3) за выравнивание строковых боксов в охватывающем блочном боксе

Можно ли точно установить позицию элемента на оси Z.

(1) да, можно в пикселях

(2) да, можно в пикселях и процентах

(3) нет, можно установить лишь позицию индекса

Элементы языков разметки HTML и XHTML:

(1) определяют тип реального контента

(2) определяют дополнительную информацию

(3) определяют максимальный объем загружаемой на сайт информации

Какие виды тестирования необходимо выполнить, прежде чем сайт начнет функционировать?

(1) тестирование оформления текста и ссылок

(2) тестирование допустимости кода

(3) тестирование совместимости с браузерами

(4) тестирование юзабилити и доступности

Какие функции выполняет doctype?

(1) определяет тип документа

(2) определяет, какие элементы и атрибуты допустимо использовать в определенной разновидности HTML

(3) определяет, с какими службами необходимо согласовывать документ

Что такое анкеры?

(1) ссылки, по которым браузер должен переходить автоматически

(2) ссылки, которые пользователь не обязан активировать

(3) ссылки на изображения

Какие атрибуты, задающие объем вводимого текста, необходимы для каждого элемента textarea?

(1) size

(2) cols

(3) rows

(4) volume

В карте ссылок атрибут каждой области shape определяет:

(1) URL, с которым должна соединяться ссылка

(2) координаты в изображении, которые должны стать горячими точками

(3) форму области

Какой псевдо-класс используется для описания ссылок, которые были посещены в используемом в данный момент браузере?

(1) :link

(2) :visited

(3) :focus

(4) :hover

(5) :active

Имеются внешние таблицы стилей: Style1.css: P { color: red } и Style2.css: P { color: blue }. Каким будет результат подключения этих таблиц в указанной последовательности? <LINK href ="style1.css" rel="stylesheet" type="text/css"> <LINK href ="style2.css" rel="stylesheet" type="text/css">

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) в качестве цвета текста в абзацах будет выбран цвет по умолчанию

В каком порядке нужно задавать значения для указанных отдельных свойств с сокращенном правиле font?

(1) font-style, font-variant, font-weight

(2) font-bold, font-style, font-variant

(3) font-style, font-style, font-variable

Какой из компонентов боксовой модели включает все остальные компоненты?

(1) поля

(2) границы

(3) заполнения

(4) свойства элементов потомков

Какие значения свойства background-position смещают элемент вниз и вправо?

(1) положительные

(2) отрицательные

(3) как положительные, так и отрицательные, зависит от величины смещения

Какой цвет имеют ссылки по умолчанию в большинстве браузеров?

(1) синий

(2) черный

(3) красный

(4) у каждого браузера собственный цвет ссылки по умолчанию

Какие ограничения существуют при использовании псевдо-селектора :lastchild для создания эффекта внутренней сетки?

(1) данный псевдо-селектор не поддерживается основными браузерами в полной мере

(2) данный псевдо-селектор поддерживается только Internet Explorer

(3) данный псевдо-селектор поддерживается всеми браузерами, кроме Internet Explorer

Что будет, если у плавающего блочного бокса не задавать ширину?

(1) он исчезнет с экрана

(2) он будет сжиматься, создавая оболочку вокруг своего контента

(3) бокс будет занимать 100% возможной ширины

Где располагается элемент с относительным позиционированием?

(1) сначала так же, как любой статический элемент, но потом смещенный согласно свойствам top, bottom, left или right

(2) элемент изымается из потока элементов и располагается в соответствии со свойствами top, bottom, left или right

(3) элемент располагается относительно своего родителя в соответствии со свойствами top, bottom, left или right

В каком случае создается локальный контекст стека?

(1) в случае, когда свойству z-index присваивается целое число

(2) в случае, когда свойству z-index присваивается значение local

(3) в случае, когда свойству z-index присваивается значение auto

Какие варианты развития события возможны, если у посетителей сайта не окажется на компьютере заданного вами шрифта?

(1) их браузер будет использовать альтернативный шрифт, который был определен в CSS

(2) их браузер воспользуется значением по умолчанию браузера

(3) их браузер не отобразит ничего

Если doctype отсутствует, то:

(1) браузер обработает и успешно представит документ

(2) браузер обработает и представит документ, но он может выглядеть совсем не так, как предполагалось

(3) браузер откажется обрабатывать и представлять документ

Атрибут href элемента a - это:

(1) ресурс, на который указывает анкер (внешний файл или ID анкера)

(2) ID анкера, если анкер является целью, а не ссылкой

(3) дополнительная информация о внешнем ресурсе

Атрибут id элемента form:

(1) предоставляет уникальный идентификатор ID для идентификации формы

(2) определяет, как данные посылаются сценарию, который будет их обрабатывать

(3) определяет, какой файл сценария данных формы должен быть послан для обработки

В карте ссылок значение rect в атрибуте shape задает:

(1) прямоугольную форму области

(2) круглую форму области

(3) нерегулярную форму области, определяемую с помощью многоугольников

Для чего используются псевдо-элементы?

(1) для выбора первой буквы или первой строки текста в заданном элементе

(2) для стилевого оформления различных состояний элементов

(3) для генерации контента с помощью CSS

Каков будет результат применения указанного правила? <STYLE> Р{ color: red } Р{ color: green ! important } P{ color: blue } </STYLE>

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Какой способ выравнивания лучше всего подходит для длинных отрывков повествования?

(1) выравнивание слева

(2) выравнивание справа

(3) центрирование

Какие элементы HTML относятся к блочному типу?

(1) p

(2) div

(3) em

(4) table

Спрайт содержит изображения высотой и шириной 30 px. Как расположены изображения, если для получения второго изображения из данного спрайта используется определение background-position:0 -30px;?

(1) по вертикали

(2) по горизонтали

(3) определить невозможно

Что делает следующий код: a:hover { text-decoration: none; } ?

(1) отключает подчеркивание у всех ссылок с классом hover

(2) отключает подчеркивание у всех ссылок на странице

(3) отключает подчеркивание у ссылки при наведении на нее курсора мыши

(4) отключает подчеркивание у посещенной ссылки

У каких браузеров есть ошибка при работе с полем таблицы и заголовком?

(1) у всех, кроме Internet Explorer

(2) только у Internet Explorer

(3) только у Firefox

(4) у Firefox и Safari

Как поведет себя элемент, у которого имеются плавающие потомки, не задана высота и свойство overflow у которого равно hidden?

(1) элемент расширится, чтобы охватить своих плавающих потомков

(2) так как высота не задана, а свойство overflow равно hidden, элемент скроется и не будет виден на странице

(3) ничего не произойдет, свойство overflow никак не влияет на элемент, у которого имеются плавающие потомки

Какие проблемы существуют при создании многоколоночной компоновки с помощью элементов с относительным позиционированием?

(1) данный способ чрезвычайно трудоемок и на практике не применяется

(2) данный способ не полностью поддерживается браузером Internet Explorer

(3) данный способ устарел и не рекомендуется для использования

Относительно какой позиции фиксируется элемент с заданным свойством position:fixed?

(1) относительно области просмотра

(2) относительно родительского элемента

(3) относительно тела документа (тега body)

В языке XHTML в отличие от HTML:

(1) элементы и атрибуты не различают регистр символов

(2) элементы и атрибуты различают регистр символов; они используют символы нижнего регистра

Трекинг - это:

(1) настройка пробелов между символами в основном тексте, независимо от символов

(2) настройка пробелов между определенными частями букв

(3) вывод текста на экран монитора

Если используется следующий doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">, то документ является кодом:

(1) HTML

(2) XHTML

Состояние ссылки visited - это:

(1) состояние по умолчанию - оно определяет, как должны выглядеть ссылки в определенной части документа

(2) стиль ссылки, которая уже была посещена

(3) стиль ссылки, когда курсор мыши находится над ней

(4) стиль ссылки, когда выполняется соединение с другим сайтом

Какой атрибут элемента form определяет, как данные посылаются обрабатывающему сценарию?

(1) id

(2) method

(3) action

В карте ссылок нерегулярная форма области задается следующим значением атрибута shape:

(1) rect

(2) circle

(3) poly

Каким образом будет применено правило: margin: 2px 5px;?

(1) значение 2px применяется к верху и низу

(2) значение 2px применяется к левому и правому краю

(3) значение 5px применяется к верху и низу

(4) значение 5px применяется к левому и правому краю

Сколько типов элементов содержится в селекторе html>head+body ul#nav *.home a:link?

(1) 0

(2) 1

(3) 2

(4) 5

Какое свойство позволяет изменять величину пробела между буквами?

(1) word-spacing

(2) letter-spacing

(3) любое из указанных свойств

Какие значения поддерживаются как свойством float, так и свойством clear?

(1) left

(2) right

(3) both

(4) none

Какие свойства явно не указаны в определении background: #fc0 url('sample.gif') repeat-y;?

(1) background-attachment

(2) background-color

(3) background-image

(4) background-position

(5) background-repeat

Какие ссылки обычно помечаются с помощью иконки или символа?

(1) внешние ссылки

(2) непосещенные ссылки

(3) ссылки на файлы

Какие существуют распространенные способы оформления таблицы?

(1) оформление в виде "зебры"

(2) неполные сетки

(3) использование изображений в качестве заголовка таблицы

Каким образом можно избавиться от возможного появления горизонтальных полос прокрутки при центрировании плавающего элемента с помощью оболочки?

(1) необходимо жестко задать ширину плавающего элемента

(2) необходимо сделать родительский элемент плавающим

(3) необходимо сделать родительский элемент не плавающим

(4) необходимо воспользоваться свойством overflow:hidden на подходящем элементе предке так, чтобы сделать переполнение скрытым

За что отвечает свойство hasLayout?

(1) за обработку слоев при верстке

(2) для корректной работы относительного позиционирования элементов в Internet Explorer

(3) с помощью этого свойства можно задавать многоколоночный макет страницы

Позиция и размеры элемента с position:fixed всегда определяются относительно:

(1) объемлющего его блока

(2) начального объемлющего блока

(3) определяются автоматически

Основные способы использования CSS - это:

(1) переопределение элемента

(2) переопределение атрибута

(3) применение стиля к некоторому ID

(4) применение стиля к классу

Первая встреча с заказчиками сайта организовывается для того, чтобы:

(1) выяснить, симпатичны ли Вам эти люди

(2) лучше понять, чего они хотят

(3) определить сроки выполнения

(4) определить стоимость работы

Выберите верное утверждение:

(1) все типы программ браузеров являются агентами пользователей, но не все агенты пользователей являются программами браузерами

(2) все типы программ браузеров являются агентами пользователей, и все агенты пользователей являются программами браузерами

Как правильно расставить заголовки по степени важности (от более важного к менее)?

(1) h1, h2, h3, h4

(2) h1, h3, h2, h4

(3) h4, h3, h2, h1

Элемент tr определяет:

(1) строку таблицы

(2) ячейку таблицы

(3) название таблицы

Элементы span предоставляет возможность:

(1) сгруппировать контент

(2) добавить дополнительную информацию вокруг контента

(3) добавить документу новое семантическое значение

Элементы a:

(1) описывают отношения между несколькими документами

(2) позволяют соединиться либо с другим документом, либо с определенным разделом текущего документа

(3) определяют, какие элементы и атрибуты допустимо использовать в определенной разновидности HTML

Основные проблемы кода, существующие в программировании компьютеров:

(1) синтаксические ошибки

(2) ошибки программирования (или логики)

(3) грамматические ошибки

Назовите 2 причины, почему важно создавать доступные Web-сайты:

(1) чтобы не надо было запоминать сложный пароль для захода на сайт

(2) в некоторых странах этого требует закон

(3) доступные сайты в поисковых системах обычно ранжируются выше

Для чего принято использовать термин "юзабилити"?

(1) для определения среднего времени поиска информации в сети "юзерами"

(2) для определения степени удобства использования и "полезности" сайта для его посетителей

(3) для определения степени юридической защищенности сайта

Для чего CSS не используется?

(1) для структурирования документа

(2) для определения функции элементов

(3) для определения оформления HTML

Отметьте неверные утверждения:

(1) все свойства CSS наследуются

(2) поля в CSS не наследуются

(3) при наследовании в CSS определенные свойства передаются от элемента предка его элементам потомкам

Какие параметры относятся к характеристикам разборчивости?

(1) длина строки

(2) пространство между столбцами текста и расстояние между строками

(3) выравнивание

(4) шрифт

Какое из приведенных описаний верно?

(1) margin-top:-3em;

(2) margin-top: 10px;

(3) margin-top: 20%;

Какую функцию выполняет свойство background-image?

(1) указывает путь доступа или URL фонового изображения

(2) сообщает браузеру, где разместить фоновое изображение

(3) задает поведение фонового изображения, когда пользователь выполняет прокрутку

Какое значение свойства list-style-type позволяет задать квадратные маркеры для неупорядоченных списков?

(1) decimal

(2) square

(3) lower-latin

(4) disc

Для каких целей не рекомендуется использовать таблицы?

(1) для компоновки элементов страницы

(2) для представления табличных данных

(3) таблицы признаны устаревшим элементом, поэтому они не рекомендуются к использованию вообще

Какое свойство используется для задания плавающего объекта?

(1) clear

(2) float

(3) swimming

Назовите основные типы боксов в CSS?

(1) блочный

(2) встраиваемые

(3) плавающие

(4) строковые

Будет ли абсолютно позиционированный элемент перекрывать другие элементы?

(1) нет, не будет

(2) да, будет в любом случае

(3) да, будет, если это не предотвратить специальными действиями

Под "доступностью" сайтов подразумевается:

(1) обеспечение того, что Web-сайты будут работать не только на различных платформах, но также на альтернативных устройствах просмотра, которые сегодня могут включать мобильные телефоны, телевизоры и игровые консоли

(2) возможность попасть на сайт без введения пароля

(3) возможность пользоваться Web-сайтами для всех, невзирая на обстоятельства (например, для людей с физическими недостатками)

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

(1) позволить посетителям ориентироваться на Web-сайте

(2) определить, насколько легко можно будет найти сайт с помощью поисковых систем

(3) привлечь схожую по тематике рекламу

В каком году IETF (Internet Engineering Task Force - орган стандартизации, занимающийся взаимодействием в Интернет) опубликовал первый черновик предложения по стандарту HTML?

(1) 1993г.

(2) 1995г.

(3) 1997г.

Что обозначает элемент blockquote?

(1) заголовок

(2) короткую цитату

(3) длинную цитату

(4) ссылку

Строку таблицы определяет следующий элемент:

(1) table

(2) tr

(3) td

Элемент div совместно с атрибутами id и class:

(1) существует для описания контента

(2) предлагает базовый механизм для добавления в документы структуры

(3) помогает в настройке документа

Выберите правильный вариант вложения списков:

(1) <ul id="mainmenu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <ul> <li><a href="history.html">History</a></li> <li><a href="people.html">People</a></li> </ul> <li><a href="clients.html">Our Clients</a></li> <ul> <li><a href="usa.html">USA</a></li> <li><a href="asia.html">Asia</a></li> <li><a href="europe.html">Europe</a></li> </ul> <li><a href="products.html">Our Products</a></li> <li><a href="services.html">Our Services</a></li> <li><a href="contact.html">Contact Us</a></li> </ul>

(2) <ul id="mainmenu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a> <ul> <li><a href="history.html">History</a></li> <li><a href="people.html">People</a></li> </ul> </li> <li><a href="clients.html">Our Clients</a> <ul> <li><a href="usa.html">USA</a></li> <li><a href="asia.html">Asia</a></li> <li><a href="europe.html">Europe</a></li> </ul> </li> <li><a href="products.html">Our Products</a></li> <li><a href="services.html">Our Services</a></li> <li><a href="contact.html">Contact Us</a></li> </ul>

Сравнение кода HTML на странице Web с правилами сопровождающего doctype входит в программу:

(1) грамматического анализа

(2) синтаксического анализа

(3) валидации

Доступность влияет на ранжирование в системе поиска потому, что:

(1) поисковые системы являются просто компьютерными программами, и они могут использовать для индексация сайта только ту информацию, которую смогут понять

(2) поисковые системы прежде всего выбирают сайты с наиболее броскими названиями

(3) поисковые системы в первую очередь предлагают пользователям сайты, содержащие как можно больше графического материала

Когда должно выполняться тестирование проекта на доступность?

(1) с самого начала создания

(2) может быть когда-нибудь

(3) в конце разработки

Укажите верные утверждения:

(1) CSS имеет только комментарии блочного уровня

(2) в CSS комментарий не может быть однострочным вообще

(3) в CSS нет комметариев

Какой элемент называется непосредственным предком?

(1) элемент, стоящий в дереве документа одним или несколькими уровнями выше, чем исходный элемент

(2) элемент, стоящий ровно на один уровень выше в дереве, чем исходный элемент

(3) элемент, стоящий на уровень ниже в дереве элементов, чем исходный элемент

Какие единицы измерения не используются в CSS для задания размера текста?

(1) миллиметр

(2) дюйм

(3) em

(4) %

Каким будет отступ от верхнего края в случае определения margin: 10px 20px 30px 40px;?

(1) 10px

(2) 20px

(3) 30px

(4) 40px

Какое определение верно?

(1) background-image: url('images/bg.gif');

(2) background-image: url(alert.png);

(3) background-image: url("picture.gif");

Какими способами можно добавить фоновое изображение списка?

(1) свойство list-style-image

(2) фоновое изображение в пунктах списка

(3) свойство list-style-type

Что делает следующий код: table { width: 100%; }?

(1) растягивает таблицу во весь экран

(2) устанавливает ширину таблицы равной 100 пикселям

(3) растягивает таблицу во всю ширину родительского блочного бокса

Что означает очистка плавающего элемента?

(1) смещение плавающего элемента вниз в случае необходимости, чтобы воспрепятствовать его появлению рядом с плавающим элементом

(2) удаление содержимого плавающего элемента

(3) установку фона по умолчанию плавающему элементу

Какое значение свойства position определяет положение элемента по умолчанию?

(1) absolute

(2) static

(3) fixed

Какой элемент является объемлющим блоком для статических боксов и относительно позиционированных боксов?

(1) тело документа (элемент body)

(2) ближайший предок блочного уровня (родительский блок)

(3) блочный элемент верхнего уровня (обертка)

Сколько компьютеров составляли первую сеть, запущенную в работу в декабре 1969 г.?

(1) 3

(2) 4

(3) 5

Тональность (Tone) - это:

(1) результат смешивания цвета с белым цветом

(2) результат смешивания цвета с серым цветом

(3) результат смешивания цвета с черным цветом

Элемент html - это:

(1) элемент типа документа

(2) оболочка вокруг всего документа

(3) оболочка, содержащая информацию о документе

Элемент q обозначает:

(1) длинную цитату

(2) выделение текста

(3) короткую цитату

Какой элемент позволяет создать заголовок для данных таблицы?

(1) caption

(2) th

(3) title

Базовым контейнером блочного уровня является элемент:

(1) title

(2) head

(3) span

(4) div

Меню, создаваемые на основе списков, применяются в следующих случаях:

(1) навигация по странице

(2) навигация по сайту

(3) контекстная навигация по контенту

(4) схема сайта

(5) подсчет количества обращений на сайт

(6) нумерация страниц

Одним из наиболее известных валидаторов является W3C Link Checker, который:

(3) просматривает документ CSS (или HTML/CSS) и проверяет, что CSS соответствует спецификациям CSS

Влияет ли на доступность использование семантической структуры HTML?

(1) да

(2) нет

Чем в вопросе об уровнях соответствия черновой вариант стандарта WCAG 2.0 отличается от WCAG 1.0?

(1) расширенное количество уровней

(2) то же количество уровней, но возможности соответствия более сложные

(3) ничем

Какой элемент приведенной ниже записи является свойством? p { margin:5px; color:blue; }

(1) p

(2) margin

(3) color

(4) 5px

(5) blue

От чего зависит результат, если два объявления имеют одинаковую важность?

(1) от важности

(2) от cпецифичности

(3) от порядка исходного кода

Какие единицы измерения размера шрифта являются абсолютными?

(1) пиксели

(2) пункты

(3) проценты

Какой стиль рамки будет установлен для левого края в случае определения border-style: double groove dotted dashed?

(1) double

(2) groove

(3) dotted

(4) dashed

В каком случае фон будет расположен в левом верхнем углу?

(1) background-position: 0% 0%;

(2) background-position: 100% 100%;

(3) background-position: left top;

(4) background-position: top left;

Упорядоченные списки выравниваются согласно:

(1) пункту списка с самым большим числовым значением

(2) правой границе числового маркера

(3) левой границе значения элемента списка

Какое свойство тега td или th необходимо использовать, чтобы установить вертикальное выравнивание текста в ячейках?

(1) text-align;

(2) v-align;

(3) vertical-align;

Как располагаются строковые боксы?

(1) строковые боксы располагаются каждый в своей строке

(2) строковые боксы располагаются горизонтально

(3) порядок строковых боксов не определен

Будут ли блочные боксы располагаться горизонтально, если это позволяет ширина?

(1) будут, если имеется достаточно пространства

(2) будут, так как блочные элементы располагаются горизонтально

(3) не будут

Если абсолютно позиционированный элемент не имеет позиционированного предка, что будет его объемлющим блоком?

(1) родительский блочный элемент

(2) тело документа (элемент body)

(3) начальный объемлющий блок (элемент html)

Что стало проблемой при попытке заставить общаться отдельные сети?

(1) удаленность сетей друг от друга

(2) распространение различных сетевых протоколов

(3) разноязычность пользователей

Какие цвета назвали "безопасными цветами Web"?

(1) цвета, которые не портят монитор

(2) цвета, которые не вредят глазам

(3) цвета, которые должны выглядеть одинаково на компьютерных платформах и браузерах с разными цветовыми возможностями

Элемент body - это:

(1) элемент заголовка

(2) оболочка, содержащая реальное содержимое страницы

(3) элемент типа заголовка

Типы списков являются:

(1) взаимозаменяемыми

(2) невзаимозаменяемыми, каждый из них имеет определенное значение

Какие функции выполняет элемент th?

(1) позволяет создать заголовок для данных таблицы

(2) определяет содержимое между тегами как заголовок таблицы для каждого столбца

(3) определяет строку таблицы

Элемент div используется для:

(1) создания оболочки вокруг элементов блочного уровня или объединения их в группу

(2) создания оболочки вокруг строковых элементов и/или текста или объединения их в группу

(3) определения области, где находится контент документа

Чтобы соединиться с анкерами, используется атрибут href, значение которого определяется как:

(1) символ #, за которым следует такое же имя, как и значение id анкера, на который должна указывать эта ссылка

(2) символ *, за которым следует такое же имя, как и значение id анкера, на который должна указывать эта ссылка

(3) символ %, за которым следует такое же имя, как и значение id анкера, на который должна указывать эта ссылка

Просматривает документ, представленный для проверки, и проверяет все ссылки в документе, чтобы гарантировать отсутствие неработающих ссылок (у которых значения href указывают на несуществующие ресурсы), следующий наиболее известный валидатор:

(1) W3C MarkUp Validator

(2) W3C Link Checker

(3) W3C CSS Validator

Почему текст считается универсальным средством представления контента?

(1) потому что он наиболее удобен для понимания

(2) потому что текст можно легко прочитать вслух с помощью считывателя экрана

(3) потому что текстом легко манипулировать

(4) потому что речь - наиболее привычное для человека средство общения

Тестирование экспертов сайта на доступность важно, так как:

(1) они понимают, как взаимодействуют нижележащие технологии Web, могут действовать в качестве центра обмена знаниями о различных группах пользователей, и имеют склонность к изучению специальных средств тестирования

(2) они являются реальными экспертами своих возможностей и своей собственной вспомогательной технологии

Какой из приведенных селекторов является селектором класса?

(1) p{}

(2) .example{}

(3) #example{}

Какая таблица является встроенной таблицей стилей браузера?

(1) таблица стилей агента пользователя

(2) таблица стилей пользователя

(3) таблица стилей автора

Какие размеры следует использовать в статических компоновках?

(1) абсолютные

(2) относительные

(3) размеры, определяемые ключевыми словами

Укажите допустимые определения:

(1) border-color: red blue white black;

(2) border-color: transparent;

(3) border-color: #ffffff;

В каком случае изображение будет позиционировано в нижнем левом углу элемента blockquote?

(1) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 100%;}

(2) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 0%;}

(3) blockquote{background: yellow url(quote.png) no-repeat scroll 100% 100%;}

Как преобразовать список в горизонтальный?

(1) задать для пунктов списка display:inline

(2) задать для пунктов списка align:horizontal

(3) невозможно задать горизонтальное расположение списка

Какие могут возникнуть проблемы при использовании border-spacing для устранения пробела между ячейками?

(1) данное свойство не работает в браузере Internet Explorer

(2) граница толщиной 1 пиксель заменяется границей толщиной 2 пикселя

(3) данное свойство убирает пробел только у внутренних границ ячеек

(4) данное свойство убирает пробел только у внешних границ ячеек

Какие допустимые значения имеет свойство float?

(1) left

(2) right

(3) top

(4) none

(5) bottom

(6) inherit

Если нижнее поле верхнего блочного бокса равно 40 пикселей, а верхнее поле нижнего блочного бокса равно 30 пикселей, и эти блочные боксы расположены друг за другом, какое расстояние будет между ними в нормальном потоке?

(1) 70 пикселей

(2) 40 пикселей

(3) 30 пикселей

Какое расстояние определяют свойства top, right, bottom, left для относительно позиционированного элемента?

(1) относительное расстояние для смещения относительно объемлющего блока

(2) абсолютное расстояние для смещения относительно объемлющего блока

(3) абсолютное расстояние для смещения относительно начала страницы

"Войны браузеров" привели к тому, что:

(1) компании Microsoft и Netscape сосредоточились на реализации новых свойств, а не на решении проблем тех свойств, которые они уже поддерживали

(2) разработчики были вынуждены иногда создавать два различных, но по сути дублирующих друг друга сайта для двух основных браузеров

(3) разработчики были вынуждены иногда поддерживать только один браузер, блокируя для других использование своего сайта

Триадическая цветовая схема создается:

(1) при выборе одного цвета и добавлении затем двух других цветов, которые лежат на одинаковом расстоянии друг от друга на цветовом круге

(2) при выборе трех соседних цветов цветового круга

(3) при выборе белого, серого и черного цветов

"Потомком" элемента называют:

(1) элемент внутри другого элемента

(2) предыдущую версию этого элемента в спецификациях HTML

(3) атрибут элемента

Упорядоченные списки используются для:

(1) вывода множества объектов, которые могут быть размещены в любом порядке

(2) вывода списка объектов, которые необходимо разместить в определенном порядке

(3) соединения определенных объектов и их определений в списке

Элемент tbody определяет:

(1) верхний колонтитул таблицы

(2) тело таблицы

(3) нижний колонтитул таблицы

Имена class и id, сопутствующие элементам div и span, всегда должны быть семантические, что означает, что они должны указывать на:

(1) адрес страницы в сети

(2) визуальное представление контента

(3) значение/роль контента

В случае создания меню навигации по сайту, в меню ссылок текущую страницу лучше всего:

(1) обязательно указать как ссылку

(2) деактивировать ее как ссылку, но выделить (например, с помощью элемента strong)

(3) вообще не указывать никак

Программа валидации нужна для того, чтобы:

(1) предупреждать о существовании ошибок на страницах

(2) не позволить ошибкам проявлять себя разнообразным и трудно определяемым образом

(3) исключить возможность для различных браузеров находить разные пути обработки ошибок кода

Атрибут alt выполняет следующие функции:

(1) содержит краткое описание изображения для людей (или поисковых систем), которые могут не видеть изображение правильно

(2) позволяет соединиться со страницей HTML, содержащей полное описание изображения, обычно используется только для описания сложных изображений

(3) содержит название рисунка

Скрининг - это:

(1) когда эксперт моделирует работу конечного пользователя с Web-сайтом

(2) когда оценщик использует инструмент для исследования, как различные части Web-сайта работают вместе

(3) когда оценщик просматривает код и активы Web-сайта, чтобы исключить возможные проблемы

В каком случае будет использован следующий селектор? #menu{ border-style:solid; border-color:rgb(0,0,0); border-width:1px; }

(1) <ul class="menu">

(2) <ul id="menu">

(3) <ul "menu">

Какая таблица имеет наименьший приоритет?

(1) таблица стилей агента пользователя

(2) таблица стилей пользователя

(3) таблица стилей автора

Какое свойство предназначено для выбора гарнитуры шрифта?

(1) font-size

(2) font-family

(3) font-style

Какая толщина границы используется по умолчанию, если соответствующее значение в сокращенном правиле border отсутствует?

(1) thin

(2) thick

(3) толщина в этом случае определяется браузером

Для чего используются спрайты?

(1) для изменения содержания HTTP запроса

(2) для уменьшения количества HTTP запросов

(3) для увеличения количества HTTP запросов

Какое состояние применяется, когда пользователь активирует ссылку (в тот момент, когда делает на ней щелчок)?

(1) фокус

(2) посещенная

(3) под указателем

(4) активная

Какие проблемы могут возникнуть при перемещении заголовка таблицы в другое место?

(1) заголовок таблицы всегда располагается сверху и его нельзя перемещать

(2) заголовок таблицы невозможно переместить в браузере Internet Explorer

(3) заголовок таблицы можно перемещать только в браузере Internet Explorer

Если свойство float имеет значение left, куда сместится плавающий элемент?

(1) плавающий элемент прижмется к левой границе экрана

(2) плавающий элемент сместится влево на 100 пикселов

(3) плавающий элемент сместится как можно дальше влево, при этом не пересекая границу элемента-предка

Зачем генерируются анонимные блочные боксы?

(1) для логического структурирования документа

(2) для того чтобы блочный бокс содержал только блочные боксы в случае, когда он содержит смесь блочных и строковых боксов

(3) для оптимизации обработки документа браузерами

Относительно какой точки задаются расстояния для свойств top, left, right, bottom у абсолютно позиционированного элемента?

(1) относительно верхнего левого угла экрана

(2) относительно начала документа

(3) относительно краев объемлющего элемента

HTTP - это:

(1) язык разметки гипертекста

(2) протокол передачи гипертекста

(3) система имен доменов

Контент сайта помогает определить:

(1) стоимость разработки

(2) тип дизайна

(3) компоновку

(4) средства навигации

Какие из приведенных ниже элементов являются строковыми?

(1) параграфы

(2) пункты списка

(3) гипертекстовые ссылки

Списки определений используются для:

(1) вывода множества объектов, которые могут быть размещены в любом порядке

(2) вывода списка объектов, которые необходимо разместить в определенном порядке

(3) соединения определенных объектов и их определений в списке

Атрибут rowspan:

(1) создает ячейку таблицы, которая будет охватывать более одного столбца

(2) создает ячейку таблицы, которая будет охватывать несколько строк

(3) определяет сводку содержимого таблицы, для использования считывателями экрана

При помощи каких элементов возможно создание оболочки вокруг несвязного текстового контента?

(1) p

(2) div

(3) q

(4) span

Схема сайта является:

(1) схемой всех различных страниц сайта

(2) контекстным меню

(3) тематическим описанием сайта

Если браузер встречает страницу, которая имеет неправильный doctype, или вообще не имеет doctype, он переходит в режим:

(1) Outlook

(2) Quirksmode

(3) NiceLook

Для описания сложных изображений используется атрибут:

(1) text

(2) alt

(3) longdesc

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

(1) изображения должны иметь текстовые эквиваленты

(2) должно быть возможно взаимодействие с Web-сайтом без мыши и перемещение по нему с помощью считывателя экрана

(3) основной материал должен быть не более сложным, чем требуется, а Web-сайт должен действовать предсказуемым образом

(4) Web-сайты должны взаимодействовать с различными агентами пользователей, а навигация должна быть согласованной

Чем селекторы нижележащих отличаются от селекторов потомков?

(1) тем, что позволяют выбирать прямых потомков элементов

(2) тем, что позволяют выбирать не только прямых потомков, но и другие элементы, расположенные ниже в дереве

(3) ничем не отличаются

Какова специфичность селектора *?

(1) низкая

(2) высокая

(3) может быть как низкой, так и высокой

В каких случаях значения свойства font-family заданы верно?

(1) font-family: Palatino Georgia, serif;

(2) font-family: Georgia, Trebuchet MS, Times, serif;

(3) font-family: Georgia,Times, serif;

Какова будет ширина элемента, если значения соответствующих свойств соотносится следующим образом: min-width < width < max-width?

(1) min-width

(2) width

(3) max-width

Каково значение параметра background-attachment по умолчанию?

(1) fixed

(2) scroll

(3) none

Что ожидают пользователи после того, как они посетили страницу?

(1) пользователи ожидают, что ссылка изменится

(2) пользователи ожидают, что ссылка исчезнет со страницы

(3) пользователи ожидают, что ссылка превратится в обычный текст

Если у таблицы и у строки задан различный цвет фона, какой цвет фона будет у ячеек в этой строке?

(1) цвет фона таблицы.

(2) цвет фона строки

(3) цвет фона по умолчанию

Что будет, если ширина плавающих элементов превосходит 100%?

(1) появится горизонтальная полоса прокрутки

(2) ширина автоматически будет уменьшена до 100%

(3) плавающие элементы будут расположены друг под другом

Зачем генерируются анонимные строковые боксы?

(1) для охвата текстового контента элементов

(2) для логического структурирования элементов

(3) для оптимизации обработки элементов браузером

Каким образом можно задать ширину абсолютно позиционированного элемента?

(1) только с помощью свойств left и right

(2) только с помощью свойства width

(3) только с помощью свойств left и width

(4) с помощью left и right, или определяя width

Что может помочь в первоначальном выборе цветовых схем?

(1) цвета логотипа

(2) сфера деятельности компании

(3) время года, в которое создается сайт

Какие символы в HTML являются специальными?

(1) <

(2) >

(3) ;

(4) &

(5) #

В каких случаях изображения добавляются с помощью элемента img?

(2) если изображение присутствует как "украшение", и к нему не требуется альтернативный текст

Могут ли формы вкладываться друг в друга?

(1) да

(2) нет

Нумерацию страниц можно встретить:

(1) в больших архивах изображений

(2) на страницах с результатами поиска

(3) на странице авторизации пользователя сайта

Почему нужно задавать alt="" для изображений, которые, как вы знаете, не заинтересуют пользователя?

(1) чтобы считыватель экрана не читал URL такого изображения, что может быть достаточно утомительно для пользователя считывателя экрана

(2) ничего не надо задавать

(3) чтобы дать понять пользователю, что этот текст - несущественный

Какие селекторы выбирают каждый элемент на странице для применения к ним стилей оформления?

(1) универсальные селекторы

(2) селекторы атрибутов

(3) селекторы потомка

(4) селекторы нижележащих элементов

Окончательное решение определяется порядком исходного кода, если:

(1) два объявления влияют на один и тот же элемент

(2) два объявления имеют одинаковую важность

(3) два объявления влияют на один и тот же элемент, имеют одинаковую важность и одинаковую специфичность

Какие значения допустимы для свойства font-style?

(1) Arial, Georgia, Times

(2) italic, oblique, normal

(3) larger, smaller

В каком случае содержимое элемента будет отображено полностью, даже выступающее за пределы всего ограничивающего бокса?

(1) overflow: scroll;

(2) overflow: hidden;

(3) overflow: visible;

(4) overflow: auto;

Почему стили ссылок должны быть расположены в определенном порядке в таблице стилей?

(1) потому что этот порядок определен стандартом

(2) потому что в противном случае браузеры не будут отображать ссылки

(3) потому что настройки будут переопределять друг друга и состояния ссылок не будут работать

Какой код задает цвет фона заголовка таблицы?

(1) table { caption-background-color: red; }

(2) caption { background: red; }

(3) capiton { bgcolor: red; }

Какие допустимые значения имеет свойств clear?

(1) left

(2) right

(3) top

(4) both

(5) bottom

(6) all

(7) none

(8) inherit

За что отвечает свойство direction?

(1) за порядок отображения строковых боксов: сверху вниз или снизу вверх

(2) за порядок отображения строковых боксов: слева направо или справа налево

(3) определяет выравнивание текста в строковом блоке

Разрешение экрана 1024х768, размер объемлющего блока абсолютно позиционированного элемента 800x600. Какая ширина будет у абсолютно позиционированного блока, если она задана как: 50%?

(1) 512 пикселей

(2) 400 пикселей

(3) 300 пикселей

Контент - это:

(1) логотип сайта

(2) адрес сайта

(3) любое содержательно-значимое наполнение информационного ресурса сайта

Сколько существует основных типов шрифтов?

(1) 3

(2) 4

(3) 5

Элемент body определяет область, где:

(1) находится весь контент документа

(2) находится большая часть инструкций для браузера и хранится дополнительная информация о документе

(3) находится информация об определении основного естественного языка документа

Атрибут alt элемента img содержит текст, который:

(1) выводится, если изображение недоступно по каким-то причинам

(2) считывается вспомогательными технологиями для людей с недостатками зрения

(3) выводится, когда изображение было успешно загружено и показано

(4) служит для оптимизации поисковых машин

Каждый элемент input должен иметь атрибут name, который:

(1) определяет, какой вид информации будет вводиться

(2) определяет имя переданной переменной сценарию, в которой содержится информация из поля ввода

В картах ссылок для карты задается атрибут:

(1) name

(2) usemap

(3) id

Документ, озаглавленный "Агенты пользователя":

Какой элемент является предком всех элементов в данном случае? <div> <em>em</em> <p>p <em>em</em>. </p> </div>

(1) div

(2) em

(3) p

Какой селектор имеет меньшую специфичность?

(1) *

(2) #special

(3) указанные селекторы имеют одинаковую специфичность

Что такое капитель?

(1) способ изменения символов, при котором все строчные символы представлены как заглавные уменьшенного размера

(2) способ изменения символов, при котором все заглавные символы представлены как строчные увеличенного размера

(3) способ изменения символов, при котором все строчные символы представлены как заглавные увеличенного размера

(4) способ изменения символов, при котором все заглавные символы представлены как строчные уменьшенного размера

Какие из указанных единиц измерения являются пропорциональными?

(1) %

(2) em

(3) px

Каково значение вертикального смещения элемента при определении background-position: 10px 40px;?

(1) 10px

(2) 40px

(3) 0px

Если необходимо задать правило CSS для всех ссылок, куда нужно поместить элемент «a» в таблице стилей?

(1) в любое место

(2) в начало таблицы стилей

(3) перед стилями состояний ссылок для поддержания верного порядка

(4) в конец таблицы стилей

Каким недостатком обладает способ оформления таблицы в виде "зебры" с использованием CSS3 селектора :nthchild?

(1) данный способ работает не со всеми основными браузерами

(2) данный способ работает только в браузере Internet Explorer

(3) использование данного способа чрезмерно сложно, поэтому на практике практически не применяется

Как изменяются размеры элемента, если один из его потомков является плавающим элементом?

(1) предок обычно не расширяется, чтобы охватить плавающего потомка

(2) предок обычно расширяется, чтобы полностью охватить плавающего потомка

(3) наличие плавающих потомков заставляет элемент расширяться на всю страницу

За что отвечает свойство line-height?

(1) за высоту строкового бокса

(2) за высоту линейного бокса

(3) за высоту блочного бокса

Какую точку привязки на оси Z имеют позиционированные элементы в контексте стека?

(1) значение точки привязки уменьшается

(2) значение точки привязки увеличивается

(3) все элементы имеют одну точку привязки

Динамический Web-сайт - это:

(1) сайт, который обслуживает любого посетителя одинаково, если только создатель Web-сайта не решит вручную изменить его копию на сервере

(2) сайт, который может выводить различные данные, в зависимости от информации, передающейся на Web-сайт

(3) сайт, который постоянно изменяется

Шрифт Times New Roman, нормальный (не жирный и не курсив) - это:

(1) шрифт с засечками

(2) шрифт без засечек

(3) моноширинный шрифт

Зачем в элемент head добавляются описание и ключевые слова?

(1) если поместить этот документ в сеть, и поисковые системы проиндексируют его, описание будет выводиться как текст ниже ссылки в результатах поиска системы

(2) некоторые браузеры показывают описание как дополнительную информацию, когда документ добавляют в каталог избранных ссылок

(3) это дает возможность браузерам понять, каким образом надо отображать страницу

(4) ключевые слова помогают обеспечить хороший и быстрый поиск для сайтов

Атрибуты width и height элемента img нужны для:

(1) задания размеров изображения

(2) изменения формата изображения

(3) приказа агенту пользователя выделить необходимое пространство для изображений до их загрузки

(4) ускорения загрузки страницы

Какого вида текст можно ввести в область input?

(1) одну обычную строку текста

(2) произвольный текст

В карте ссылок атрибут каждой области href определяет:

(1) URL, с которым должна соединяться ссылка

(2) альтернативный текст на тот случай, если изображение невозможно найти или агент пользователя не поддерживает изображения

(3) форму области

В WCAG 2.0 предполагается, что считыватель экрана будет читать страницы людям, которым это требуется, а значит:

(1) каждый Web-сайт будет предоставлять аудио-версию своего контента

(2) Web-сайт предоставит страницы, которые можно прочитать с помощью обычной технологии чтения экрана

(3) каждый Web-сайт будет содержать ссылку на подобный считыватель

Какое из указанных правил является сокращенной записью заданного правила? div.foo { margin-top: 1em; margin-right: 1.5em; margin-bottom: 2em; margin-left: 2.5em; }

(1) div.foo {margin: 1em, 1.5em, 2em, 2.5em;}

(2) div.foo {margin: 1em 1.5em 2em 2.5em;}

(3) div.foo {margin: 1em; 1.5em; 2em; 2.5em;}

Какие из перечисленных свойств не наследуются?

(1) color

(2) background-color

(3) width

В каком случае сокращенное правило font записано верно?

(1) font: italic normal bold x-large/1.167em Helvetica,Arial,sans-serif;

(2) font: italic normal bold x-large/1.167em Helvetica Arial sans-serif;

(3) font: 12pt sans-serif;

Какая единица измерения обеспечивает максимальный контроль над компоновкой?

(1) em

(2) %

(3) px

В каком случае элемент будет виден полностью?

(1) background-position: 10px 0px;

(2) background-position: 0px 10px;

(3) background-position: -10px 0px;

Зачем требуется использовать «ложное подчеркивание»?

(1) это наиболее распространенная техника оформления подчеркивания ссылок

(2) стандартное подчеркивание в большинстве браузеров реализовано с ошибкой

(3) стандартное подчеркивание является немного толстоватым и пересекает нижние выносные элементы некоторых строчных букв

Какой из перечисленных ниже способов оформления таблицы в виде "зебры" работает в основных браузерах?

(1) использование JavaScript (при поддержке браузером)

(2) использование селектора :nthchild

(3) использование классов для четных и нечетных строк таблицы

С какой целью может потребоваться задавать элемент-предок плавающих элементов также плавающим?

(1) это требуется для устранения ошибок браузеров при работе с плавающими элементами

(2) это требуется для того, чтобы элемент-родитель расширился для охвата своих плавающих потомков

(3) это требуется для ускорения обработки страницы браузерами

За что отвечает параметр text-align?

(1) за выравнивание строковых боксов в линейном боксе в случае, когда общая ширина строковых боксов меньше ширины линейного бокса

(2) за выравнивание строковых боксов в родительском блочном боксе

(3) за выравнивание текста в строковом боксе

Если у элемента положительное значение свойства z-index, где он будет расположен относительно других элементов со значением свойства z-index по умолчанию?

(1) перед элементами

(2) позади элементов

(3) на одном уровне

Атрибуты языков разметки HTML и XHTML:

(1) определяют тип реального контента

(2) определяют дополнительную информацию по элементам

(3) определяют максимальный объем загружаемой на сайт информации

Для тестирования оформления текста и ссылок можно использовать:

(1) друзей

(2) форумы

(3) профессиональных редакторов

(4) валидаторы W3C

Для чего используется doctype?

(1) браузеры Web используют его для определения, какой режим воспроизведения они должны использовать

(2) валидаторы разметки просматривают doctype, чтобы определить, согласно каким правилам они должны проверять документ

(3) рекламные компании используют его для продвижения продукта на рынке

(4) графические редакторы используют его, чтобы определить формат изображений

Анкерные ссылки задаются в документе с помощью элемента:

(1) em

(2) q

(3) a

В чем измеряются значения атрибутов cols и rows элемента textarea?

(1) в пунктах

(2) в символах

(3) в процентах

В карте ссылок атрибут каждой области coords определяет:

(1) URL, с которым должна соединяться ссылка

(2) координаты в изображении, которые должны стать горячими точками

(3) форму области

Какой псевдо-класс используется для указания ссылки, на которой в данный момент находится указатель мыши?

(1) :link

(2) :visited

(3) :focus

(4) :hover

(5) :active

Имеются внешние таблицы стилей: Style1.css: P { color: red } и Style2.css: P { color: blue }. Каким будет результат подключения этих таблиц в указанной последовательности? <LINK href ="style2.css" rel="stylesheet" type="text/css"> <LINK href ="style1.css" rel="stylesheet" type="text/css">

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) в качестве цвета текста в абзацах будет выбран цвет по умолчанию

Какие аналоги свойства text-align существуют в HTML?

(1) <center>

(2) <p | h1 | div | table | thead | tbody | tfoot | tr | th | td align>

(3) в HTML не существует аналогово данного свойства

Какие значения влияют на значение вычисленной ширины или высоты элемента?

(1) margin

(2) border

(3) padding

Какое свойство используется для вывода изображений, содержащихся в спрайте?

(1) background-attachment

(2) background-position

(3) background-color

Что делает следующий код: a { text-decoration: none; } ?

(1) отключает подчеркивание у всех ссылок

(2) отключает оформление ссылок по умолчанию

(3) превращает ссылки в обычный текст

С чем связана ошибка использования свойства border-collapse:collapse в некоторых браузерах?

(1) ошибка связана с проблемой округления

(2) ошибка связана с неполным следованием стандарту

(3) ошибка связана с тем, что в некоторых браузерах между границами ячеек остается зазор

Что произойдет, если строковый бокс сделать плавающим?

(1) бокс станет блочным

(2) бокс останется строковым

(3) строковые боксы нельзя делать плавающими

Как располагается элемент с относительным позиционированием в потоке элементов?

(1) он изымается из потока и располагается относительно тела документа

(2) он остается в потоке статического документа

(3) он помещается в конец потока, где обрабатывается в последнюю очередь

Какое существует различие между значениями 0 и auto у свойства z-index?

(1) auto создает локальный контекст стека, 0 не создает

(2) 0 создает локальный контекст стека, auto не создает

(3) отличий между этими значениями нет

Атрибутом называется:

(1) первый символ меньше, первый символ больше и текст между ними

(2) текстовая строка, состоящая из последовательности букв, за которой следует знак равенства, за которым следует другая последовательность букв, заключенная в символы кавычек

(3) второй символ меньше, косая черта, второй символ больше и текст между ними

Идеальной длиной строки считается такая:

(1) которую можно охватить взглядом, фактически не двигая при этом глазами

(2) которую можно охватить взглядом, следуя за текстом движением глаз, но не головы

(3) которую можно охватить взглядом, следуя за текстом движением головы

Если используется следующий doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> то документ является кодом:

(1) HTML

(2) XHTML

Состояние ссылки hover - это:

(1) состояние по умолчанию - оно определяет, как должны выглядеть ссылки в определенной части документа

(2) стиль ссылки, которая уже была

(3) стиль ссылки, когда курсор мыши находится над ней

(4) стиль ссылки, когда выполняется соединение с другим сайтом

Элемент fieldset:

(1) позволяет организовать форму в семантические модули

(2) определяет, какой файл сценария данных формы должен быть послан для обработки

(3) определяет, какой вид информации будет вводиться

Сохранять экранное пространство и предотвращать перегруженность ссылками возможно, создавая формы, использующие элемент:

(1) list

(2) select

(3) img

Каким образом будет применено правило: margin: 2px;?

(1) значение 2px применяется только к верху и низу

(2) значение 2px применяется только к левому и правому краю

(3) значение 2px применяется ко всем четырем сторонам

Сколько псевдо-классов содержится в селекторе html>head+body ul#nav *.home a:link?

(1) 0

(2) 1

(3) 2

(4) 5

Какое свойство позволяет изменять величину пробела между словами?

(1) word-spacing

(2) letter-spacing

(3) любое из указанных свойств

Свойство clear:

(1) отменяет действие параметра float

(2) может принимать 4 значения: те же, что свойство float, и both

(3) устанавливает, с какой стороны элемента запрещено его обтекание другими элементами

В каком случае фон будет перемещаться вместе с содержимым элемента?

(1) background: url(images/pic_bg.gif) left top repeat #D4D2D3;

(2) background: #fc0 url('sample.gif') repeat-y fixed;

(3) background: #ffffff url('sample.gif') repeat scroll;

Каким образом можно пометить внешнюю ссылку с помощью иконки или символа?

(1) задать для внешних ссылок специальный класс

(2) невозможно определить, является ли ссылка внешней или нет, поэтому ее нельзя пометить особым образом

(3) необходимо воспользоваться специальным свойством a:external_link

Как реализована обработка плавающих элементов в основных браузерах?

(1) все браузеры полностью поддерживают плавающие элементы

(2) только Internet Explorer полностью поддерживает плавающие элементы

(3) все браузеры, кроме Internet Explorer, поддерживают полностью плавающие элементы

(4) во всех браузерах имеются ошибки при работе с плавающими элементами

Какие проблемы могут возникнуть при использовании свойств min-width и max-width?

(1) данные свойства устарели и уже не поддерживаются основными браузерами

(2) данные свойства появятся лишь в следующей версии стандарта и еще не поддерживаются основными браузерами

(3) данные свойства не поддерживаются в браузере Internet Explorer 6

Как будет выведен на печать элемент с фиксированным позиционированием?

(1) элемент будет отображен на первой странице

(2) элемент будет повторен на каждой странице

(3) элемент повится на той странице, которая соответствует позиции элемента в потоке документа

При определении ID:

(1) на странице каждый ID может использоваться лишь однажды

(2) на странице можно иметь несколько элементов одного ID

Если браузер находит doctype, который указывает, что документ закодирован хорошо, то при формировании страницы он будет использовать:

(1) "режим Standards"

(2) "режим Quirks"

Атрибут title элемента a - это:

(1) ресурс, на который указывает анкер (внешний файл или ID анкера)

(2) ID анкера, если анкер является целью, а не ссылкой

(3) дополнительная информация о внешнем ресурсе

Атрибут method элемента form:

(1) предоставляет уникальный идентификатор ID для идентификации формы

(2) определяет, как данные посылаются сценарию, который будет их обрабатывать

(3) определяет, какой файл сценария данных формы должен быть послан для обработки

В карте ссылок значение circle в атрибуте shape задает:

(1) прямоугольную форму области

(2) круглую форму области

(3) нерегулярную форму области, определяемую с помощью многоугольников

Какой псевдо-элемент определяет, что контент должен быть вставлен после выбранного элемента?

(1) :before

(2) :after

(3) при использовании любого псевдо-элемента контент вставляется после выбранного элемента

Каков будет результат применения указанного правила? <STYLE> Р{ color: red } Р{ color: green } P{ color: blue } </STYLE>

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Какой способ выравнивания лучше всего подходит для длинных отрывков повествования?

(1) выравнивание справа

(2) полное выравнивание

(3) центрирование

Какие элементы HTML относятся к строковому типу?

(1) p

(2) div

(3) em

(4) table

Спрайт содержит изображения высотой и шириной 30 pt. Как расположены изображения, если для получения второго изображения из данного спрайта используется определение background-position: -30px 0;?

(1) по вертикали

(2) по горизонтали

(3) определить невозможно

Что делает следующий код: a { text-decoration : none; border-bottom: 1px solid red; } ?

(1) создает "ложное подчеркивание" красного цвета толщиной 1 пиксель у всех ссылок на странице

(2) создает "ложное подчеркивание" у посещенных ссылок

(3) делает стандартное подчеркивание у ссылок красного цвета и толщиной 1 пиксель

Какой способ позволит полностью избежать проблем с полем таблицы и заголовком в браузерах, в которых есть такая ошибка?

(1) задание нулевого поля на стороне заголовка

(2) задание отрицательного поля на стороне заголовка

(3) расположение заголовка только внизу таблицы

Каким образом можно плавающий элемент расположить по центру его родительского элемента?

(1) необходимо воспользоваться свойством float:center

(2) необходимо воспользоваться свойством float:auto

(3) это можно сделать только с использованием абсолютного позиционирования

(4) необходимо воспользоваться дополнительным элементом (оболочкой), которая будет смещена вправо, а плавающий элемент внутри оболочки – сместить влево

Для каких целей используется expression() в CSS при оформлении элементов с относительным позиционированием?

(1) данное средство используется для эмуляции ограничений по ширине в браузере Internet Explorer

(2) данное выражение используется для вычислений, что позволяет создавать динамические стили

(3) данное выражение выводит окно с предупреждением пользователю

Где будет отображаться элемент с заданным свойством position:fixed при прокрутке страницы?

(1) элемент останется на своем месте

(2) элемент будет смещаться вместе с остальным документом

(3) элемент всегда будет на верху страницы

В языке XHTML в отличие от HTML:

(1) все элементы должны быть явно закрыты

(2) некоторым элементам не требуется закрывающий тег

Желательно, чтобы главная страница сайта содержала:

(1) бросающееся в глаза приглашение "Добро пожаловать на наш Web-сайт"

(2) динамичную информацию

(3) заголовки новостей

(4) привлекательные изображения

(5) разнообразную рекламу

Что означает термин "элемент"?

(1) открывающий тег, закрывающий тег и все что между ними

(2) термины "элемент" и "тег" взаимозаменяемы

(3) маркер, который указывает, как должна рассматриваться информация, следующая за ним

Что обозначает элемент p?

(1) заголовок

(2) абзац

(3) цитату

Элемент td определяет:

(1) строку таблицы

(2) ячейку таблицы

(3) название таблицы

Верно ли утверждение, что элемент div не используется для описания контента?

(1) да

(2) нет

Элементы a предназначены для:

(1) автоматического перехода агента пользователя

(2) перехода лишь после активации их пользователем

(3) перехода по специальному запросу

Программа валидации:

(1) сравнивает код HTML на странице Web с правилами сопровождающего doctype и сообщает, какие правила и где были нарушены

(2) проверяет контент страницы на грамматические ошибки и дает рекомендации по их исправлению

(3) анализирует правильность выбора графического материала

Назовите 2 причины, почему важно создавать доступные Web-сайты:

(1) чтобы не лишить потенциальных заказчиков/посетителей возможности использовать сайт

(2) чтобы можно было разместить как можно больше рекламы

(3) методы, которые помогают людям с физическими недостатками, будут полезны всем пользователям

Понятие юзабилити включает в себя:

(1) информационную составляющую структуры сайта (например, удобство навигации, читаемый шрифт и т.п.)

(2) ряд технических аспектов (например, скорость загрузки страниц сайта и т.п.)

(3) юридическую составляющую (например, защищенность авторских прав владельцев сайта)

Какие параметры элементов определяются с использованием CSS?

(1) функция элемента

(2) цвет

(3) размер

(4) шрифт

Отметьте верные утверждения:

(1) поля в CSS не наследуются

(2) цвет фона в CSS не наследуется

(3) все свойства CSS наследуются

Какова оптимальная длина строки с точки зрения удобочитаемости?

(1) короткая

(2) средняя

(3) длинная

Поля каких элементов не будут сжиматься с полями других блочных элементов?

(1) списки

(2) заголовки

(3) никаких, поля всех блочных элементов сжимаются одинаково

Какую функцию выполняет свойство background-color?

(1) задает цвет фона элемента HTML

(2) сообщает браузеру, где разместить фоновое изображение

(3) задает поведение фонового изображения, когда пользователь выполняет прокрутку

Что требуется, чтобы маркер или цифры имели цвет, отличный от текста?

(1) нельзя изменить цвет маркера или цифр, потому что они используют значение элемента li

(2) необходимо воспользоваться свойством list-marker-color

(3) необходимо воспользоваться изображением или решить проблему с помощью других элементов в пунктах списка

Чем отличаются ячейки td и th?

(1) ячейки td и th ничем не отличаются и могут использоваться в любом месте таблицы

(2) ячейки th используются для задания заголовков столбцов таблицы, а ячейки td – для ячеек данных таблицы

(3) ячейки th рекомендованы к использованию, в то время как ячейки td признаны устаревшими

Какое свойство используется для задания очистки плавающего элемента?

(1) clear

(2) float

(3) clean

Каким образом можно управлять типом генерируемого бокса элемента?

(1) тип бокса зависит только от используемого тега

(2) с помощью свойства box-type

(3) с помощью свойства display

Какой особенностью обладают элементы с фиксированным позиционированием?

(1) эти элементы фиксируются относительно окна просмотра/окна браузера

(2) эти элементы фиксируются относительно объемлющего элемента

(3) эти элементы фиксируются в конце страницы

К возможным аргументам против использования стандартов в Web-сайтах относится:

(1) отсутствие образования

(2) отсутствие таковых стандартов

(3) политика компании

Что такое юзабилити?

(1) термин, определяющий правовую защищенность сайта

(2) выделение заголовков некоторых статей более крупным шрифтом и другим цветом

(3) термин, определяющий создание сайта, поведение которого организовано рациональным и ожидаемым образом

Какая версия HTML попыталась рационализировать и очистить HTML, включила дополнительные специальные расширения браузеров и была опубликована в 1997г. в качестве рекомендации?

(1) HTML 2.0

(2) HTML 3.0

(3) HTML 4.0

Атрибут cite в элементе blockquote служит для того, чтобы:

(1) указать ссылку на Web-страницу, с которой берется цитата

(2) указать размер шрифта, которым будет выводиться цитата

(3) указать интервал между буквами

Ячейку таблицы определяет следующий элемент:

(1) table

(2) tr

(3) td

Элемент span совместно с атрибутами id и class:

(1) существует для описания контента

(2) предлагает базовый механизм для добавления в документы структуры

(3) помогает в настройке документа

Выберите правильный вариант вложения списков:

(1) <ul><li><ul><li></li></ul></li></ul>

(2) <ul><li></li><ul><li></li></ul></ul>

Валидаторы MarkUp Validator, Link Checker и CSS Validator можно найти на сайте организации:

(1) W3C

(2) C3W

(3) WCC

Как лучше сделать сайт с учетом доступности?

(1) просто проектировать по своим соображениям, пользователи сами потом подстроятся

(2) проектировать с самого начала с учетом всех требований доступности

(3) разработать сайт, а потом откорректировать его для использования всеми пользователями

Выберите верное утверждение:

(1) лучше с самого начала проводить оценку доступности, чтобы обеспечить качество и не тратить потом деньги и время на исправление выявленных в конце проблем

(2) можно не проводить оценки на доступность вовсе, кому надо, тот и сможет пользоваться

(3) лучше провести такую оценку в конце разработки, когда уже все готово, чтобы не отвлекаться в процессе разработки и не тратить лишнее время и деньги

Что обозначает запись h1, p {color:red} в CSS?

(1) к h1 и p будет применено одинаковое оформление

(2) оформление будет применено только к p

(3) оформление будет применено только к h1

Для чего предназначено принудительное наследование?

(1) для постоянного использования

(2) для "отмены" объявления в конфликтующем правиле

(3) для избегания жесткого кодирования некоторых значений

Какие единицы измерения используются в CSS для задания размера текста?

(1) px

(2) em

(3) %

(4) pt

Каким будет отступ от правого края в случае определения margin: 10px 20px 30px 40px;?

(1) 10px

(2) 20px

(3) 30px

(4) 40px

В каком случае изображение будет повторяться по горизонтали?

(1) background-repeat: repeat-x;

(2) background-repeat: repeat-y;

(3) background-repeat: repeat;

(4) background-repeat: no-repeat;

Что обязательно нужно сделать, чтобы задать изображение списка с помощью фонового изображения?

(1) задать отсутствие маркера или цифр с помощью свойства list-style-type

(2) задать размер шрифта элементов списка с помощью свойства font-size

(3) использовать неупорядоченные списки

Какой код задает ширину всех столбцов таблицы?

(1) td, th { width: 25%; }

(2) table { td-width: 35%; }

(3) th { width: 25%; }

Как ведет себя текст относительно плавающего элемента?

(1) текст обтекает плавающий элемент со стороны, противоположной той, к которой смещен плавающий элемент

(2) текст располагается выше и ниже плавающего элемента

(3) текст располагается поверх плавающего элемента

Как располагаются блочные боксы по умолчанию?

(1) вертикально, сверху вниз в том порядке, в котором они появляются в разметке

(2) горизонтально, слева направо в том порядке, в котором они появляются в разметке

(3) слева направо сверху вниз

Какой элемент является объемлющим блоком для абсолютно позиционированных элементов?

(1) тело документа (элемент body)

(2) ближайший позиционированный элемент (элемент, у которого свойство position равно relative, absolute или fixed)

(3) ближайший предок блочного уровня (родительский блок)

Основная проблема при создании первой сети состояла в том:

(1) как соединить отдельные физические сети, не связывая сетевые ресурсы постоянными каналами

(2) как рационально протянуть кабели между отдельными компьютерами

(3) как избежать помех, вызванных отдаленностью компьютеров друг от друга

Тень (Shade) - это:

(1) результат смешивания цвета с белым цветом

(2) результат смешивания цвета с серым цветом

(3) результат смешивания цвета с черным цветом

Элемент head - это:

(1) элемент типа документа

(2) оболочка вокруг всего документа

(3) оболочка, содержащая информацию о документе

Элемент strong указывает на:

(1) выделение более сильное, чем нормальное

(2) выделения текста курсивом

(3) выделение текста жирным

Какой элемент определяет содержимое между тегами как заголовок таблицы для каждого столбца?

(1) caption

(2) th

(3) title

Элемент span является:

(1) оболочкой реального содержимого страницы

(2) базовым контейнером строкового уровня

(3) базовым контейнером блочного уровня

С помощью списков можно создавать:

(1) все типы меню

(2) большинство типов меню

(3) лишь отдельные, очень редкие типы меню

Одним из наиболее известных валидаторов является W3C CSS Validator, который:

(3) просматривает документ CSS (или HTML/CSS) и проверяет, что CSS соответствует спецификациям CSS

Семантическая структура может:

(1) указать на положение в иерархии документа

(2) привлечь посетителей грамотным и красочным языком изложения

(3) указать способы взаимодействия с различными элементами на странице

(4) обеспечить выделение текстового контента в правильных местах

Требования соответствия должны основываться на технологии "поддерживающей доступность" контента. Такая технология должна:

(1) продемонстрировать свою работу со вспомогательной технологией пользователей

(2) осуществлять психологическую поддержку пользователей в случае возникновения у них сложностей с использованием сайта

(3) иметь агентов пользователей (браузеры, подключаемые модули, и т.д.), которые работают со вспомогательной технологией пользователей и будут доступны пользователям с физическими недостатками не дороже чем для пользователей без недостатков

Какой элемент приведенной ниже записи является значением? p { margin:5px; color:blue; }

(1) p

(2) margin

(3) color

(4) 5px

(5) blue

От чего зависит результат, если правила имеют одинаковую важность и одинаковую специфичность?

(1) от важности

(2) от cпецифичности

(3) от порядка исходного кода

Какие единицы измерения предназначены для определения относительного размера шрифта?

(1) px

(2) em

(3) %

(4) pt

Какой стиль рамки будет установлен для левого края в случае определения border-style: groove dotted dashed?

(1) groove

(2) dotted

(3) dashed

Укажите допустимый вариант определения:

(1) background-attachment: fixed;

(2) background-attachment: scroll;

(3) background-attachment: 1;

(4) background-attachment: 0;

С помощью какого значения свойства list-style-type можно задать ведущие незначащие нули для десятичных цифр упорядоченного списка?

(1) decimal

(2) decimal-leading-zero

(3) georgian

Какое свойство тега table необходимо использовать, чтобы задать простую черную границу для таблицы и ячеек?

(1) margin

(2) border

(3) table-border

Какие боксы располагаются вертикально?

(1) строковые

(2) блочные

(3) строковые и блочные

Каким образом можно управлять вертикальным расстоянием между двумя блочными боксами?

(1) с помощью свойства margin-bottom у верхнего элемента и свойством margin-top у нижнего

(2) с помощью свойства padding у обоих элементов

(3) с помощью свойства space-after у верхнего блока

Какой элемент является объемлющим блоком для элемента с фиксированным позиционированием?

(1) родительский блочный элемент

(2) начальный объемлющий блок (элемент html)

(3) ближайший позиционированный элемент

(4) область просмотра окна браузера

С какого момента можно считать появление сети Интернет в том виде, как мы его знаем?

(1) с опубликования в 1960 г. статьи психолога и специалиста в области вычислительных машин Джозефа Ликлайдера "Симбиоз человека и компьютера", в которой была явно выражена идея объединения компьютеров в сеть для обеспечения более развитого хранения и использования информации

(2) с представленного в октябре 1967 г. плана создания компьютерной сети (названной "ARPANET")

(3) с перехода в 1982 г. соединений ARPANET за пределами США на использование нового протокола "TCP/IP"

Монохроматическая цветовая схема соответствует:

(1) семи цветам радуги

(2) одному цвету и всем его оттенкам, тональностям и теням

(3) черно-белой цветовой гамме

Элемент h - это:

(1) элемент заголовка

(2) оболочка, содержащая реальное содержимое страницы

(3) элемент типа заголовка

Неупорядоченные списки используются для:

(1) вывода множества объектов, которые могут быть размещены в любом порядке

(2) вывода списка объектов, которые необходимо разместить в определенном порядке

(3) соединения определенных объектов и их определений в списке

Какой атрибут может использоваться в элементе th (и только в этом элементе), чтобы сообщить считывателям экрана, что контент элемента th является заголовком для столбца или строки?

(1) caption

(2) colspan

(3) scope

Элемент span используется для:

(1) создания оболочки вокруг других элементов блочного уровня или объединения их в группу

(2) создания оболочки вокруг строковых элементов и/или текста или объединения их в группу

(3) определения области, где находится контент документа

В примере, связанном с навигацией по странице, использован список ссылок, которые указывают на анкеры, расположенные далее на странице. Чтобы соединиться с анкерами, используются атрибуты:

(1) title

(2) id

(3) href

Просматривает документ CSS (или HTML/CSS) и проверяет, что CSS соответствует спецификациям CSS, следующий наиболее известный валидатор:

(1) W3C MarkUp Validator

(2) W3C Link Checker

(3) W3C CSS Validator

В каких случаях может быть не обязательна поддержка текстовой альтернативы?

(1) для пользователей, не применяющих считывателей экрана

(2) для пользователей, не отключающих изображения при просмотре сайтов

(3) для пользователей с ограниченными познавательными возможностями

Тестирование сайта на доступность пользователями критически важно, так как:

(2) они являются реальными экспертами своих возможностей и своей собственной вспомогательной технологии

Какой из приведенных селекторов является селектором id?

(1) p{}

(2) .example{}

(3) #example{}

Таблица стилей, которую дизайнер сайта написал и присоединил - это:

(1) таблица стилей агента пользователя

(2) таблица стилей пользователя

(3) таблица стилей автора

Чему в действительности эквивалента единица измерения em в CSS?

(1) высоте прописной буквы "M" в шрифте, к которому она применяется

(2) общей высоте одной строки

(3) для данной единицы измерения не существует эквивалента

Какой цвет используется по умолчанию, если соответствующее значение в сокращенном правиле border отсутствует?

(1) белый

(2) черный

(3) цвет, использованный для рассматриваемого элемента

В каком случае изображение будет позиционировано в нижнем правом углу элемента blockquote?

(1) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 100%;}

(2) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 0%;}

(3) blockquote{background: yellow url(quote.png) no-repeat scroll 100% 100%;}

Можно ли использовать списки для задания навигационного меню сайта?

(1) можно, но только для вертикального

(2) можно как для вертикального, так и для горизонтального

(3) списка использовать для навигацонного меню сайта нельзя

Какие проблемы могут возникнуть при использовании border-collapse : collapse для схлопывания границ между ячейками?

(1) данное свойство работает не во всех браузерах

(2) если у смежных ячеек заданы различные стили оформления границ, они могут "конфликтовать" друг с другом.

(3) данное свойство не рекомендуется к использованию, так как будет исключено из будущих версий стандарта

Какое значение свойства float заставляет сместиться плавающий элемент влево?

(1) right

(2) left

(3) left-side

(4) none

В каком случае генерируются анонимные блочные боксы?

(1) если у строчного бокса отсутствует параметр id

(2) если блочный бокс содержит смесь блочных и строковых потомков

(3) если блочный бокс содержит только строковых потомков

Нужно ли задавать одновременно параметры top и bottom, left и right для относительно позиционированного элемента?

(1) да, нужно, чтобы точно задать положение элемента

(2) нет, не нужно, потому что они дополняют друг друга и можно задать лишь один из них

(3) да, нужно, потому что это требует стандарт

Стандартизация протоколов и технологий, которые используются для создания Web, необходима была для того:

(1) чтобы информационное содержание было доступно как можно большему числу жителей всего мира

(2) чтобы ограничить доступ в сеть Интернет

(3) чтобы не засорять Интернет ненужной информацией

Тетрадическая схема - это:

(1) схема, где подбираются цвета, расположенные друг против друга на цветовом круге

(2) схема, где используются две пары дополнительных цветов, расположенных на равном расстоянии друг от друга

(3) схема, где выбирается один цвет и добавляются затем два других цвета, лежащие на одинаковом расстоянии друг от друга на цветовом круге

В какой форме представляются атрибуты?

(1) ключевое_слово="значение"

(2) открывающий тег, закрывающий тег и все, что между ними

(3) символ амперсанда (&), число или сокращенное слово, точка с запятой

Упорядоченные списки используют:

(1) одну пару тегов <ul></ul>, охватывающих множество пар тегов <li></li>

(2) одну пару тегов <ol></ol>, охватывающих множество пар тегов <li></li>

(3) одну пару элементов <dl></dl>, охватывающую группы тегов <dt></dt> и <dd></dd>

Элемент tfoot определяет:

(1) верхний колонтитул таблицы

(2) тело таблицы

(3) нижний колонтитул таблицы

Как правильно оформить, например, в английском документе вставку одного французского слова?

(1)

<p>A screen reader will read the French word <q span lang='fr'>chat</span> (cat) as chat (to talk informally) unless it is properly marked up.</p>

(2)

<p>A screen reader will read the French word <span lang='fr'>chat</span> (cat) as chat (to talk informally) unless it is properly marked up.</p>

(3)

<p>A screen reader will read the French word <div lang='fr'>chat</span> (cat) as chat (to talk informally) unless it is properly marked up.</p>

В случае создания меню навигации по сайту, разумно ли присутствие ссылки на текущую страницу в меню ссылок?

(1) нет

(2) да

Какая проблема возникает, когда браузер встречает недействительный HTML?

(1) каждый браузер интерпретирует ошибочный код по-разному

(2) на обработку ошибок браузеру требуется много оперативной памяти

(3) обработка ошибок браузером занимает много времени

Атрибут longdesc выполняет следующие функции:

(3) содержит название рисунка

Инструментальная инспекция - это:

(1) когда эксперт моделирует работу конечного пользователя с Web-сайтом

(2) когда оценщик использует инструмент для исследования, как различные части Web-сайта работают вместе

(3) когда оценщик просматривает код и активы Web-сайта, чтобы исключить возможные проблемы

Какому элементу соответствует селектор div#example{}?

(1) всем элементам div

(2) элементу со значением атрибута class равным example, но только когда он является div

(3) элементу со значением атрибута id равным example, но только когда он является div

Таблица стилей пользователя:

(1) определяется пользователем

(2) поддерживается всеми браузерами

(3) является встроенной таблицей стилей браузера

В каком порядке должны указываться гарнитуры при задании значения свойства font-family?

(1) в порядке возрастания вероятности доступности

(2) в порядке уменьшения вероятности доступности

(3) в любом

Отметьте верные утверждения о заполнении:

(1) значения заполнения могут быть отрицательными

(2) заполнения никогда не сжимаются

(3) значения заполнения применяются к строковым элементам

Пусть спрайт содержит 3 фоновых изображения, каждое шириной 30 px (между изображениями нет промежутков). В каком случае будет показано третье изображение?

(1) background-position:-60px 0

(2) background-position:0 0

(3) background-position:-60px -60px

Какое состояние имеет ссылка по умолчанию?

(1) фокус

(2) посещенная

(3) под указателем

(4) непосещенная

(5) активная

Что делает следующий код: td, th { caption-side : bottom; } ?

(1) перемещает заголовок таблицы вниз

(2) ничего не делает, так как свойство caption-side отсутствует в стандарте

(3) перемещает заголовок столбца вниз

В каком случае плавающий элемент не сместится к одной из границ элемента-предка?

(1) в любом случае плавающий элемент прижимается к границе элемента-предка

(2) в случае, когда уже имеется плавающий элемент, смещенный в том же направлении

(3) в случае, когда элемент-предок расположен по центру

Какое начальное значение имеют поля у блочных боксов?

(1) 0 пикселей

(2) 1 пиксель

(3) 5 пикселей

Почему важно задавать position:relative на родительском блоке абсолютно позиционированного элемента?

(1) это требуется по стандарту

(2) это сделает родительский элемент объемлющим блоком, что обеспечит управление абсолютно позиционированными потомками

(3) только в этом случае элемент можно сделать абсолютно позиционированным

DNS - это:

(1) язык разметки гипертекста

(2) протокол передачи гипертекста

(3) система имен доменов

Прежде чем создавать визуальный дизайн для сайта, надо:

(1) прочитать контент

(2) прикинуть число возможных посетителей сайта

(3) составить план архитектуры сайта

(4) спланировать средства перемещения

(5) решить, как лучше всего оптимизировать сайт для поисковых систем

Какие из приведенных ниже элементов являются блочными?

(1) выделенные слова или фразы

(2) заголовки

(3) таблицы

(4) краткие цитаты

Списки определений используют:

(1) одну пару тегов <ul></ul>, охватывающих множество пар тегов <li></li>

(2) одну пару тегов <ol></ol>, охватывающих множество пар тегов <li></li>

(3) одну пару элементов <dl></dl>, охватывающую группы тегов <dt></dt> и <dd></dd>

Атрибут summary:

(1) создает ячейку таблицы, которая будет охватывать более одного столбца

(2) создает ячейку таблицы, которая будет охватывать несколько строк

(3) определяет сводку содержимого таблицы, для использования считывателями экрана

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

(1) span

(2) div

(3) p

Схема сайта позволяет посетителям:

(1) узнать название сайта

(2) получить представление обо всей структуре сайта, и быстро перейти в требуемое место

(3) оценить посещаемость сайта

В режиме Quirksmode браузер:

(1) анализирует, какое разрешение экрана понадобится для вывода информации на экран монитора

(2) определяет, какой объем памяти понадобится для скачивания страницы в компьютер

(3) делает наилучшие предположения о множестве правил, согласно которым он должен интерпретировать код, и заполняет пробелы как можно лучшим образом

Изображения, используемые для объектов, отличных от контента, таких как навигация, или чисто визуальное оформление:

(1) должны иметь атрибут alt, который соответствует тексту в изображении

(2) должны иметь атрибут alt, который содержит сокращенный текст из изображения

(3) не должны иметь атрибута alt

Согласно проекту WCAG 2.0 контент и функции должны быть взаимодействующими. Это подразумевает, например, то, что:

(1) изображения должны иметь текстовые эквиваленты

Селекторы смежных одноуровневых предназначены для выбора:

(1) определенных элементов, которые являются потомками других конкретных элементов

(2) определенных элементов, которые являются нижележащими относительно других конкретных элементов

(3) определенных элементов, которые следуют за другими определенными элементами

Что такое высокая специфичность селектора?

(1) соответствие селектора многим элементам

(2) соответствие селектора только одному элементу

(3) несоответствие селектора ни одном элементу

В каких случаях значения свойства font-family заданы неверно?

(1) font-family: Palatino Georgia, serif;

(2) font-family: Georgia, 'Trebuchet MS', Times, serif;

(3) font-family: Georgia,Times, serif;

В каком случае фоновое изображение прокручивается вместе с содержимым элемента?

(1) background-attachment: fixed;

(2) background-attachment: scroll;

(3) в любом случае

Что следует учитывать при оформлении ссылок?

(1) возраст потенциальных посетителей сайта

(2) количество текста на странице

(3) ожидания пользователей относительно ссылок

Если у таблицы и у ячейки задан различный цвет фона, где можно увидеть цвет фона таблицы?

(1) у заголовка таблицы

(2) у границ ячеек

(3) фон таблицы будет просвечивать между границами ячеек, если между ними есть промежуток

Как можно задать пространство вокруг плавающего элемента?

(1) пространство вокруг плавающих элементов задается автоматически равным 10 пикселям

(2) пространство можно задать с помощью полей (свойство margin)

(3) плавающие элементы необходимо позиционировать абсолютно

В каком порядке располагаются строковые боксы?

(1) вертикально, один под другим, в порядке, в котором они появляются в разметке

(2) горизонтально, один за другим, в порядке, в котором они появляются в разметке

(3) порядок не определен

Каким образом можно задать высоту абсолютно позиционированного элемента?

(1) только с помощью свойств top и bottom

(2) с помощью top и bottom, или определяя height

(3) только с помощью свойства height

(4) только с помощью свойств top и height

Почему для запроса принято вместо реального IP-адреса сайта использовать его "псевдоним", т.е. URL?

(1) потому что людям легче запоминать слова, а не длинные последовательности цифр

(2) потому что так запрос выглядит органичней

(3) потому что компьютеру проще распознать запрос в таком виде

Что понимается под термином "над сгибом", применительно к дизайну Web-сайта?

(1) все, что выводится на мониторе, когда посетитель входит на сайт

(2) материал, для отображения которого посетитель должен прокрутить страницу вниз

(3) любое обновление сайта

Как обозначается символьная ссылка?

(1) ключевое_слово="значение"

(2) открывающий тег, закрывающий тег и все, что между ними

(3) символ амперсанда (&), число или сокращенное слово, точка с запятой

Изображения для сайта делятся на:

(1) содержательные

(2) фоновые

(3) анимационные

Элемент input вводится для того, чтобы:

(1) определить область, где пользователь может ввести информацию

(2) определить общий вид формы

(3) определить, сколько разделов будет содержать форма

Карты ссылок - это:

(1) меню ссылок, оформленное нумерованным списком

(2) представление меню на экране одной строкой, предполагающей множество вариантов выбора

(3) графические меню, использующие наложение изображений с горячими точками

В каком году был опубликован стандарт для определения доступности в Web WCAG 1.0?

(1) 1980

(2) 1999

(3) 2003

К какой группе селекторов относится указанный селектор? img[alt] { border: 1px solid #000000; }

(1) универсальные селекторы

(2) селекторы атрибутов

(3) селекторы потомка

(4) селекторы нижележащих элементов

Какое объявление имеет более высокий приоритет?

(1) объявленное в таблицах стилей раньше

(2) объявленное в таблицах стилей позже

(3) никакое, все объявления имеют одинаковый приоритет

Какое свойство определяет начертание шрифта?

(1) font-size

(2) font-family

(3) font-style

В каком случае весь контент, который находится за рамками элемента, будет скрыт от просмотра?

(1) overflow: scroll;

(2) overflow: hidden;

(3) overflow: visible;

(4) overflow: auto;

Какое определение эквиваленто определению background-position: 0% 50%;?

(1) background-position: left center;

(2) background-position: center left;

(3) background-position: 50% 0%;

(4) background-position: left;

С помощью каких элементов оформляют состояния ссылок?

(1) «псевдо классов» (:link, :visited и т.д.)

(2) специальных элементов (a_link, a_visited и т.д.)

(3) свойств элемента a (link, visited)

Для чего используется следующий код: <!—[if IE 6]>< link rel="stylesheet" media="screen" href="ie-only.css" /><![endif]--> ?

(1) для подключения файла с таблицами стилей

(2) для подключения файла с таблицами стилей только для браузера Internet Explorer 6

(3) для подключения файла с таблицами стилей во всех браузерах, кроме Internet Explorer 6

Какого эффекта позволит добиться использование свойства clear:left на каком-либо элементе?

(1) это позволит сместить данный элемент влево

(2) это позволит тексту обтекать данный элемент слева

(3) это гарантирует, что сгенерированный элементом бокс появится ниже всех плавающих боксов с левой стороны

Что называется линейным боксом?

(1) бокс, в который помещается множество строковых боксов, составляющих строку на экране (бумаге)

(2) блочный бокс, в котором размещена одна строка текста

(3) блочный бокс, имеющий высоту 10 пикселей

Какие существуют проблемы при определении размеров и положения абсолютно позиционированных элементов?

(1) эти размеры и положение сложно вычислять

(2) эти размеры и положение сложно точно подбирать

(3) старые браузеры неверно используют для расчета размеры блока предка

К основным стандартам Web относятся:

(1) простой текст

(2) HTML

(3) CSS

(4) JavaScript

Какие типы шрифтов являются основными?

(1) шрифт с засечками

(2) шрифт без засечек

(3) готический шрифт

(4) рукописный шрифт или курсив

(5) клинопись

(6) специальные шрифты, включая моноширинный

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

(1) html

(2) head

(3) body

Атрибут title элемента img служит для:

(1) вывода текста, если изображение недоступно по каким-то причинам

(2) вывода описания изображения в виде всплывающей подсказки

(3) описания сложных изображений

Что понимается под "семантическим наименованием"?

(1) когда элементу находят как можно более броское, привлекающее внимание, имя

(2) когда элементы именуются по особой системе

(3) когда элементу присваивается имя в соответствии с его функцией

В картах ссылок изображение и карта соединяются с помощью атрибута:

(1) name

(2) usemap

(3) id

Какой документ описывает браузеры и все дополнительные технологии, которые могут понадобиться людям для использования Web (такие как считыватели экрана)?

(1) "Агенты пользователя"

(2) WCAG 1.0

(3) WCAG 2.0

В каком случае для фрагмента <div> <em>em</em> <p>p <em>em</em>. </p> </div> будут выбраны оба элемента em?

(1) div > em { ... }

(2) div em { ... }

(3) в любом из приведенных случаев

Какой селектор имеет большую специфичность?

(1) *

(2) #special

(3) указанные селекторы имеют одинаковую специфичность

Каково назначение свойства font-weight?

(1) изменение высоты шрифта

(2) изменение уровня жирности шрифта

(3) изменение регистра символов

Какими значениями измеряется холст браузера?

(1) статическими

(2) пропорциональными

(3) как статическими, так и пропорциональными

В каком случае элемент будет смещен по горизонтали?

(1) background-position: 10px 0px;

(2) background-position: 0px 10px;

(3) background-position: -10px 0px;

Какое оформление большинство браузеров задает для всех ссылок?

(1) подчеркивание

(2) зеленый цвет текста ссылки

(3) синий фон

Какие проблемы существуют при использовании border-collapse : collapse в некоторых браузерах?

(1) браузеры Firefox и Safari неправильно выводят ширину таблицы

(2) браузер Firefox имеет ограниченную поддержку данного свойства

(3) данное свойство работает лишь в браузере Internet Explorer

Что произойдет, если все потомки какого-либо элемента будут плавающими?

(1) ничего не произойдет, элемент будет вести себя так же, как если бы его потомки были не плавающими элементами

(2) элемент станет пустым, его высота станет равной нулю

(3) высота элемента будет равной 1 пиксель

Какие параметры можно определить для строковых боксов?

(1) вертикальные, горизонтальные поля, ширину, высоту

(2) вертикальные и горизонтальные поля. Размер определить нельзя

(3) размер. Поля определить нельзя

(4) нельзя определить никакие размеры. Можно определить только горизонтальные поля

Может ли свойство z-index иметь отрицательные значения?

(1) нет, допустимыми значениями могут быть лишь целые положительные числа

(2) допустимыми значениями могут быть 0 и целые положительные числа

(3) допустимыми значениями могут быть целые числа (положительные, отрицательные, ноль)

Валидация - это:

(1) инструмент для автоматического создания страниц и размещения их в сети

(2) инструмент для корректировки контента страниц

(3) инструмент для автоматической проверки создаваемых страниц и указания на ошибки

Шрифт Verdana, нормальный является:

(1) шрифтом с засечками

(2) шрифтом без засечек

(3) моноширинным шрифтом

В элементе style атрибут с именем media определяет, какой вид среды будут использовать эти стили. Какой тип среды надо использовать для вывода на мониторах?

(1) screen

(2) print

(3) handheld

Где помещаются фоновые изображения CSS в элементе по умолчанию?

(1) в верхнем левом углу элемента

(2) в нижнем правом углу элемента

(3) по центру элемента

Какой элемент используется для ввода нескольких строк произвольного текста?

(1) input

(2) output

(3) textarea

В карте ссылок атрибут каждой области alt определяет:

(1) URL, с которым должна соединяться ссылка

(3) форму области

WCAG 2.0 предполагает создание Web-страниц:

(1) с "виджетом доступности" (типа кнопки, чтобы сделать шрифт немного больше)

(2) с наибольшим количеством рисунков

(3) которые будут работать в множестве различных ситуаций (например, различные браузеры и устройства, которые невозможно предвидеть)

Для чего используются псевдо-классы?

(1) для стилевого оформления элементов

(2) для стилевого оформления различных состояний элементов

(3) для определения функции элементов

Какие из перечисленных свойств наследуются?

(1) color

(2) background-color

(3) width

(4) margin

В каком случае сокращенное правило font записано неверно?

(1) font: italic normal bold x-large/1.167em Helvetica,Arial,sans-serif;

(2) font: italic normal bold x-large/1.167em Helvetica Arial sans-serif;

(3) font: 12pt, sans-serif;

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

(1) em

(2) %

(3) px

Какое значение свойства background-position смещает элемент вверх и влево?

(1) положительные

(2) отрицательные

(3) как положительные, так и отрицательные, зависит от величины смещения

С помощью какого свойства можно создать рамку фокуса ссылки?

(1) outline

(2) border

(3) margin

С помощью какого элемента можно будет создавать эффект внутренней сетки без использования классов, когда поддержка этого элемента будет улучшена?

(1) :lastchild

(2) :nthchild

(3) :firstchild

Как ведет себя плавающий элемент родитель относительно плавающих потомков?

(1) плавающий элемент всегда расширяется для охвата своих плавающих потомков

(2) плавающий элемент родитель ведет себя так, как будто он не является плавающим элементом

(3) размер плавающего элемента уменьшается до нуля, и он исчезает со страницы

Что называется базовой линией?

(1) это воображаемая линия, на которой располагаются буквы без нижних выносных элементов

(2) это воображаемая линия, на которой располагаются буквы с нижними выносными элементами

(3) это нижняя граница строкового бокса

Если два элемента в одном контексте стека имеют одинаковый уровень стека, какой элемент появится поверх одноуровневого элемента?

(1) тот элемент, который появляется в коде позже

(2) тот элемент, который появляется в коде раньше

(3) порядок не определен

Элементы HTML имеют:

(1) ровно 2 атрибута

(2) ровно 1 атрибут

(3) 0, 1 и более атрибутов

Для тестирования допустимости кода можно использовать:

(1) друзей

(2) форумы

(3) профессиональных редакторов

(4) валидаторы W3C

Программы - валидаторы просматривают используемый doctype для того, чтобы:

(1) определить, в каком формате заданы графические изображения Web-страницы

(2) определить, какие правила использовать при проверке правильности синтаксиса документа HTML

(3) определить, как правильно надо выводить информацию на экран монитора

Анкер имеет следующие атрибуты:

(1) href

(2) cite

(3) id

(4) start

(5) title

Какие функции выполняет специальный элемент input с атрибутом type="submit"?

(1) вместо представления одной строки текстового поля для ввода, ввод submit представляет кнопку submit, которая, после нажатия, отправляет форму получателю

(2) вместо представления одной строки текстового поля предоставляет строку для ввода спецсимволов

(3) вместо представления одной строки текстового поля представляет поле для ввода изображения

В карте ссылок прямоугольная форма области задается следующим значением атрибута shape:

(1) rect

(2) circle

(3) poly

Какой псевдо-класс используется для указания ссылки, на которой в данный момент происходит щелчок?

(1) :link

(2) :visited

(3) :focus

(4) :hover

(5) :active

Имеются внешние таблицы стилей: Style1.css: P { color: red } Style2.css: P { color: green !important } Style3.css: P { color: blue }. Каким будет результат подключения этих таблиц в указанной последовательности? <LINK href="stylel.css" rel="stylesheet" type="text/css"> <LINK href="style2.css" rel="stylesheet" type="text/css"> <LINK href="style3.css" rel="stylesheet" type="text/css">

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Укажите возможные значения свойства text-align?

(1) center

(2) bold

(3) justify

(4) left

При применении к каким типам элементов свойства margin, width, height и float в правилах таблиц стилей игнорируются?

(1) к строковым элементам

(2) к блочным элементам

(3) ни к каким, указанные свойства применяются всегда ко всем элементам

Для каких элементов можно использовать CSS спрайты?

(1) для ссылок

(2) для меню

(3) для элементов, которым нужно придать различное оформления для разных ситуаций

Как можно отключить подчеркивание у ссылок (элемент a)?

(1) с помощью свойства a { text-decoration : none; }

(2) с помощью свойства a { text-decoration : underline; }

(3) подчеркивание у ссылок отключить нельзя

(4) с помощью свойства a { link-underline : none; }

Какая ошибка существует у некоторых браузеров при работе с полем таблицы и заголовком?

(1) нельзя задать поле таблицы, если указан заголовок

(2) удвоение поля таблицы, если задан заголовок

(3) расположение поля таблицы между заголовком и ячейками таблицы

Что нужно, чтобы плавающий блочный бокс сжимался, создавая оболочку вокруг своего контента?

(1) задать ширину, равную 100%

(2) не задавать ширину

(3) задать ширину, равную 0

Если элемент с относительным позиционированием расположен внизу страницы, где он может быть расположен в потоке элементов?

(1) только ближе к концу потока

(2) может быть расположен в любом месте, а впоследствии визуально перемещен вниз страницы

(3) элемент изымается из потока элементов

Можно ли позиционировать потомков элемента с локальным контекстом стека относительно одноуровневых узлов предка?

(1) можно, поскольку локальные контексты стека не влияют на позиционирование потомков

(2) нельзя, поскольку уровни стека позиционированных потомков применяются только в этом локальном контексте

(3) можно, потому что существует единый стек для всех позиционированных элементов

Конечным тегом называется:

(1) символ меньше, символ больше и текст между ними

(3) символ меньше, косая черта, символ больше и текст между ними

Кернинг - это:

(1) процесс настройки переносов

(2) процесс настройки пробелов между определенными частями букв

(3) процесс подбора шрифтов

Если встречается устаревший или неполный doctype, то:

(1) браузеры используют "режим Standards" при формировании страницы

(2) браузеры используют "режим Quirks" при формировании страницы

Состояние ссылки link - это:

(1) состояние по умолчанию - оно определяет, как должны выглядеть ссылки в определенной части документа

(2) стиль ссылки, которую уже посетили

(3) стиль ссылки, когда курсор мыши находится над ней

(4) стиль ссылки, когда выполняется соединение с другим сайтом

Атрибут action элемента form:

(1) предоставляет уникальный идентификатор ID для идентификации формы

(2) определяет, как данные посылаются сценарию, который будет их обрабатывать

(3) определяет, какой файл сценария данных формы должен быть послан для обработки

В карте ссылок значение poly в атрибуте shape задает:

(1) прямоугольную форму области

(2) круглую форму области

(3) нерегулярную форму области, определяемую с помощью многоугольников

Что обозначает заданное правило? a:after{ content: " " url(image.gif); }

(1) перед каждой ссылкой будет вставлено изображение

(2) после каждой ссылки будет вставлено изображение

(3) вместо каждой ссылки будет вставлено изображение

Каков будет результат применения правила? <STYLE> Р{ color: green } Р{ color: red } </STYLE>

(1) цвет текста в абзацах будет синим

(2) цвет текста в абзацах будет красным

(3) цвет текста в абзацах будет зеленым

Какое выравнивание обычно используется для элементов интерфейса и последовательных списков, которые можно найти в нижних колонтитулах сайтов?

(1) выравнивание слева

(2) выравнивание справа

(3) центрирование

(4) полное выравнивание

В каком случае текст будет огибать элемент по правой стороне?

(1) float: none;

(2) float: left;

(3) float: right;

В чем заключается принцип работы CSS спрайтов?

(1) в использовании отдельного изображения для каждого варианта оформления элемента

(2) в уменьшении HTTP запросов

(3) в изменении положения фона

Зачем на некоторых сайтах используются иконки и символы для ссылок?

(1) иконки и символы необходимы для того, чтобы визуально отделить ссылки от остального контента

(2) иконки и символы используются для добавления дополнительной информации о ссылках

(3) иконки и символы нельзя использовать в ссылках, потому что это запрещено стандартом

Позволит ли задание нулевого поля на стороне заголовка полностью избежать проблем с полем таблицы и заголовком в браузерах, в которых есть такая проблема?

(1) да, это единственный способ избежать этой проблемы

(2) нет, это сработает только в Firefox

(3) нет, это сработает только в Safari

(4) нет, этот способ не сработает ни в Firefox, ни в Safari

Зачем может понадобиться поместить плавающий элемент в оболочку?

(1) это требуется для решения проблем, связанных с отображением плавающих элементов браузером Internet Explorer

(2) все плавающие элементы должны быть помещены в дополнительный элемент оболочки

(3) это может понадобиться для центрирования плавающего элемента относительного его родительского элемента

Какая основная проблема связана с использование expression() для эмуляции ограничений по ширине при оформлении элементов с относительным позиционированием?

(1) проблема с производительностью (большое количество вычислений)

(2) данное свойство поддерживается только браузером Internet Explorer

(3) должен быть включен Jscript в браузере

Какие ограничения существуют при работе с фиксированными элементами в различных браузерах?

(1) Internet Explorer версии 6 и ниже не поддерживает фиксированное позиционирование

(2) только Internet Explorer поддерживает фиксированное позиционирование

(3) ни один браузер не поддерживает элементы с фиксированным позиционированием

В языке XHTML в отличие от HTML:

(1) некоторые значения атрибутов могут записываться без кавычек

(2) значения атрибутов должны быть заключены в кавычки

Врезками являются:

(1) небольшие цитаты из текста, которые размещают на странице, используя символы большего размера или другой шрифт

(2) горизонтальные разделители отдельных блоков информации

(3) вставки изображений

Если документ является кодом HTML, то надо использовать следующий doctype:

(1) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

(2) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Состояние ссылки active - это:

(1) состояние по умолчанию - оно определяет, как должны выглядеть ссылки в определенной части документа

(2) стиль ссылки, которая уже была

(3) стиль ссылки, когда курсор мыши находится над ней

(4) стиль ссылки, когда выполняется соединение с другим сайтом

Какой элемент позволяет назвать каждый раздел fieldset?

(1) title

(2) legend

(3) name

Ссылки, помещаемые перед основным меню, которые указывают на начало контента, позволяя посетителю перепрыгнуть через меню и сразу перейти к контенту, если он захочет, являются:

(1) ссылками обхода

(2) перекрестными ссылками

(3) альтернативными ссылками

Каким образом будет применено правило: margin: 2px 5px 1px;?

(1) значение 2px применяется к верху, 1px - к нижнему, 5px - к левому и правому краю

(2) значение 2px применяется к низу, 5px - к верху, 1px - к левому и правому краю

(3) значение 2px применяется к левому краю, 5px - к правому краю, 1px - к низу и верху

Какие символы/селекторы влияют на специфичность?

(1) >

(2) +

(3) #

(4) *

Какое свойство позволяет устанавливать величину отступа первой строки блока текста?

(1) text-transform

(2) text-decoration

(3) text-indent

В каком случае обтекание элемента будет происходить так, как задано с помощью параметра float или других настроек?

(1) clear: left;

(2) clear: right;

(3) clear: none;

(4) clear: both;

В каком случае изображение не будет смещаться по вертикали?

(1) background: url(images/pic_bg.gif) repeat #D4D2D3;

(2) background-position: 20px 0px;

(3) background-position: 10% 25%;

Чем необходимо воспользоваться, чтобы ограничить иконки только для определенного состояния ссылки?

(1) необходимо объединить классы и псевдо классы в CSS-селекторе, например: a.external:link

(2) иконки можно задавать только для всех состояний ссылки, поэтому невозможно задать иконку или символ для какого-то конкретного состояния

(3) необходимо воспользоваться специальным свойством, соответствующим состоянию ссылки, например: a_visited.external

Какой браузер полностью поддерживает работу с таблицами (без ошибок)?

(1) Internet Explorer

(2) Firefox

(3) Opera

(4) Safari

С какими трудностями придется столкнуться при использовании плавающих элементов?

(1) их использование чрезвычайно сложно, и на практике ими редко пользуются

(2) плавающие элементы не полностью поддерживаются основными браузерами

(3) плавающие элементы усложняют дизайн и делают его менее эстетичным

Что будет с макетом страницы, заданным с помощью относительного позиционирования, при изменении размеров окна браузера?

(1) во всех браузерах компоновка будет сохранена

(2) во всех браузерах компоновка будет съезжать

(3) во всех браузерах появятся полосы прокрутки, размеры элементов не изменятся

(4) в браузере Internet Explorer компоновка будет съезжать, но при перезагрузке страницы все вернется на свои места

Каким образом можно вывести элемент на каждую страницу при печати документа?

(1) задать свойство postion:absolute

(2) задать свойство position:fixed

(3) задать свойство position:static

При определении класса:

(1) на каждой странице можно иметь лишь один элемент одного класса

(2) на каждой странице можно иметь несколько элементов одного класса