Планирование уроков на учебный год (по учебнику К.Ю. Полякова, Е.А. Еремина, сокращённый курс, по 2 часа в неделю)



Уроки 66 - 67
Динамический HTML
(§32. Динамический HTML)






Содержание урока

Что это такое?

«Живой» рисунок

Скрытый блок

Формы

Вопросы и задания

Задачи


Вопросы и задания



1. Чем пользователей не устраивает «чистый» HTML?
2. Что такое динамический HTML? Какие технологии он использует?
3. Чем отличается DHTML от HTML?
4. Что представляет собой JavaScript-код?
5. Что такое DOM? Зачем нужна такая структура?
6. Как можно найти нужный элемент на веб-странице из JavaScript-KOfla?
7. Что такое «ролл-овер»? Приведите примеры, когда этот эффект действительно полезен.
8. Как вы понимаете слово «событие»? С какими событиями мы работали в приведённых примерах?
9. Что такое обработчик события?
10. Что означает запись this.src?
11. Расскажите о правилах использования кавычек в JavaScript-коде.
12. Подумайте, зачем могут понадобиться скрытые блоки на веб-странице.
13. Объясните, зачем скрытому блоку в рассмотренном примере присвоен и класс, и идентификатор.
14. Какое свойство блока нужно изменить, чтобы скрыть или показать его?
15. Как вы думаете, зачем JavaScript-код выносят в отдельные файлы?
16. Как подключаются к веб-странице файлы, содержащие JavaScript-код?
17. Как получить ссылку на элемент, идентификатор которого мы знаем?
18. Зачем в функцию show из рассмотренного примера добавлен условный оператор?
19. Как понимать запись elem.style.display?
20. Зачем в обработчик гиперссылки в рассмотренном примере добавлена команда return false?
21. Что такое форма? Для чего она предназначена?
22. Как можно использовать формы без «принимающей» серверной программы?
23. Зачем нужен атрибут name для формы и её элементов?
24. Как браузер отличает кнопку от поля ввода (оба элемента задаются тэгом <input>)?
25. Как задать текст на кнопке?
26. Какая функция используется для вывода сообщения пользователю в отдельном окне?

Подготовьте сообщение

а) «Какие задачи решает DHTML?»
б) «Обработка нажатий на клавиши в JavaScript»
в) «Создание тестов с помощью JavaScript»
г) «Создание меню с помощью CSS»
д) «Создание меню с помощью JavaScript»
*е) «Обработка данных форм на сервере»

Следующая страница Задачи



Cкачать материалы урока






Наверх