[Анонс!] Научно-практическая онлайн-конференция «Цифровая образовательная среда 2021» Регистрация→
Конкурс разработок «Пять с плюсом» январь 2021
Добавляйте свои материалы в библиотеку и получайте ценные подарки
Конкурс проводится с 1 января по 31 января

Комплексная контрольная работа по дисциплине МДК.03.04 Технология разработки и сопровождения интернет-сайтов

Контрольная работа предназначена для определения уровня остаточных знаний студентов по дисциплине МДК.03.04 Технология разработки и сопровождения интернет-сайтов на третьем курсе. Контрольная работа состоит из 25 вариантов, каждый из которых состоит из двух частей. Для выполнения комплексной контрольной работы студент должен знать программный материал дисциплины. Часть А - пять тестовых вопросов, направленные на выявление знаний теоретического материала по технологии разработки и сопровождения интернет-сайтов. Часть Б – ситуационные задачи
Просмотр
содержимого документа


Аннотация

на комплексную контрольную работу 

по дисциплине МДК.03.04 Технология разработки и сопровождения интернет-сайтов, разработка web-приложений* для определения качества подготовки студентов

по специальности 09.02.03 Программирование в компьютерных системах

 

Контрольная работа предназначена для определения уровня остаточных знаний студентов

третьего курса по дисциплине МДК.03.04 Технология разработки и сопровождения интернетсайтов, разработка web-приложений*.

                                    Проведение     комплексной     контрольной     работы     имеет     контрольную,                               учебную,

воспитательную и организационную функцию. Цель контрольной функции - проверка знаний и умений студентов по данной дисциплине, освоение общих и профессиональных компетенции.

Согласно учебному плану для специальности 09.02.03 Программирование в компьютерных системах на изучение МДК.03.04 Технология разработки и сопровождения интернет-сайтов, разработка web-приложений* на 3 курсе запланировано 189 часа. Из них на практические работы – 74 часов, на самостоятельную работу - 61 часов.

Контрольная работа рассчитана на 80 минут, при этом осуществляется контроль теоретических и практических знаний студентов.

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

Часть А - пять тестовых вопросов, направленные на выявление знаний теоретического материала по технологии разработки и сопровождения интернет-сайтов.

Часть Б – ситуационные задачи, состоящие из пяти практических заданий, направленные

на выявление умений применять полученные теоретические знания при решении ситуационных задач по разработке интернет-сайтов: «Разработка технического задания на создание сайта»; «Разработка дизайн-макета главной страницы сайта», «Разработка HTML-кода главной страницы сайта», «Разработка CSS-стиля главной страницы сайта», «Описание этапов размещения сайта в

Интернете»

 

 

Шкала оценки выполнения задач комплексной контрольной работы по дисциплине МДК.03.04 Технология разработки и сопровождения интернет-сайтов, разработка webприложений*

 

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

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

Часть А вопрос 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

 

Критерии оценок:   студент выполняет задания и набирает от 19 до 30 баллов: 65-75% от максимально возможного балла - оценка 3 «удовлетворительно»; 75-90% от максимально возможного балла - оценка 4 «хорошо»; 90-100% от максимально возможного балла - оценка 5 «отлично»; студент набирает менее 33 баллов:  0-64% от максимально возможного балла, то оценка 2 «неудовлетворительно» .

 

Таблица соответствия:

% выполнения

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

оценка

90-100%

27 - 30

5

75-90%

23-26

4

65-75%

19 - 22

3

0-64%

до 19

2

РАБОЧИЙ ЛИСТ ДЛЯ КОМПЛЕКСНОЙ  КОНТРОЛЬНОЙ РАБОТЫ

по междисциплинарному курсу:

МДК.03.04    Технология   разработки   и сопровождения интернет-сайтов, разработка web-приложений* специальность

09.02.03 Программирование в компьютерных системах

ФИО________________________________

ГРУППА__________

ВАРИАНТ________

 

Часть А. Тестовое задание.

1

 

2

 

3

 

4

 

5

 

Всего баллов ______________

Часть Б. Ситуационные задачи 

Задание №1. Разработать бриф (технического задания) на создание сайта.

Предметная область ________________________________________________________________________________

1.      Информация о проекте

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

 

2.      Информация об услугах

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

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

 

менеджеры

 

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

 

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

 

домохозяйки

 

дети

 

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

 

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

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

 

 

 

 

 

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

 

 

 

3. Тип сайта (выберите вариант)

q  Промо-сайт (Продвижение товаров и услуг)

q  Сайт-визитка (Общая информация о компании и ее координаты)

q  Корпоративный сайт (Подробная информация о компании. Каталог товаров и/или услуг, Без возможности оформления заказов на сайте.)

q  Интернет-магазин (Продажа товаров и/или услуги с заказом и оплатой товаров)

q  Информационный портал (Предоставление посетителям большого объема различной информации)

 

Всего баллов ______________

 

 

Задание           №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. Разработать бриф (технического задания) на создание сайта.

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

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

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

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

 

 

Часть Б. Ситуационные задачи Предметная область: Издательство книг

Ситуационная задача: Необходимо разработать интернет-сайт для заданной предметной области. 

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

 

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

Задание №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. Разработать бриф (технического задания) на создание сайта.

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

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

Задание №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. Разработать бриф (технического задания) на создание сайта.

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

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

Задание №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. Разработать бриф (технического задания) на создание сайта.

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

Задание №4. Разработать CSS-стиль главной страницы сайта Задание №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. Разработать бриф (технического задания) на создание сайта.

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

Задание №4. Разработать CSS-стиль главной страницы сайта Задание №5. Описать этапы размещения сайта в Интернете

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

Задание №4. Разработать CSS-стиль главной страницы сайта Задание №5. Описать этапы размещения сайта в Интернете

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

 


Часть А. Тестовое задание.

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

Задание №4. Разработать CSS-стиль главной страницы сайта Задание №5. Описать этапы размещения сайта в Интернете

Вариант 13

Г

Вопрос

 

 

Ответы:

 

А

Б

В

 

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. Разработать бриф (технического задания) на создание сайта.

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

Задание №4. Разработать CSS-стиль главной страницы сайта Задание №5. Описать этапы размещения сайта в Интернете

Часть А. Тестовое задание.

Вопрос

 

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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


Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

Задание №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. Разработать бриф (технического задания) на создание сайта.

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

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

Задание №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. Разработать бриф (технического задания) на создание сайта.

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

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

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

 


Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

Задание №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. Разработать бриф (технического задания) на создание сайта.

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

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

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

Вопрос

 

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

 

 

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать бриф (технического задания) на создание сайта.

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

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

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

 

 

Вопрос

 

Ответы:

 

А

Б

В

Г

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. Разработать HTML-код главной страницы сайта.

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

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


Ключи к  ответам

ККР МДК.03.04 Технология создания и сопровождения интернет-сайтов

 

 

 

 

 

В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

А

Б

В

Г

А

 

 

Информация о публикации
Загружено: 28 апреля
Просмотров: 213
Скачиваний: 2
Дончик Виктория
Информатика, ВУЗ, Экзамены ЕГЭ, ОГЭ
Скачать материал