Контрольная работа по теме
«Основы веб-конструирования» (11 класс)
Вариант 1
Создайте фрагмент веб-сайта «Контрольная работа по теме «Основы веб-конструирования» по образцам (рис. 1 и рис. 2), используя редактор FrontPage. Фрагмент сайта должен состоять из шести страниц: первая – главная (содержит подпись работы и номера заданий, оформленные в виде гиперссылок) и 5 вспомогательных (содержат ответы на вопросы). Ответы на вопросы давать в развёрнутом виде (например: HTML – язык разметки гипертекстов).
рис.1 рис.2
Создайте папку Фамилия_Имя_КР, в папке, указанной учителем. В папке Фамилия_Имя_КР создайте шесть веб-страниц, используя редактор FrontPage. На главной странице расположите текст по образцу рис. 1.
1 уровень
Задание 1. На вспомогательной странице 1 поместите ответ на вопрос 1 по образцу рис.2:
Для чего служат в HTML символы <HEAD> <TITLE> </ TITLE> </HEAD>:
а) для выделения абзаца
б) для выделения параграфа, пункта
в) для выделения глав
г) для выделения заголовка
Задание 2. На вспомогательной странице 2 поместите ответ на вопрос 2 по образцу рис.2:
Какие форматы графических файлов можно использовать для вставки на WEB –страницу?
а) BMP, GIF
б) GIF, JPG, PNG
в) TIFF
2 уровень
Задание 3. На вспомогательной странице 3 поместите ответ на вопрос 3 по образцу рис.2:
Какие этапы при разработке веб-сайтов отсутствуют?
- Проектирование структуры сайта, определение разделов и связей между страницами; Разработка дизайна сайта, т. е. стиля оформления страниц; Конструирование страниц сайта (создание HTML-кода); Размещение в сети (публикация) и тестирование сайта.
Задание 4. На вспомогательной странице 4 поместите ответ на вопрос 4:
Установите взаимно-однозначное соответствие в виде 1-а, 2-б и т. д..
1. Тег с которого начинается любой программный код HTML - документа. | а) <IMG SRC = “имя файла”> |
2. Какими символами в HTML основной текст отделяется от сопроводительного? | б) <H? ALIGN=” “> </H?> в) <HEAD> </HEAD> |
3. Тег для разделения текста на абзацы. | г) <HTML> </HTML> д) <H? > </H?> |
4. Тег для выделения заголовка и указания его выравнивания. | е) <ALIGN=…> |
5. Рисунок в HTML задается … | ж) <BODY> </BODY> |
6. Как в HTML задается положение рисунка? | з) <P> </P> |
3 уровень
Задание 5. На вспомогательной странице 5 поместите ответ на вопрос 5 по образцу рис.2:
Какие страницы называют статическими?
Задание 6. На вспомогательной странице 5 поместите ответ на вопрос:
Является ли созданная вами страница статической?
4 уровень
Задание 7. На главную страницу поместите любое изображение (см. рис. 1).
Задание 8. Оформите страницы, используя готовые шаблоны оформления (темы) для каждой страницы отдельно на своё усмотрение.
5 уровень
Задание 9.Создайте гиперссылки для текста Вопрос 1 – Вопрос 5 на соответствующие страницы с ответами на вопросы.
Задание10 На главной странице создайте гиперссылку в виде Интерактивной кнопки для текста Вопрос 5 на соответствующую страницу.
Контрольная работа по теме
«Основы веб-конструирования» (11 класс)
Вариант 2
Создайте фрагмент веб-сайта «Контрольная работа по теме «Основы веб-конструирования» по образцам (рис. 1 и рис. 2), используя редактор FrontPage. Фрагмент сайта должен состоять из шести страниц: первая – главная (содержит подпись работы и номера заданий, оформленные в виде гиперссылок) и 5 вспомогательных (содержат ответы на вопросы). Ответы на вопросы давать в развёрнутом виде (например: HTML – язык разметки гипертекстов).
рис.1 рис.2
Создайте папку Фамилия_Имя_КР, в папке, указанной учителем. В папке Фамилия_Имя_КР создайте шесть веб-страниц, используя редактор FrontPage. На главной странице расположите текст по образцу рис. 1.
1 уровень
Задание 1. На вспомогательной странице 1 поместите ответ на вопрос 1 по образцу рис.2:
Как сохраняются изображения, вставляемые на страницу?
а) переводятся в двоичную форму и помещаются в HTML код
б) записываются в архив и прилагаются к HTML файлу
в) изображения не сохраняются, а при просмотре используются из библиотеки пользователя
г) сохраняются как отдельные файлы, а в HTML код вставляется только ссылка на них
Задание 2. На вспомогательной странице 2 поместите ответ на вопрос 2 по образцу рис.2:
Какие форматы графических файлов можно использовать для вставки на WEB –страницу?
а) PNG, GIF
б) GIF, JPG
в) все вышеперечисленные
2 уровень
Задание 3. На вспомогательной странице 3 поместите ответ на вопрос 3 по образцу рис.2:
Какие этапы при разработке веб-сайтов отсутствуют?
- Определение тематики сайта, его целей и задач; Разработка дизайна сайта, т. е. стиля оформления страниц; Подготовка материалов для размещения на веб-страницах; Размещение в сети (публикация) и тестирование сайта.
Задание 4. На вспомогательной странице 4 поместите ответ на вопрос 4:
Установите взаимно-однозначное соответствие в виде 1-а, 2-б и т. д..
1. Тег с которого начинается любой программный код HTML - документа. | а) <H? ALIGN=” “> </H?> |
2. Какими символами в HTML основной текст отделяется от сопроводительного? | б) <ALIGN=…> в) <H? > </H?> |
3. Тег для разделения текста на абзацы. | г) <HTML> </HTML> д) <HEAD> </HEAD> |
4. Тег для выделения заголовка и указания его выравнивания. | е) <IMG SRC = “имя файла”> |
5. Рисунок в HTML задается … | ж) <P> </P> |
6. Как в HTML задается положение рисунка? | з) <BODY> </BODY> |
3 уровень
Задание 5. На вспомогательной странице 5 поместите ответ на вопрос 5 по образцу рис.2:
Какие страницы называют динамическими?
Задание 6. На вспомогательной странице 5 поместите ответ на вопрос:
Является ли созданная вами страница динамической?
4 уровень
Задание 7. На главную страницу поместите любое изображение (см. рис. 1).
Задание 8. Оформите страницы, используя готовые шаблоны оформления (темы) для каждой страницы отдельно на своё усмотрение.
5 уровень
Задание 9.Создайте гиперссылки для текста Вопрос 1 – Вопрос 5 на соответствующие страницы с ответами на вопросы.
Задание10. На главной странице создайте гиперссылку в виде Интерактивной кнопки для текста Вопрос 5 на соответствующую страницу.
