Раздел 2. Вопросы, касающиеся макетов

3. Центрирование css-макетов с фиксированной шириной

1. _______ слой или раздел, - это элемент раздела, который расположен внутри другого раздела.

Вложенный

2. Для построения CSS-макета, выровненного по центру,

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

2) лучше не использовать контейнерный элемент

3) лучше сразу отцентрировать контейнер

4) лучше создать дополнительный контейнер

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

1) для левого и верхнего полей указывается значения auto

2) для правого и нижнего полей указывается значения auto

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

4) для левого и правого полей указывается значения auto

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

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

2) При построении CSS-макета лучше использовать значение, выраженное в процентах, а не абсолютный размер, выраженный в пикселях, так как мы не знаем наверняка ширину окна браузера посетителя.

3) При построении CSS-макета положение вложенных элементов не является абсолютным, и браузер не использует их родительский элемент в качестве базисной точки для вычисления смещений слева и сверху.

4) При построении CSS-макета можно использовать значение, выраженное в пикселях или процентах, так как никакой разницы между ними нет.

Раздел 3. Вопросы, касающиеся изображений

3. Трансформация изображений с использованием атрибутов языка html

1. Атрибут тега img, который задаёт высоту изображения либо в пикселях, либо в процентах:

1) Border

2) Hspace

3) Class

4) Height

2. Параметр bottom атрибута align обозначает:

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

2) Выравнивание нижней границы изображения по окружающему тексту

3) Верхняя граница изображения выравнивается по самому высокому элементу текущей строки

4) Размещение нескольких картинок подряд

3. Толщина рамки, обтекающей изображение, будет равна 6 px, если ввести:

1) <img src= "foto.jpg" border ="6">

2) <img = "foto.jpg" bordercolor ="6">

3) <img src= "foto.jpg" width ="6">

4) <img = "foto.jpg" width ="6">

4. Атрибут, который задает вертикальный отступ изображения в пикселях от других объектов html, это –

vspace

5. Для того, чтобы задать отступ изображения в пикселях от других объектов html, вместо hspace и vspace можно применять атрибут

margin

6. Две важные функции, которые выполняет атрибут alt="текст"?

1) Подпись под картинкой не появляется после наведения курсора мыши

2) Выдает подсказку при наведении

2) Если в браузере отключены изображения, то выводится этот текст

4) Подпись располагается поверх изображения

Раздел 3. Тема 2. Оптимизация изображений

1. Выберите 3 важнейших фактора оптимизации изображений:

1. атрибут Alt;

2. атрибут Title;

3. название изображения;

4. атрибут Top.

2. В изображениях высокого разрешения пикселей и байтов:

1. гораздо больше, чем в обычных;

2. гораздо меньше, чем обычных;

3. одинаковое количество;

4. почти одинаковое количество.

3. В каждом из пикселей растрового изображения содержатся значения RGBA:

1. красного (R), зеленого (G),  синего (B) канала;

2. альфа-канала;

3. канала прозрачности (A);

4. всех вышеперечисленных.

4.  Изображения с одинаковыми настройками качества, но в разных форматах будут:

1. совершенно одинаковы;

2. отличаться в любой степени;

3. очень отличаться;

4. отличаться немного.

5. Масштабирование изображения – это:

1.  изменение размера изображения с сохранением пропорций;

2. исключительно увеличение размера изображения;

3. исключительно уменьшение размера изображения;

4. изменение веса изображения.

6. Выберите три стандартных формата изображений:

1. WebP, JPEG XR, PNG;

2. GIF, PNG, JPEG;

3. GIF, WebP, BMP;

4. TIFF, PNG , JPEG.

7. Какой формат нужно выбрать, чтобы изображение было анимированным?

1. JPEG;

2. GIF;

3. PNG;

4. SVG.

8. Что делает инструмент optipng?

1. оптимизирует JPEG-изображения;

2. сжимает PNG без потерь;

3. сжимает PNG с потерями;

4. создает и оптимизирует GIF-изображения.