Материал для проведения дифференцированной зачетной работы по информатике

Постановка задачи

Создайте папку Фамилия_Имя_Вар№_ДифЗачет. В этой папке создайте фрагмент веб - сайта «Дифференцированная зачетная работа по МДК 02. 01. «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности»» по образцам (рис. 1 и рис. 2), используя такие технологии как HTML, CSS в соответствии с индивидуальным заданием (приложение 1).

Фрагмент сайта должен состоять из семи страниц: первая – главная (содержит подпись работы и номера заданий, оформленные в виде гиперссылок) и 6 вспомогательных (содержат ответы на задания). Ответы на вопросы давать в развёрнутом виде.

Каждая страница должна содержать свой заголовок.

Разработать навигационную карту веб - сайта (панель гиперссылок).

Создайте на каждой странице сайта (в нижней части окна) бегущую строку с названием вашего учебного заведения.

Добавьте текущие дату и время на каждой странице сайта (верхний левый угол окна).

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

Для текста «Вариант №» создать баннер средствами Photoshop.

Текст «Задания» создать средствами WordArd

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

Используйте стилевые оформления CSS для страницы «Об авторе» (по своему усмотрению).

Выполнить тестирование веб - сайта в различных браузерах (Microsoft Internet Explorer, Google Chrome, Yandex и т. д).

Работу оформить в печатном виде (приложение 2) и сдать на проверку преподавателю, приложив диск с работами группы (общий на всю подруппу).

Весь материал - смотрите документ.

ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

СРЕДНЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

«ТЕТЮШСКИЙ ПЕДАГОГИЧЕСКИЙ КОЛЛЕДЖ»

Материал для проведения

ДИФФЕРЕНЦИРОВАННОЙ ЗАЧЕТНОЙ РАБОТЫ

по МДК.02.01. Разработка, внедрение и адаптация программного обеспечения отраслевой направленности

«2307001 Прикладная информатика»

Группа 205, 4 семестр

Тетюши,2014

Создайте папку Фамилия_Имя_Вар№_ДифЗачет. В этой папке создайте фрагмент веб-сайта «Дифференцированная зачетная работа по МДК 02.01. «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности»» по образцам (рис. 1 и рис. 2), используя такие технологии как HTML, CSS в соответствии с индивидуальным заданием (приложение 1).

Фрагмент сайта должен состоять из семи страниц: первая – главная (содержит подпись работы и номера заданий, оформленные в виде гиперссылок) и 6 вспомогательных (содержат ответы на задания). Ответы на вопросы давать в развёрнутом виде.

Каждая страница должна содержать свой заголовок.

Разработать навигационную карту веб-сайта (панель гиперссылок).

Создайте на каждой странице сайта (в нижней части окна) бегущую строку с названием вашего учебного заведения.

Добавьте текущие дату и время на каждой странице сайта (верхний левый угол окна).

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

Для текста «Вариант №» создать баннер средствами Photoshop.

Текст «Задания» создать средствами WordArd:

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

Используйте стилевые оформления CSS для страницы «Об авторе» (по своему усмотрению).

Выполнить тестирование веб-сайта в различных браузерах (Microsoft Internet Explorer, Google Chrome, Yandex и т.д).

Работу оформить в печатном виде (приложение 2) и сдать на проверку преподавателю, приложив диск с работами группы (общий на всю подруппу).

Текущая дата

Время

Дифференцированная зачётная работа

по МДК 02.01.Разработка, внедрение

и адаптация программного обеспечения

отраслевой направленности

Студента(ки) 205 группы

Фамилия, Имя

Вариант 1

Бегущая строка: ГАОУ СПО «Тетюшский педагогический колледж»

Фото

с динамическим эффектом

Рис.1.

рис.1

рис.2.

Предыдущая Главная Следующая

1. Каскадные таблицы стилей.

2. Движущийся текст. Использование звуковых файлов.

3. Структура HTML документа. Основные теги HTML. Пример файла в формате HTML.

4. Понятие формы. Работа с тегами форм.

5. Форматирование простого текста, параграфы. Выделение текста, шрифты. Примеры.

6. Нумерованные и ненумерованные списки. Организация меню. Примеры.

7. Таблицы. Атрибуты тега TABLE. Объединение ячеек. Примеры.

8. Понятие кадров. Контейнер .

9. Адреса файлов. Ссылки. Картинки.

10. Понятие кадров. Тэг и его атрибуты.

Оформить списком определений следующие термины

1. Внешние таблицы стилей – это…; Интерфе́йс по́льзователя – это…

2. Веб-дизайн – это…; Шапка сайта – это…

3. Тег – это…; Содержимое сайта (контент) – это…

4. Дерево документа – это…; Юзабилити (международный стандарт ISO 9241-11) – это…

5. Функциональность сайта – это…; CSS-код – это…

6. Атрибут – это…; Разработчик пользовательских интерфейсов – это…

7. Селектор – это…; Графический интерфейс пользователя  (англ.  Graphical  user  interface, GUI) в вычислительной технике – это…

8. Веб-дизайнер – это…; Подвал, футер сайта – это…

9. Надежность сайта – это…; Интерфейс (interface) – это…

10. Наследование (правила селекторы) – это…; Верстка веб-страниц – это…

Разработать форму для теста. Предусмотреть кнопки для отправки формы по электронной почте и сброса введенных данных.

В1. вопросы:

1. Ученик создал Web-страницу Интернета и задал сначала фон красным, а потом изменил его на синий. Как изменился вид атрибута bgcolor для тэга ? (один вариант ответа)

• с на

• с на

• с на

• с на

1. Какие форматы графических файлов можно использовать для вставки на WEB –страницу? (множественный выбор)

• BMP

• GIF        

• GIF

• JPG 

• PNG

• TIFF   

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

1. Для чего служат в HTML символы (раскрывающийся список):

• для выделения абзаца

• для выделения параграфа, пункта

• для выделения глав

• для выделения заголовка

В2. вопросы:

1. Графика в Web распространяется в _______ (поле для ввода)форматах.

• двух

• трех

• четырех

• пяти

1. (1 вариант ответа)

1. (раскрывающийся список)

1. Какой тег смещает текст вверх относительно базовой линии (множественный выбор)

1. Что такое комментарий (альтернативный текст)?

В3.вопросы:

1. Двое учащихся 10 класса совместно делали сайт, состоящий из не­скольких Web-страниц Интернета. Первый сделал фон с помощью тэга , а второй тут же изменил его на . Как поменялся цвет фона? (один ответ)

• с красного на зеленый

• с черного на белый

• с белого на красный

• с белого на черный

1. Просмотрите текст HTML-документа и ответьте на вопрос: какой цвет фона и текста будет на веб-странице?

1. Как называется фрагмент HTML-кода, заключенный в угловые скобки?

________________________________

1. Для чего служат в HTML символы (выпадающий список):

• для выделения абзаца

• для выделения параграфа, пункта

• для выделения глав

• для выделения заголовка

1. Какие этапы при разработке веб-сайтов присутствуют? (множественный выбор)

• Проектирование структуры сайта, определение разделов и связей между страницами;

• Разработка дизайна сайта, т.е. стиля оформления страниц;

• Конструирование страниц сайта (создание HTML-кода);

• Размещение в сети (публикация) и тестирование сайта.

В4.вопросы:

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

_________________________________

1. Каково назначение программы-браузера? (один вариант ответа)

• Это универсальная программа для доступа к информационным ресурсам Интернета, в первую очередь - для просмотра гипертекстовых документов Всемирной Паутины.

• Браузер позволяет работать только с электронной почтой.

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

1. Какой тег не является тегом перевода строки (множественный выбор)?

• BR

• TT

• A

1. Какой тег из перечисленных не является параметром тега FONT (раскрывающийся список)?

   • SIZE

   • COLOR

   • FACE

   • MIDDLE

В5.вопросы:

1. Перечислите известные редакторы визуального конструирования.

_____________________________________________________________________________

1. С помощью какого тега можно объявить версию языка HTML (множественный выбор)?