раздел задачи

количество баллов

Часть А вопрос 1

1

вопрос 2

1

вопрос 3

1

вопрос 4

1

вопрос 5

1

Всего баллов

5,0

теоретическая часть  

5,0

Часть Б

Задание №1. Разработать бриф на создание страницы сайта

Планируемый адрес сайта

1

Целевая группа воздействия

1

Структура главной страницы

1

Требования к дизайну главной страницы

1

Тип сайта

1

Всего баллов

5,0

Задание №2. Разработать дизайн-макет главной страницы сайта

Разработать шапку сайта

1

Разработать область контента

1

Отобразить элементы текста, картинок, меню и т.п.

1

Разработать подвал сайта

1

Соответствие брифу

1

Всего баллов

5,0

Задание №3. Разработать HTML-код главной страницы сайта

HTML-код шапки сайта

1

HTML-код области контента сайта

1

HTML-код элементов текста, картинок, меню и т.п.

1

HTML-код подвала сайта

1

Соответствие полей заказа макету

1

Всего баллов

5,0

Задание №4.  Разработать CSS-стиль главной страницы сайта  

CSS-стиль шапки сайта

1

CSS-стиль области контента сайта

1

CSS-стиль элементов текста, картинок, меню и т.п.

1

CSS-стиль подвала сайта

1

Соответствие полей заказа макету

1

Всего баллов

5,0

Задание №5.  Описать этапы размещения сайта в Интернете  

Выбрать домен

1

Выбрать хостинг

1

Заливка сайта

1

Тестирование сайта

1

Сопровождение сайта  

1

Всего баллов

5,0

практическая часть

25,0

ВМЕСТЕ

30,0

% выполнения

количество баллов

оценка

90-100%

27 - 30

5

75-90%

23-26

4

65-75%

19 - 22

3

0-64%

до 19

2

1

2

3

4

5

Планируемый адрес сайта

Целевая группа воздействия (отметить плюсом)





владельцы бизнеса директоры



менеджеры



технические работники, рабочие



научные работники, профессоры, студенты



домохозяйки



дети



другое (описать)



всё категории общества

Структура главной страницы

Требования к дизайну главной страницы

Задание           №2. страницы сайта

Разработать

дизайн-макет

главной

Задание №3. Разработать HTML-код главной страницы сайта

Задание №4. Разработать CSS-стиль главной страницы сайта

Задание №5. Описать этапы размещения сайта в Интернете

№

Вопрос

Ответы:

А

Б

В

Г

1

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

<main>

<footer>

< article>

<b>

2

В каком элементе правильно подключить  CSS-файл?

< body >

< head >

< script >

В конце доукмента

3

В какой строке кода содержится ошибка?

p { textalign: center; color:

#000000 }

p { color: green; color; }

title { color:

#fc0; margin:

10px; }

div { color: red; fontsize: 11pt; }

4

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

применительно к тегу р? Если 

   #opa {  color: red;     border: 1px solid #666;     background: #eee;     padding: 5px ;}

<p> Обычный параграф

</p>

<p id="opa"> Параграф необычный

</p>

id="opa" Параграф необычный

Нет правильног о ответа

5

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

это глобальная информацио

нная сеть

это программное обеспечение, отвечающее за прием запросов браузеров

это программное обеспечение для просмотра web-сайтов

это протокол передачи

гипертекст

а 

№

Вопрос

Ответы:

А

Б

В

Г

1

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

<strong>

<em>

<span>

<small>

2

Какой HTML атрибут используется для inline CSS стилей?

style 

styles 

class

align

3

В какой строке содержится корректный синтаксис?

body:

color=black

body{ color:black}

{body; color:black}

body{ color=black}

4

Какое имя класса следует добавить к тегу <P>, чтобы текст был одновременно жирным и красного цвета, если имеется следующий стиль?

 s1 { color: red; font-weight: bold; }

.s2 { color: red; }

.s3 { background-color: red; fontweight: bold; }

.s4 { font-weight: bold; }

.s5 { font: red bold; }

s1

S2

s2 s4

s5

5

Что такое Web-сервер? 

это глобальная информацио

нная сеть

это программное обеспечение, отвечающее за прием запросов браузеров

это программное обеспечение для просмотра web-сайтов

это протокол передачи гипертекста 

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой атрибут используется, чтобы подсказать, что вводить в input поле?

validate 

placeholder 

required 

checked 

2

Выберите правильный CSS синтаксис?

{div; color:black;}

div:color=black;

{div:

color=black;}

div { color: black;}

3

Как правильно вставить комментарий в CSS-файл?

' комментарий

/комментарий/

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

*/

<!--

комментар

ий -->

4

Как корректно задать стиль для тега <div> с идентификатором loom?

loom { 

font-size: bold; }

div { 

font-size: bold; }

.loom {  font-size: bold; }

#loom {  font-size: bold; }

5

Что такое Web-браузер? 

это глобальная информационн

ая сеть

это программное обеспечение, отвечающее за прием запросов браузеров

это программное обеспечение для просмотра webсайтов

это протокол передачи

гипертекст

а 

№

Вопрос

Ответы:

А

Б

В

Г

1

Создайте нумерованный список в html

<ul>

<li>Текст</li>

<li>Текст</li>

<li>Текст</li> </ul>

<ol>

<li>Текст</li>

<li>Текст</li>

<li>Текст</li> </ol>

<dl> <dt>Термин 1</dt>

<dd>Опреде ление термина 1</dd>

</dl>

<em>Текст<

/em> <em>Текст<

/em> <em>Текст<

/em>

2

Как сделать текст в <p> элементе жирным?

< p style="fontsize:bold;">

< p style="textsize:bold;">

p {textsize:bold;}

p {fontweight:bold; }

3

Как задать ширину блока?  

div {width: 200px;  

  margin: 10px;    float: left; }

margin: 10px;

width: 200px;

float: left;

Нет правильного ответа

4

Как добавить фоновый цвет ко всем элементам <H1>?

h1 {

background-

color: white }

h1:all {

background-

color: white }

h1[all] {

background

-color: white

}

h1#all {

background

-color: white

}

5

Что такое HTTP? 

это программное обеспечение для просмотра webсайтов 

это программное обеспечение, отвечающее за прием запросов браузеров

это глобальная информацио

нная сеть

это протокол передачи гипертекста 

№

Вопрос

Ответы:

А

Б

В

Г

1

Создайте маркированный список в html

<ul>

<li>Текст</li>

<li>Текст</li>

<li>Текст</li> </ul>

<ol>

<li>Текст</li>

<li>Текст</li>

<li>Текст</li> </ol>

<dl>   <dt>Термин 1</dt>

<dd>Определение термина 1</dd>   <dt>Термин

2</dt>

</dl>

<em>Текст

</em> <em>Текст

</em> <em>Текст

</em>

2

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

list-style-type:

square;

list-type: square;

list: square;

style-type:

square;

3

Как задать поля  вокруг элемента?  div {width: 200px;    margin: 10px;    float: left; }

width: 200px;  

margin: 10px;

float: left;

Нет правильно

го ответа

4

Какое имя класса написано правильно?

2layer1

1layer

pink-floyd

28_days_la

ter

5

Сайт, состоящий из вебстраниц, графических и стилевых файлов – это 

Статический сайт

Динамический сайт

Портал

Интернетмагазин

№

Вопрос

Ответы:

А

Б

В

Г

1

Создайте список определений в html

<dl>

  <dt>Термин 1</dt>   <dd>Определение

термина 1</dd>

  </dl>

<ol> 

<li>Текст</li>

<li>Текст</li>

<li>Текст</li> </ol>

<ul>

<li>Текст</li>

<li>Текст</li>

<li>Текст</li> </ul>

<em>Текст</e m>

<em>Текст</e m>

<em>Текст</e m>

2

Как обратиться к стилям класса test?

test

#test

.test

*test

3

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

div {   width: 200px;  

  margin: 10px;    float: left; }

width: 200px;  

margin: 10px;

float: left;

Все ответы верны

4

Какая строка написана правильно?

P {

 color: #333; }

<P> {  color: #333; }

P: {  color: #333;}

P {  color: 333; }

5

Сайт, страницы которого не хранятся на сервере в готовом виде, а генерируются "на лету" по запросу

пользователя - это 

Статический сайт

Динамический сайт

Портал

Интернетмагазин

№

Вопрос

Ответы:

А

Б

В

Г

1

Какая надпись на кнопке?

<form action="#"> <input type="text" placeholder="Логин">  <input type="password" placeholder="Пароль">  <textarea placeholder="Ваше сообщение"></textarea>  <input type="submit" value="Отправить">

  </form>

 </body>

Логин

Пароль

Ваше сообщение

Отправить 

2

Как обратиться к элементу по id?

test

#test

.test

*test

3

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

div {   width: 200px;  

  margin: 10px;    float: left; }

width: 200px;  

margin: 10px;

float: right;

div

4

Как задать стиль у тега  <div class="iddqd">

DOOM

</div>?

div.iddqd { color: red;

}

div[iddqd] { color: red; }

div#iddqd { color: red; }

div=iddqd { color: red; }

5

Формирование страниц какого сайта представлена?

Генерация содержимого на стороне сервера;

Передача сгенерированной странички клиенту;

Генерация содержимого на стороне клиента.

Статическ ий сайт

Динамическ

ий сайт

Портал

Интернетмагазин

№

Вопрос

Ответы:

А

Б

В

Г

1

Что выведет код? 

<form name="forma1">   Какими языками вы владеете:<br>

   <input type="checkbox" name="lan1" value="english"  checked> английский   <input type="checkbox" name="lan2" value="german"> немецкий </form>

Текстовое поле

Флажки

Переключател

ь

Кнопку

2

Размер шрифта?

body {

           font-family: Arial;             font-size: 16px;

            line-height: 1.2em;

          }

16px

1.2em

Arial

Размер шрифта не задан

3

Как задать цвет фона страницы?

<style>

   BODY {background-color: #3366CC;}  

   H1 {background-color: red);}    P { background-color: maroon;color: white; }</style>

BODY {

    backgroundcolor: #3366CC;  

   }  

H1 {

background-

color: red;  

   }

P {

backgroundcolor: maroon; color: white;}

Нет правильно

го ответа

4

В какой строке содержится ошибка?

H1 { marginleft: 20px; }

p { marginleft: 20px; padding-left: 20px; }

head { color:

#rob; }

h2 {

marginright: 20px; }

5

Определите способы создания сайтов

Вручную

Текстовые редакторы

Кострукторы сайтов

Все ответы верны

№

Вопрос

Ответы:

А

Б

В

Г

1

Тип поля, в котором текст заменяется звездочками?

<form action="#"> <input type="text" placeholder="Логин"> <input type="password" placeholder="Пароль"> <input type="submit" value="Отправить">

 </form>

type= "submit"

type= "password"

type=

"text"

Нет правильного ответа

2

CSS-свойство, которое устанавливает семейство шрифта?

body {font-family: Arial; fontsize: 16px; line-height: 1.2em;}

line-height

font-size

font-family

Нет правильного ответа

3

Как задать цвет фона под текстом абзаца? <style>

   BODY {background-color:

#3366CC;}  

   H1 {background-color:

red);}

   P { background-color: maroon;

color: white;  }  </style>

BODY {

background

-color:

#3366CC;  

   }  

H1 {

backgroundcolor:red;  

   }

P {

    backgroundcolor: maroon;  

color: white;  

   }

Нет правильного  ответа

4

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

BODY 

!DOCTYPE

HEAD

TITLE

5

Определите конструкторы сайтов

Joomla

Bitrix

Wordpres

Все ответы верны

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой тип кнопки?

<form name="forma1">   <input type="submit" name="submit" value="Отправить">

</form>

кнопка отправки

графическая кнопка отправки

кнопка, позволяющая восстановить

все значения по умолчанию

произволь ная кнопка, ее действия

назначают

ся

2

Какое имя класса следует добавить к тегу <P>, чтобы текст был одновременно жирным и красного цвета, если имеется следующий стиль?

s1 { color: red; font-weight: bold; }

.s2 { color: red; }

.s3 { background-color: red; font-weight: bold; } .s4 { font-weight: bold; }

.s5 { font: red bold; }

s1

s2

s3

s2 s4

3

Какое выражение написано корректно?

font-size:

blue;

border: none;

display: red;

float: #fco;

4

Как корректно задать стиль для тега <div> с классом loom?

loom {  font-size: bold; }

div { 

font-size: bold; }

.loom {  font-size: bold; }

#loom {  font-size: bold; }

5

Определите ПО для создания сайтов

Notepad++

Sublime

Brackets

Все ответы верны

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой тип кнопки?

<form name="forma1">   <input type="image" name="but_img" src="but.gif">

</form>

кнопка отправки

графическая кнопка отправки

кнопка, позволяющая восстановить все значения по умолчанию

произвольная кнопка, ее действия назначаются

2

Правильный CSS-стиль?

<P> { color: #333;  }

P { 

color: #333;  } 

P: { 

color: #333; }

P {  color: 333; }

3

В какой строке кода содержится ошибка?

p { color: green; color; }ч

p { text-align: center; color:

#000000 }

title { color: #fc0; margin: 10px; }

div { color: red; font-size: 11pt; }

4

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

   #opa {  color: red;    

border: 1px solid #666;     background: #eee;     padding: 5px ;}

<p>Обычн ый параграф</ p>

<p id="opa"> Параграф необычный</

p>

id="opa">Парагра ф необычный

Нет правильного ответа

5

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

это глобальная информац ионная сеть

это программное обеспечение, отвечающее за прием запросов браузеров

это программное обеспечение для просмотра webсайтов

это протокол передачи гипертекста 

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой тип кнопки?

<form name="forma1">   <input type="reset" name="reset" value="Очистить">

</form>

кнопка отправки

графическая кнопка отправки

кнопка, позволяющая восстановить все значения по умолчанию

произвольная кнопка, ее действия назначаются

2

Как добавить фоновый цвет ко всем элементам <H1>?

h1 { backgroundcolor: white }

h1.all { color:

white }

h1:all { background:

white }

h1[all] { backgroundcolor: white }

3

В какой строке содержится корректный синтаксис?

body:

color=black

body{ color=black}

{body; color:black}

body{ color:black}

4

Какое имя класса следует добавить к тегу <P>, чтобы текст был одновременно жирным и красного цвета, если имеется следующий стиль?

 s1 { color: red; font-weight:

bold; }

.s2 { color: red; }

.s3 { background-color: red; font-weight: bold; } .s4 { font-weight: bold; }

.s5 { font: red bold; }

s1

S2

s2 s4

s5

5

Что такое Web-сервер? 

это глобальная информацион

ная сеть

это ПО, отвечающее за прием запросов браузеров

это ПО для просмотра webсайтов

это протокол передачи гипертекста 

№

Вопрос

Ответы:

А

Б

В

1

Что выведет код? 

<form name="forma1">

  Какими языками вы владеете:<br>    <input type="checkbox" name="lan1" value="english"checked>английский   <input type="checkbox" name="lan2" value="german"> немецкий

</form>

Текстовое поле

Флажок

Переключат

ель

Кнопку

2

Определите способ добавления CSSстиля на страницу 

таблица связанных стилей во внешнем файле

таблица стилей в теге <style> тега <head>

внутренние inline-стили

импорт файла с помощь

команды

ort

<p style="font-size: 120%; font-family:

monospace; color: #cd66cc">Пример

текста</p>

3

Как правильно вставить комментарий в CSS-файл?

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

/комментарий/

'

комментари

й

<!--

коммент

>

4

Как корректно задать стиль для тега <div> с идентификатором loom

?

loom {  font-size: bold; }

div { 

font-size: bold;

}

.loom {  font-size: bold; }

#loom { font-size }

5

Что такое Web-браузер? 

это глобальная информационная

сеть

это ПО, отвечающее за прием запросов браузеров

это ПО для просмотра web-сайтов

это прот передачи гипертек

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой тип кнопки?

<form name="forma1">   <input type="button" name="button" value="Отправить">

</form>

кнопка отправки

графическая кнопка отправки

кнопка, позволяющая восстановить все значения по умолчанию

произвольная кнопка, ее действия назначаются

2

В какой строке содержится ошибка?

H1 { margin-left: 20px; }

p {  margin-left: 20px; paddingleft: 20px; }

h2 { 

margin-right: 20px; }

head {  color: #rob; 

}

3

Как задать ширину блока?  

div {width: 200px;  

  margin: 10px;    float: left; }

width: 200px; 

margin: 10px;

float: left;

Нет правильного ответа

4

Как добавить фоновый цвет ко всем элементам <H1>?

h1 { background

-color: white }

h1:all {

background-

color: white }

h1[all] { background-color:

white }

h1#all {

background-

color: white }

5

Что такое HTTP? 

это глобальная информац ионная сеть

это протокол передачи

гипертекста  

это ПО для просмотра webсайтов

это ПО, отвечающее за прием запросов браузеров

№

Вопрос

Ответы:

А

Б

В

Г

1

Что выведет код? 

<form name="forma1">   <button name="submit" type="submit">  </button> </form> 

Текстовое поле

Флажок

Переключа

тель

Кнопку

2

Определите способ добавления CSSстиля на страницу

таблица связанных

стилей во внешнем файле

таблица стилей в теге <style> тега <head>

внутренни

е inlineстили

импорт

CSS-файла с помощью команды @i mport

<head>

     <style> H1 {     font-size: 120%;    }

     </style>

 </head>

3

Как задать поля  вокруг элемента?  

div {width: 200px;    margin: 10px;    float: left; }

width: 200px;  

margin: 10px;

float: left;

Нет правильного ответа

4

Какое имя класса написано правильно?

2layer1

1layer

pink-floyd

28_days_late

r

5

Сайт, состоящий из веб-страниц, графических и стилевых файлов – это 

Статический сайт

Динамически

й сайт

Портал

Интернетмагазин

№

Вопрос

Ответы:

А

Б

В

Г

1

Что выведет код? 

<form name="forma1"> <input type="file" name="load" size="50"></form>  

Поле для файлов

Многострочное текстовое поле

Раскрывающие

ся списки

Кнопку

2

Определите способ добавления CSS-стиля на страницу

таблица связанных стилей во внешнем файле

таблица стилей в теге <style> тега <head>

импорт CSSфайла с помощью

команды @imp

ort ч

внутренние inline-стили

<h1 style="font-size: 36px;

font-family: Times, serif;

color: red">Заголовок

1</h1>

3

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

div {   width: 200px;  

  margin: 10px;    float: left; }

width: 200px;  

margin: 10px;

float: left;

Все ответы верны

4

Какая строка написана правильно?

<P> {  color: #333; }

P {

 color: #333; }

P: {  color: #333;}

P {  color: 333; }

5

Сайт, страницы которого не хранятся на сервере в готовом виде, а генерируются "на лету" по запросу пользователя - это 

Статический сайт

Динамический сайт

Портал

Интернетмагазин

№

Вопрос

Ответы:

А

Б

В

Г

1

Для чего необходим !DOCTYPE?

говорит браузеру, какую версию HTML использовать для

анализа и отображения HTMLстраницы

говорит браузеру, какую версию CSS использовать для анализа и отображения HTML-страницы

говорит браузеру, какую версию HTML и CSS

использовать для анализа и отображения HTML-страницы

для подключени я CSS

2

Что такое  CSS?

Creative 

Style 

Sheets

Colorful Style  Sheets

Computer 

Style 

Sheets

Cascading

Style 

Sheets

3

Как задать обтекание элементов по левому краю?  div {width: 200px;  

  margin: 10px;    float: left; }

width: 200px;  

margin: 10px;

float: right;

div

4

Как задать стиль у

тега 

<div class="iddqd"> DOOM </div>?

div.iddqd { color: red;

}

div[iddqd] { color: red; }

div#iddqd { color:

red; }

div=iddqd { color: red; }

5

Формирование страниц какого сайта представлена? 1. Генерация содержимого на стороне сервера; 2.Передача сгенерированной странички клиенту; 3.Генерация содержимого на стороне клиента.

Статический сайт

Динамический сайт

Портал

Интернетмагазин

№

Вопрос

Ответы:

А

Б

В

Г

1

Что выведет код? 

<form name="forma1">

  Какой язык вы хотите изучать:   <select name="language" size="1">

  <option selected value="html">html

  <option value="php">php

  <option value="java">java

  </select>  

</form> 

Поле для файлов

Многострочн ое текстовое поле

Раскрывающи

еся списки

Кнопку

2

Что определяет данный синтаксис?

класс

селектор тега

идентификато

р

селектор атрибута

<style>

   P { text-align: justify;

    color: green;

   } </style>

3

Как задать цвет фона страницы?

<style>

   BODY {background-color:

#3366CC;}  

   H1 {background-color: red);}    P { background-color: maroon;color: white; }</style>

BODY {

    backgroundcolor: #3366CC;  

   }  

H1 {

background-

color: red;  

   }

P {   

backgroundcolor: maroon; color: white;}

Нет правильно

го ответа

4

В какой строке содержится ошибка?

H1 { marginleft: 20px; }

p { marginleft: 20px; padding-left: 20px; }

head { color:

#rob; }

h2 {

marginright: 20px; }

5

Определите способы создания сайтов

Вручную

Текстовые редакторы

Кострукторы сайтов

Все ответы верны

№

Вопрос

Ответы:

А

Б

В

Г

1

Что выведет код? 

<form name="forma1">

  <label for="load">Выбирайте файл: </label>

  <input type="file" name="load" size="30"> </form>

Поле для файлов

Многострочн ое текстовое поле

Раскрываю щиеся списки

Надпись кнопку

2

Что определяет данный синтаксис?

класс

селектор тега

идентифика

тор

селектор атрибута

<style>

   .gost {

    color: green;    font-weight: bold;   }

   }

  </style>

3

Как задать цвет фона под текстом абзаца? <style>

   BODY {background-color: #3366CC;}     H1 {background-color: red);}    P { background-color: maroon;

color: white;  }  </style>

BODY {

background

-color:

#3366CC;  

   }  

H1 {

backgroundcolor:red;  

   }

P {

background

-color:

maroon;    color: white;

}

Нет правиль ответа

4

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

!DOCTYPE

BODY

HEAD

TITLE

5

Определите конструкторы сайтов

Joomla

Bitrix

Wordpres

Все отве верны

№

Вопрос

Ответы:

А

Б

В

Г

1

В каком состоянии находится флажок

<input type="checkbox" name="remember" checked="checked" />

отмеченный

неотмеченны

й

Не установлено состояние по умолчанию

Нет правильного ответа

2

Что определяет данный синтаксис?

класс

селектор тега

идентификатор

селектор атрибута

<style>

   #pr {

    color: red;   

    border: 1px solid

#666;  

  }

  </style>

3

Какое выражение написано корректно?

font-size: blue

border: none

display: red

float: #fco

4

Как корректно задать стиль для тега <div> с классом loom?

loom {  font-size: bold; }

div {  font-size: bold; }

.loom {  font-size: bold; }

#loom {  font-size: bold; }

5

Определите ПО дл создания сайтов

я

Notepad++

Sublime

Brackets

Все ответы верны

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой тип кнопки?

<form name="forma1">   <input type="image" name="but_img" src="but.gif">

</form>

кнопка отправки

графическая кнопка отправки

кнопка, позволяющая восстановить все значения по умолчанию

произвольная кнопка, ее действия назначаются

2

Правильный CSS-стиль?

<P> { color: #333;  }

P { 

color: #333;  } 

P: { 

color: #333; }

P {  color: 333; }

3

В какой строке кода содержится ошибка?

p { textalign: center; color:

#000000 }

div { color: red; font-size:

11pt; }

title { color: #fc0; margin: 10px; }

p { color: green; color; }

4

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

   #opa {  color: red;     border: 1px solid #666;     background: #eee;     padding: 5px ;}

<p>Обычн ый параграф</ p>

id="opa">Пар аграф необычный 

<p id="opa">Пара граф необычный</p>

Нет правильного ответа

5

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

это глобальная информац ионная сеть

это программное обеспечение, отвечающее за прием запросов браузеров

это программное обеспечение для просмотра webсайтов

это протокол передачи гипертекста 

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой тип кнопки?

<form name="forma1">   <input type="reset" name="reset" value="Очистить">

</form>

кнопка отправки

графическая кнопка отправки

кнопка, позволяющая восстановить все значения по умолчанию

произвольная кнопка, ее действия назначаются

2

Как добавить фоновый цвет ко всем элементам <H1>?

h1 { backgroundcolor: white }

h1.all { color:

white }

h1:all { background:

white }

h1[all] { backgroundcolor: white }

3

В какой строке содержится корректный синтаксис?

body:

color=black

body{ color=black}

{body; color:black}

body{ color:black}

4

Какое имя класса следует добавить к тегу <P>, чтобы текст был одновременно жирным и красного цвета, если имеется следующий стиль?

 s1 { color: red; font-weight:

bold; }

.s2 { color: red; }

.s3 { background-color: red; font-weight: bold; } .s4 { font-weight: bold; }

.s5 { font: red bold; }

s2 s4

s1

S2

s5

5

Что такое Web-сервер? 

это глобальная информацион

ная сеть

это ПО, отвечающее за прием запросов браузеров

это ПО для просмотра webсайтов

это протокол передачи гипертекста 

№

Вопрос

Ответы:

А

Б

В

Г

1

Что выведет код? 

<form name="forma1">   Какими языками вы владеете:<br>

   <input type="checkbox" name="lan1"

value="english"checked>англ ийский

  <input type="checkbox" name="lan2"

value="german"> немецкий

</form>

Текстовое поле

Флажок

Переключат

ель

Кнопку

2

Определите способ добавления CSS-стиля на страницу 

таблица связанных

стилей во внешнем файле

таблица стилей в теге <style> тега <head>

внутренние inline-стили

импорт CSSфайла с помощью

команды @imp

ort

<p style="font-size: 120%;

font-family: monospace;

color: #cd66cc">Пример

текста</p>

3

Как правильно вставить комментарий в CSS-файл?

/*

комментарий

*/

/комментарий

/

'

комментари

й

<!--

комментарий ->

4

Как корректно задать стиль для тега <div>?

loom { 

font-size: bold; }

div { 

font-size: bold;

}

.loom {  font-size: bold; }

#loom {  font-size: bold; }

5

Что такое Web-браузер?  

это глобальная

информацио

нная сеть

это ПО, отвечающее за прием запросов браузеров

это ПО для просмотра web-сайтов

это протокол передачи гипертекста  

№

Вопрос

Ответы:

А

Б

В

Г

1

Какой тип кнопки?

<form name="forma1">   <input type="button"

name="button" value="Отправить"> </form>

кнопка отправки

графическая кнопка отправки

кнопка, позволяющая восстановить все значения по умолчанию

произволь кнопка, ее действия назначают

2

В какой строке содержится ошибка?

H1 { margin-left: 20px; }

p {  margin-left: 20px; paddingleft: 20px; }

h2 { 

margin-right: 20px; }

head {  color: #rob

}

3

Как задать цвет активной ссылки?

а:active {      color: #ff0; }

а:hover {      color: #f00;  

   }

а:visited {      color: #606;  

   }

а:link {      color: #

   }

4

Как добавить изображение?

<p> текст

</p>

<img src=" collage.gif" alt="Робот">

<h1> текст </h1>

<img alt="Робо

5

Что такое HTTP? 

это глобальная информац ионная сеть

это ПО, отвечающее за прием запросов браузеров

это ПО для просмотра webсайтов

это прото передачи гипертекс

№

Вопрос

Ответы:

А

Б

В

Г

1

Что выведет код? 

<form name="forma1">

  <button name="submit" type="submit">  

</button>

</form> 

Текстовое поле

Флажок

Переключа

тель

Кнопку

2

Определите способ добавления CSSстиля на страницу

таблица связанных

стилей во внешнем файле

таблица стилей в теге <style> тега <head>

внутренни

е inlineстили

импорт

CSS-файла с помощью команды @i mport

<head>

     <style> H1 {     font-size: 120%;    }   

     </style>

 </head>

3

Как задать цвет посещенной ссылки?

а:active {      color: #ff0; }

а:hover {      color: #f00;   }

а:visited {      color: #606;    }

а:link {      color: #036;    }

4

Как добавить изображение?

<p> текст

</p>

<img src=" collage.gif" alt="Робот">

<h1> текст </h1>

<img alt="Робот" >

5

Сайт, состоящий из веб-страниц, графических и стилевых файлов – это 

Статический сайт

Динамически

й сайт

Портал

Интернетмагазин

В1

В2

В3

В4

В5

В6

В7

В8

В9

В10

1

Г

Б

Б

Б

А

А

Г

Б

Б

А

2

В

А

Г

Г

А

В

Б

А

В

Г

3

Б

Б

В

Б

Б

В

В

А

В

Б

4

Б

В

Г

А

В

А

А

В

А

В

5

А

Б

В

Г

А

Б

Б

Г

Г

Г

В11

В12

В13

В14

В15

В16

В17

В18

В19

В20

1

Б

В

Б

В

Г

А

А

В

Г

А

2

Б

А

В

Г

Б

Г

Г

Б

А

В

3

А

Б

А

А

Б

В

В

А

В

Б

4

Б

В

Г

А

В

Б

А

В

Б

В

5

А

Б

В

Б

А

Б

Б

Г

Г

Г

В21

В22

В23

В24

В25

1

Б

В

Б

В

Г

2

Б

А

В

Г

Б

3

Г

Г

А

А

В

4

В

А

Б

Б

Б

5

А

Б

В

Г

А