Поделиться
KR Osnovi veb-dizaynu.doc
Контрольна робота
на тему:
«Основи веб-дизайну»
Тема: Контрольна
робота «Основи веб-дизайну»
навчальна мета: продемонструвати вміння оперувати теоретичним і практичним матеріалом з теми «Основи веб-дизайну»;
розвивальна мета: возвивати логічне мислення, увагу, память;
виховна мета: виховувати зосередженість, самостійність, наполегливість.
Тип уроку: урок перевірки та коригування знань, умінь і навичок
Структура уроку
I. Організаційний момент (1 хв)
II. Мотивація навчальної діяльності (1 хв)
III. Повідомлення теми, мети, завдань уроку (2 хв)
IV. Комп’ютерне тестування: перевірка знань теорії (19 хв)
V. Практична робота: вироблення практичних навичок. (19 хв)
VI. Підсумок уроку (2 хв)
VII. Домашнє завдання (1 хв)
Хід уроку
І. Організаційний момент
· привітання з учнями;
· перевірка присутності учнів на уроці;
ІІ. Мотивація навчальної діяльності
Протягом уроку ви виконаєте тематичну роботу для оцінювання теоретичних знань та практичних навичок, здобутих протягом попередніх уроків.
IІI. Повідомлення теми, мети, завдань уроку
Розділ «Основи веб-програмування»
─ Сьогодні буде проведена контрольна робота, яка передбачає 2 етапи:
1. Здача об’єднаного 6 запитань комп’ютерного тесту.
2. Виконання практичних завдань відповідно до розділу «Основи веб-програмування».
─ Виконуючи контрольну роботу, учень може отримати оцінку до 12 балів.
ІV. Комп’ютерне тестування: перевірка знань теорії
VI. Підсумок уроку
Загальну оцінку, тобто, суму балів, одержаних за письмові відповіді, та кількості виконаних практичних завдань, виставляю у відповідному полі зошита.
VII. Домашнє завдання
Попередньо ознайомитися з темою «Графічний редактор веб-сайтів», яка буде вивчатися на наступному уроці.
Контрольна робота «Основи веб-дизайну»
Тестова частина
1. Мова розмітки гіпертексту — це:
а) сукупність команд для настроювання Інтернету;
б) спеціальні команди для створення зв'язку між певними веб-сторінками;
в) сукупність та правила розташування спеціальних кодів, які керують форматуванням, вставленням ілюстрацій, таблиць і зв'язком з іншими документами;
г) спеціальні команди та правила, призначені для створення веб-сторінок;
д) засіб для відтворення веб-сторінок.
2. Атрибут — це:
а) характеристика тегу, що впливає на створюваний ним ефект;
б) характеристика кольорів тексту та тла веб-сторінки;
в) характеристика тегу, що визначає місце його розташування
в HTML-документі;
г) властивість тегу;
д) параметри відтворення веб-сторінки на екрані.
3. Зробити малюнок тлом веб-сторінки можна за допомогою тегу:
а) <BODY BACKGROUND="URL-aflpeca графічного файлу">;
б) <IMG SRC="URL-адреса графічного файлу">;
в) <BODY IMG SRC="URL-адреса графічного файлу">;
г) <IMG BACKGROUND="URL-адреса графічного файлу">;
д) <BODY BGCOLOR="URL-адреса графічного файлу">.
4. Малюнок 1.jpg можна перетворити на гіперпосилання на веб-сторінку 1.html за допомогою коду:
а) <А HREF="l.html"><IMG SRC="1.jpg"></A>;
б) <А HREF="1.jpg"><IMG SRC="1.html"></A>;
в) <A HREF="l.jpg"><IMG SRC="l.html" NAME="1.jpg"></A>;
r) <A HREF="l.jpg"><IMG SRC="l.jpg"
NAME="l.html"></A>;
5. Тег — це:
а) код для визначення структури веб-сторінки;
б) програма керування виглядом текстових повідомлень та малюнків на веб-сторінці;
в) настроювання вигляду частини веб-сторінки за допомогою спеціального коду;
г) розміщення фото на сторінці.
6. Розмістити на веб-сторінці малюнок можна за допомогою тегу:
а) <BODY BACKGROUND="URL-адреса графічного файлу">;
б) <IMG SRC="URL-адреса графічного файлу">;
в) <BODY IMG SRC="URL-адреса графічного файлу">;
г) <IMG BACKGROUND="URL-адреса графічного файлу">.
7. Висоту та ширину графічного об'єкта, розміщеного на веб-сторінці,
можна задати:
а) у дужках після URL-адреси файлу зображення;
б) за допомогою атрибутів WIDTH та HEIGHT у тегу IMG;
в) за допомогою атрибута ALT;
г) за допомогою атрибута SRC;
д) за допомогою атрибутів WIDTH та HEIGHT у тегу BODY.
8. Що дозволить зробити даний тег <table border=”3”>?
9. Що дозволить код (розпишіть)
<TR><TD><A HREF=”foto1.html”><IMG SRC=”foto1.jpg” WIDTH=200 HEIGHT=150 ALT=”Моя родина”></TD> (2 бали)
10. Що дозволить код (розпишіть)
<HTML> <TITLE>Папужка</TITLE><BODY BACKGROUND=" 11. gi f " >
<IMG SRC="richi.jpg" ALIGN=LEFT HSPACE=10 VSPASE=10><FONT SIZE=5><B> (2 бали)
Практична частина
1. Створіть власний сайт, що має ієрархічну структуру (достатньо 3 сторінки) за наступними вимогами:
2.Навігація: меню на Головній та можливість повертатись на Головну із сторінок 2-го рівня.
3. Зробіть зображення фоном сторінки.
4. Змістове наповнення головної сторінки index.html відображає загальні відомості про автора (ІФБ) (колір, шрифт, розмір тексту змінені на власний смак) та посилання на сайт Буковинського ліцею liceybuk.at.ua
5. Друга сторінка повинна містити фотографії.
6. Третя сторінка повиннаvscnbnb відеофайл.
Кожне завдання оцінюється 2 бали
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
