Лекции и лабораторные работы Направление «Математика и компьютерные науки»

1 
Ермоленко А.В. 
Web-программирование 
Лекции и лабораторные работы 
Направление «Математика и компьютерные науки» 
Всего часов – 108 ч:
Самостоятельная работа – 53 ч;
Лекции – 16 ч; 
Лаб. занятия – 34 ч 
Контрольная работа – 1 
Итоговый контроль: зачет

2 
Оглавление 
Введение
 ....................................................................................................................................................... 5 
Вопросы к зачету
 ......................................................................................................................................... 6 
1. HTML
 ....................................................................................................................................................... 8 
Лекция 1. Основы HTML
 ........................................................................................................................ 8 
1.1. История языка HTML. Создание web-страниц
 .......................................................................... 8 
1.2. Структура html-документа
 .......................................................................................................... 9 
1.3. Теги управления форматированием
 ......................................................................................... 11 
1.4. Таблицы
 ....................................................................................................................................... 12 
Лекция 2. Ссылки, рисунки, фреймы
 .................................................................................................. 14 
2.1. Ссылки
 ......................................................................................................................................... 14 
2.2. Рисунки
 ....................................................................................................................................... 15 
2.3. Карты изображения
 .................................................................................................................... 16 
2.4. Фреймы
........................................................................................................................................ 16 
2. CSS
 .......................................................................................................................................................... 17 
Лекция 3. Каскадные таблицы стилей
 ................................................................................................. 17 
3.1. Синтаксис CSS
 ............................................................................................................................ 17 
3.2. Размещение каскадных таблиц
 ................................................................................................. 19 
3.3. Верстка
 ........................................................................................................................................ 20 
3.4. Параметры CSS, управляющие положением на странице
...................................................... 21 
3. JavaScript
 ................................................................................................................................................ 23 
Лекция 4. Основные сведения о JavaScript
 ......................................................................................... 23 
4.1. Знакомство с JavaScript
 .............................................................................................................. 23 
4.2. Операторы языка JavaScript
 ...................................................................................................... 24 
4.3. Объекты JavaScript
 ..................................................................................................................... 27 
Лекция 5. Формы HTML. Обработка форм с помощью JavaScript
................................................... 31 
5.1. Основные элементы формы
 ...................................................................................................... 31 
5.2. Обращение к элементам формы
 ................................................................................................ 37 
5.2. Обработчики событий
 ................................................................................................................ 38 
Лекция 6. Объектная модель Dynamic HTML
 .................................................................................... 38 
6.1. Window
 ........................................................................................................................................ 38 
6.2. document
 ...................................................................................................................................... 40 
6.3. Объект navigator
 ......................................................................................................................... 40 
6.4. Объект location
............................................................................................................................ 41 
6.5. Объект history
 ............................................................................................................................. 41 

3 
6.6. Объект screen
 .............................................................................................................................. 41 
6.7. Объект event
 ................................................................................................................................ 42 
6.8 Обращение к свойствам таблицы стилей
 .................................................................................. 43 
6.9. Свойства и методы управления содержимым
 ......................................................................... 43 
Лекция 7. Модель DOM
 ........................................................................................................................ 45 
7.1. Структура документа DOM
 ....................................................................................................... 45 
7.2. Навигация по дереву документа
 ............................................................................................... 45 
7.3. Создание новых узлов
 ................................................................................................................ 46 
7.4. Редактирование дерева документов
 ......................................................................................... 46 
7.5. Работа с массивами элементов
 .................................................................................................. 47 
Лекция 8. Библиотека jQuery
 ............................................................................................................... 48 
8.1. Введение в jQuery
 ....................................................................................................................... 48 
8.2. Обращение к элементам
 ............................................................................................................ 49 
8.3. Обработчик готовности документа
 .......................................................................................... 50 
8.4. Создание элементов DOM
 ......................................................................................................... 51 
8.5. Работа с полученным набором значений
 ................................................................................. 51 
8.6. Манипулирование объектами на странице
 .............................................................................. 52 
8.7. Обработка событий
 .................................................................................................................... 52 
8.8. Скрытие и отображение объектов
 ............................................................................................ 53 
8.9. Создания слайдера
 ..................................................................................................................... 53 
Лабораторные работы
 ............................................................................................................................... 55 
Лабораторная работа № 1. Знакомство с HTML
 ................................................................................ 55 
Лабораторная работа №2. Карты изображений и фреймы
 ................................................................ 56 
Лабораторная работа №3. CSS
 ............................................................................................................. 56 
Лабораторная работа № 4. Знакомство с JavaScript
 ........................................................................... 57 
Лабораторная работа № 5. Взаимодействие JavaScript и CSS
 .......................................................... 58 
Лабораторная работа № 6. Работа с формами
 .................................................................................... 59 
Лабораторная работа № 7. Калькулятор
 ............................................................................................. 60 
Лабораторная работа № 8. Работа с рисунками
 ................................................................................. 60 
Лабораторная работа № 9. Работа с датой и временем
 ..................................................................... 60 
Лабораторная работа № 10. Строка
 ..................................................................................................... 61 
Лабораторная работа № 11. Фильтры
 ................................................................................................. 61 
Лабораторная работа № 12. Event
 ........................................................................................................ 62 
Лабораторная работа № 13. Пазлы
 ...................................................................................................... 62 
Лабораторная работа № 14. Секретное окно
 ...................................................................................... 62 

4 
Лабораторная работа № 15. DOM. Раскрывающееся меню
 .............................................................. 62 
Лабораторные работы № 16-17. jQuery
 ............................................................................................... 63 
Лабораторные задания одним списком (сокращенные формулировки)
 .............................................. 63 
Контрольная работа
 .................................................................................................................................. 66