Web-программирование - Учебно

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
РОССИЙСКОЙ ФЕДЕРАЦИИ
федеральное государственное бюджетное образовательное учреждение высшего
профессионального образования «Тобольская государственная социально-педагогическая
академия им. Д.И. Менделеева»
Физико-математический факультет
Кафедра информатики, теории и методики обучения информатике
УТВЕРЖДАЮ
Проректор по учебной работе
____________________________ Клюсова В.В.
“ 05 ” сентября 2013 г
Учебно-методический комплекс дисциплины
«WEB-ПРОГРАММИРОВАНИЕ»
Код и направление подготовки
050100.62 – «Педагогическое образование»
Профиль подготовки
«Информатика»
Квалификация (степень) выпускника
Бакалавр
Тобольск
2013
Содержание
Рабочая программа дисциплины ……………………………………………………...……...
3
Руководство по организации обучения дисциплине ……………………………….……… 15
Приложения ……………………………………………………………………………………... 16
Приложение 1. Лекционные материалы ……………………………………………………..…. 16
Приложение 2. Лабораторный практикум ……………………………………………………... 19
2.1. Задания к лабораторному практикуму ………………………………………..… 19
2.2. Методические указания к лабораторному практикуму ………………………... 21
Приложение 3. Задания для самостоятельной работы и методические указания к
22
выполнению самостоятельной работы ……………………………………………………….....
Приложение 4. Контролирующие и оценочно-диагностические материалы по дисциплине
24
4.1. Технологическая карта дисциплины …………………………………………..... 24
4.2. Тестовые задания для текущего контроля знаний по дисциплине ……….…... 25
4.3. Вопросы к экзамену ……………………………………………………..……….. 27
2
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
РОССИЙСКОЙ ФЕДЕРАЦИИ
федеральное государственное бюджетное образовательное учреждение высшего
профессионального образования «Тобольская государственная социально-педагогическая
академия им. Д.И. Менделеева»
Физико-математический факультет
Кафедра информатики, теории и методики обучения информатике
УТВЕРЖДАЮ
Проректор по учебной работе
____________________________ Клюсова В.В.
“ 05 ” сентября 2013 г
Рабочая программа учебной дисциплины
«WEB-ПРОГРАММИРОВАНИЕ»
Код и направление подготовки
050100.62 – «Педагогическое образование»
Профиль подготовки
«Информатика»
Квалификация (степень) выпускника
Бакалавр
Форма обучения
Дневное
Заочное
Тобольск
2013
3
Содержание
1
2
3
4
4.1
4.2
5
6
7
7.1
7.2
7.3
8
9
10
11
стр.
Цели и задачи освоения дисциплины…………………………………………………......
5
Место дисциплины в структуре ООП ВПО.......…………………………….....................
5
Требования к результатам освоения содержания дисциплины.......................................
5
Содержание и структура дисциплины (модуля)....………………………….....................
6
Структура дисциплины.........................................................................................................
6
Содержание разделов дисциплины .....................................................................................
6
Образовательные технологии ..............................................................................................
6
Самостоятельная работ студентов ………………………………………………………..
8
Компетентностно-ориентированные оценочные средства .....................……………….
8
Оценочные средства диагностирующего контроля ……..................................................
8
Оценочные средства текущего контроля: модульно-рейтинговая технология
9
оценивания работы студентов ……………………………………………….....................
Оценочные средства промежуточной аттестации ………………………………………. 12
Учебно-методическое и информационное обеспечение дисциплины ………………… 12
Материально-техническое обеспечение дисциплины……………………......................
13
Паспорт рабочей программа дисциплины ……………………………………………….
13
Аннотация рабочей программы дисциплины ………………………………………..….. 14
4
1. Цели и задачи освоения дисциплины
Цели освоения дисциплины:
 формирование систематизированных знаний и умений в области программирования
современных web-сайтов;
 формирование готовности к использованию полученных в результате изучения дисциплины
знаний и умений в профессиональной деятельности.




Задачи:
овладение технологиями создания web-сайта средствами программирования на стороне
клиента;
овладение технологиями создания web-сайта средствами программирования на стороне
сервера;
овладение технологией размещения web-сайта на сервере;
воспитание информационной культуры у будущего учителя.
2. Место дисциплины в структуре ООП ВПО
Дисциплина по выбору «Web-программирование» относится к вариативной части
Профессионального цикла (Б3.В4).
Для освоения дисциплины «Web-программирование» студенты используют знания,
умения, навыки, способы деятельности и установки, полученные и сформированные в ходе
изучения дисциплины «Программное обеспечение и мультимедиа технологии»,
«Программирование», «Сети и Интернет-технологии».
Изучение дисциплины по выбору способствует успешному выполнению курсовых и
дипломных работ.
3. Требования к результатам освоения содержания дисциплины
3.1. Компетенции обучающегося, формируемые в результате освоения дисциплины
а) профессиональных (ПК):
 способен реализовывать учебные программы базовых и элективных курсов в различных
образовательных учреждениях (ПК-1),
 готов применять современные методики и технологии, в том числе и информационные, для
обеспечения качества учебно-воспитательного процесса на конкретной образовательной ступени
конкретного образовательного учреждения (ПК-2).











3.2.В результате изучения дисциплины студент должен
знать:
технологии разработки статических web-сайтов;
технологии разработки динамических web-сайтов;
приемы использования мультимедиа (графики, видео, анимации) на web-страницах;
программные средства со стороны клиента, используемые для создания web-страниц;
программные средства со стороны сервера, используемые для создания web-страниц;
уметь:
проектировать и разрабатывать структуру сайта;
использовать язык гипертекстовой разметки HTML и каскадные таблицы стилей (CSS) для
создания web-страниц;
разрабатывать сценарии на языке программирования JavaScript;
разрабатывать сценарии на языке программирования PHP;
владеть:
навыками создания интерактивных web-сайтов;
навыками размещения web-сайта на сервере и его сопровождения;
5
 навыками регистрации сайта в поисковых системах.
4. Содержание и структура дисциплины
Общая трудоемкость дисциплины составляет 3 зачетные единицы (108 часов)
4.1. Структура дисциплины
Таблица 1
Объем дисциплины и виды учебной работы
Вид учебной работы
Всего часов
Семестры
ДФО
Семестры
ЗФО
Общая трудоемкость
108
6
6
Аудиторные занятия
В том числе:
 Лекции
 Лабораторные работы
 КСР
56
56
8
18
36
2
18
36
2
2
6
Самостоятельная работа
52
52
100
зачет
зачет
Вид отчетности по дисциплине
Таблица 2
Виды учебной работы
(в академических часах)
аудиторные
занятия
Семестр
СР
ДФО / ЗФО
ЛК
ЛБ
3
4
5
6
№
Наименование раздела дисциплины
1
2
1
Инструментальные средства создания
web-сайтов. Публикация сайтов.
6
4
14 / 4
16 / 30
2
Каскадные таблицы стилей (CSS)
6
2/2
4/2
8 / 16
3
Клиентский
JavaScript
6
8
14
18 / 34
4
Серверный язык программирования PHP
6
4
4
10 / 20
18 / 2
36 / 6
52 / 100
язык
программирования
Итого:
4.2. Содержание разделов дисциплины
Таблица 3
№
1
2
3
Наименование
раздела дисциплины
Инструментальные
средства создания webсайтов. Публикация
сайтов.
Каскадные
таблицы
стилей (CSS)
Клиентский язык
программирования
JavaScript
Содержание раздела
(дидактические единицы)
Web-сервер. Виды и функции web-серверов. Инструменты
разработки web-сайтов. Web-редакторы: SharePoint.
DreamWeaver. Пакет Denwer. Хостинг. Публикация сайтов.
Регистрация сайтов в поисковых системах.
Классы стилей. Псевдоклассы. Стили позиционирования.
Назначение и применение JavaScript. Понятие объектной
модели применительно к JavaScript. Типы и структуры
данных. Операторы языка. Программирование свойств
6
Серверный язык
программирования PHP
4
окна браузера, форм, графики, гипертекстовых переходов.
Позиционирование элементов на странице.
Операторы языка. CGI-сценарии. Формы.
5. Образовательные технологии
№
занятия
1
№
раздела
1
2
3
1
1
4
1
5
1
6
1
7
2
8
1
9
1
10
11
3
1
12
2
13
14
3
2
15
3
16
17
18
19
20
21
3
3
3
3
3
3
22
4
23
3
24
25
4
5
Тема занятия
Инструментальные средства
создания web-сайтов
Основы работы в SharePoint
Основы работы в SharePoint
Визуальный
web-редактор
DreamWeaver
SharePoint. Вставка аудио.
Создание автоэскизов
SharePoint. Создание сайтов
на
основе
фреймовой
структуры
Каскадные таблицы стилей
(CSS)
Приемы создания сайтов в
Dream Weaver
Приемы создания сайтов в
Dream Weaver
Основы JavaScript
Разработка индивидуального
сайта в DreamWeaver
CSS.
Позиционирование
объектов
Команды JavaScript
CSS. Создание верхнего
меню
Методы
ввода-вывода.
Операторы языка
Иерархия объектов
Операторы языка
Операторы языка
Обработка событий
Объекты Date, Window
События,
связанные
с
«мышью»
Серверный язык
программирования PHP
События,
связанные
с
«изображением»
Обработка форм
Серверный язык
программирования PHP
7
Виды образовательных
технологий
информационная лекция
Таблица 4
Кол-во
часов
2
лабораторная работа
проект
2
2
информационная лекция
2
лабораторная работа
2
лабораторная работа
2
лекция-визуализация
2
лабораторная работа
2
лабораторная работа
2
информационная лекция
проект
2
2
лабораторная работа
2
лекция-визуализация
лабораторная работа
2
2
лабораторная работа
2
информационная лекция
лабораторная работа
лабораторная работа
информационная лекция
лабораторная работа
лабораторная работа
2
2
2
2
2
2
информационная лекция
2
лабораторная работа
2
лабораторная работа
информационная лекция
2
2
26
5
27
5
Ввод и правка данных с
помощью форм.
Защита проекта
«Проектирование и
разработка web-сайта».
проект
2
проект
2
6. Самостоятельная работа студентов
№
1
2
3
4
Наименование раздела
дисциплины
Вид самостоятельной работы
Инструментальные
средства Изучение специальной учебной
создания
web-сайтов. литературы.
Публикация сайтов.
Выполнение домашней работы.
Изучение специальной учебной
литературы.
Выполнение домашней работы.
Каскадные таблицы стилей (CSS)
Выполнение долгосрочного проекта
«Проектирование и разработка webсайта».
Изучение специальной учебной
литературы.
Клиентский
язык Выполнение домашней работы.
программирования JavaScript
Выполнение долгосрочного проекта
«Проектирование и разработка webсайта».
Изучение специальной учебной
литературы.
Серверный
язык Выполнение домашней работы.
программирования PHP
Выполнение долгосрочного проекта
«Проектирование и разработка webсайта».
7. Компетентностно-ориентированные оценочные средства
7.1. Оценочные средства диагностирующего контроля
Тест
1. Интернет – это ... (1 б)
a) программа
b) глобальная телекоммуникационная сеть
c) фирма, выпускающая компьютеры
d) электронная почта.
2. Адрес web-сервера … (1 б)
a) www
b) www.km.ru
c) ru
d) serg@mail.ru
3. Спам – это … (1 б)
a) специальная программа для работы с почтой
b) почтовый ящик
c) нежелательная электронная почта
d) электронное сообщение
8
Таблица 5
Трудоемкость
(в академических
часах)
16
8
18
10
4. Гиперссылки на web-странице обеспечивают переход ... . (2 б)
a) в пределах данной web – страницы
b) на web - страницы данного сервера
c) на любую web - страницу данного региона
d) на любую web - страницу любого сервера Интернет.
5. Соответствие между видами программ и названием. (2 б)
а) браузер
1) Internet Explorer
б) почтовая программа
2) Outlook Express
3) Net Meeting
а) – 1
б) – 2
7.2. Оценочные средства текущего контроля: модульно-рейтинговая технология
оценивания работы студентов
7.2.1. Распределение рейтинговых баллов по модулям и видам работ
Таблица 6
Виды работ
Модуль 1
Аудиторные занятия
Лекции
Лабораторные занятия
Самостоятельная работа
Итого за работу в семестре
Обобщающий контроль
Итого
Максимальное количество баллов
Модуль 2
Модуль 3
12
2
10
13
25
15
1
14
10
25
17
1
16
13
30
25
25
30
Итого
4
40
36
80
20
100
7.2.2. Оценивание аудиторной работы студентов
Таблица 7
№
1
2
3
4
5
6
7
8
9
Наименование раздела
дисциплины
Формы оцениваемой
работы
Работа на лекциях
Ответы на вопросы,
участие в дискуссиях
Инструментальные средства
создания web-сайтов.
Публикация сайтов.
Каскадные таблицы стилей (CSS)
Ответы на вопросы,
участие в дискуссиях
Клиентский язык
Ответы на вопросы,
программирования JavaScript
участие в дискуссиях
Серверный язык
Ответы на вопросы,
программирования PHP
участие в дискуссиях
Работа на лабораторных работах
Основы работы в SharePoint
Выполнение проекта
SharePoint. Создание сайтов на
Выполнение
основе фреймовой структуры
лабораторной работы
Приемы создания сайтов в Dream Выполнение проекта
Weaver
CSS. Позиционирование
Выполнение
объектов
лабораторной работы
CSS. Создание верхнего меню
Выполнение
лабораторной работы
9
Максимальное
Модуль
количество
(аттестация)
баллов
1
1
1
1
1
2
1
3
5
2
1
1
3
1
3
2
5
2
10
JavaScript. Операторы языка
11
JavaScript. Обработка событий
12
JavaScript. Обработка форм
13
Язык программирования PHP
Выполнение
лабораторной работы
Выполнение
упражнений
Выполнение
лабораторной работы
Выполнение проекта
6
2
5
3
5
3
6
3
7.2.3. Оценивание самостоятельной работы студентов
Таблица 8
№
1
Наименование
раздела (темы)
дисциплины
Web-редактор
SharePoint
Формы оцениваемой
работы
Домашнее задание
«Создание сайта в
SharePoint»
Выполнение проекта
«Разработка web-сайта
блочной структуры»
Домашнее задание
«Разработка сайта с
вертикальным вложенным
меню»
Выполнение упражнений
2
Web-редактор
DreamWeaver
3
Каскадные таблицы
стилей
4
Клиентский язык
программирования
JavaScript
Серверный язык
Выполнение упражнений
программирования PHP
Все разделы
Выполнение долгосрочного
проекта «Проектирование и
разработка web-сайта».
5
6
Максимальное
Модуль
количество
(аттестация)
баллов
5
1
8
1
5
2
5
2
3
3
10
3
7.2.4. Оценочные средства для текущего контроля успеваемости
Тест по разделу «Клиентский язык программирования JavaScript»
1. Приложение (часть HTML-страницы), написанное на Java Script и выполняемое виртуальной
машиной браузера, называется... .
а) скрипт
б) тег
в) апплет
г) код
2. Тип, состоящий из всех возможных строковых значений:
а) Boolean
б) String
в) Integer
г) Float
3. Язык Java Script был разработан корпорацией... .
а) Netscape Communications
б) Apple
в) Microsoft
10
г) IBM
4. Тело функции заключается... .
а) в фигурные скобки {}
б) в обычные скобки ()
в) в квадратные скобки []
г) в кавычки ""
5. Функция, отображающая в диалоговом окне запрос, требующий ответа "Да" или "Нет"- ... .
а) alert()
б) confirm()
в) prompt()
г) pow()
6. Объект Java Script, обрабатывающий математические функции ... .
а) Date
б) Math
в) Open
г) Array
7. Операторы Java Script заключаются в контейнеры:
а) <Script language="Java Script">... </Script>
б) <Script language=Script>... </Script>
в) <Script>... </Script>
г) <Java Script>... </Java Script>
8. Функция, переводящая строковое значение в целое число... .
а) document.write(строка)
б) parseFloat(строка)
в) Date.parse(строка)
г) parseInt(строка)
9. Дизъюнкция в Java Script обозначается символом (комбинацией символов)... .
а) /=
б) &&
в) ||
г) %=
10. Диапазон значений функции getDay в Java Script:
от _____ до _____
11. Функция getMonth переводит число 5 в месяц _____________ .
12. Комментарии в Java Script заключаются в операторные скобки... .
а) {' ... '}
б) <!--... //-->
в) //...
г) /* ... */
13. Функция, переводящая текст в нижний регистр... .
а) sub()
б) sup()
в) toLowerCase()
г) toUpperCase()
14. Метод link в Java Script создает... .
а) новое окно
б) HTML якорь
в) строку, отображаемую курсивом
г) гипертекстовую ссылку HTML
15. Метод ceil(x) в Java Script означает... .
а) округление с избытком
б) округление с недостатком
11
в) округление
г) возвращает случайное число
7.3 Оценочные средства промежуточной аттестации
7.3.1. Рубежные баллы рейтинговой системы оценки успеваемости студентов
Таблица 9
Вид аттестации
Зачет
зачет
6 семестр
61 балл
7.3.2. Оценочные средства для промежуточной аттестации
Вопросы к зачету по дисциплине
Визуальные web-редакторы. Создание web-сайтов в редакторе Share PointDesigner.
Визуальные web-редакторы. Создание web-сайтов в DreamWeaver.
Каскадные таблицы стилей.
Методы ввода и вывода данных в JavaScript. Типы данных. Арифметические и логические
операторы JavaScript.
5. Операторы сравнения. Операторы условного перехода, выбора, цикла.
6. Работа с функциями.
7. Объекты JavaScript.
8. Приемы оценки web-сайта.
9. Формы.
10. Создание CGI-скриптов.
1.
2.
3.
4.
8. Учебно-методическое и информационное обеспечение дисциплины
а) основная литература:
1. Комолова Н.В. HTML: учебный курс.- СПб: Питер, 2007.
2. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
б) дополнительная литература:
1. Гасанов Э.В., Гасанова С.Э. Практикум по созданию Интернет-проектов. Основы языка
программирования РНР, Ч. 1. –М.: Издательство Книгодел, 2013. – 160 с. – http://biblioclub.ru/
2. Глушаков С.В. Программирование web-страниц / С.В.Глушаков, И.А.Жакин, Т.С.Хачиров. –
Ростов н/Д: Феникс, Харьков: Фолио, 2006. – 400 с.
3. Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496 с.
4. Дронов В. JavaScript и AJAX в Web-дизайне. – СПб.: БХВ-Петербург, 2008. – 736 с.
5. Зайцева О.С. Разработка web-страниц. Учебно-методическое пособие / Зайцева О.С. –
Тобольск: ТГСПА им. Д.И.Менделеева, 2011. – 104 с.
6. Киселев С.В. Веб-дизайн: учеб. пособие / С.В. Киселев,С.В. Алисахин, А.В. Остроух. М.:
Издательский центр “Академия”, 2009. – 604 с.
7. Кисленко Н.П. HTML. Самое необходимое. – Спб.: БХФ-Петербург, 2008. – 352 с.
8. Колиснеченко Д.Н. Профессиональное программирование на PHP. –Спб.: БХФ-Петербург,
2007. – 416 с.
9. Колисниченко Д.Н. PHP 5/6 и MySQL 6. Разработка Web-приложений. – СПб.: БХВПетербург, 2010. – 560 с.
10. Прохоренок Н. HTML, JavaScript, PHP. Джентльменский набор Web-мастера. – СПб.: БХВПетербург, 2010. – 912 с.
11. Создание интерактивного web-сайта: учебный курс / Д. Лещев. – СПб.: Питер, 2003. – 544 с.
12
12. Усенков Д. Программирование Web-страниц. С.В. Глушков, И.А. Жакин, Т.С. Хачиров. –
Харьков: Фолио, 2002. – 390 с.
в) периодические издания:
1. Журналы: Информатика и образование, Информатика в школе.
г) Интернет-ресурсы:
1. Девятков Е., Зайцева О.С. Основы языка HTML. – http://tgspa.ru/info/education/faculties/ffi/ito
/programm/html /index.htm
2. Зайцева О.С. Лабораторные работы по языку HTML. –
http://tgspa.ru/info/education/faculties/ffi/ ito/disciplina/HTML/Index.htm
3. Турунова Л.С., Зайцева О.С. Основы Web-программирования. –
http://www.tgspa.ru/info/education/faculties/fmf/odo/051000.62/4kurs/programm/
uch_html/index.html
4. Щербакова А.В., Зайцева О.С. Язык Java Script. – http://tgspa.ru/info/education/faculties/ffi/ito/
programm/web/index.html.
5. http://ru.wikipedia.org – Википедия.
6. htmlbook / Влад Мержевич. – http://htmlbook.ru
9. Материально-техническое обеспечение дисциплины
а) компьютерное и мультимедийное оборудование
1. Сетевой компьютерный класс с выходом в Интернет.
2. Мультимедийная лекционная аудитория с выходом в Интернет.
3. Учебный сервер кафедры.
4. Внутренняя учебная сеть Вуза.
б) программное обеспечение
1. Браузеры: Internet Explorer, Opera, Google Chrome, Mozilla Firefox и др.
2. Web-редактор: SharePoint Designer.
3. Web-редактор: Dream Weaver.
4. Пакет Denwer.
13
10. Паспорт рабочей программы дисциплины
Разработчик(и) : Зайцева О.С., к.п.н., доцент
Программа одобрена на заседании кафедры информатики, ТиМОИ
от « 05 » сентября 2013 г., протокол № 1
Согласовано:
Зав. кафедрой ______________________ Малышева Е.Н.
«___» _______________2013г.
Согласовано:
Специалист по УМР _________________ О.Н. Липневич
«___» _______________2013 г.
11. Аннотация рабочей программы дисциплины
Web-программирование
1. Цели освоения дисциплины:
 формирование систематизированных знаний и умений в области программирования
современных web-сайтов;
 формирование готовности к использованию полученных в результате изучения дисциплины
знаний и умений в профессиональной деятельности.
2. Место дисциплины в структуре ООП:
Дисциплина по выбору «Web-программирование» относится к вариативной части
Профессионального цикла (Б3.В4).
Для освоения дисциплины «Web-программирование» студенты используют знания,
умения, навыки, способы деятельности и установки, полученные и сформированные в ходе
изучения дисциплины «Программное обеспечение и мультимедиа технологии»,
«Программирование», «Сети и Интернет-технологии».
Изучение дисциплины по выбору способствует успешному выполнению курсовых и
дипломных работ.
3. Требования к результатам освоения дисциплины.
Процесс изучения дисциплины направлен на формирование и развитие компетенций:
ПК–1, ПК-2.
В результате изучения дисциплины студент должен
знать:
 технологии разработки статических web-сайтов;
 технологии разработки динамических web-сайтов;
 приемы использования мультимедиа (графики, видео, анимации) на web-страницах;
 программные средства со стороны клиента, используемые для создания web-страниц;
 программные средства со стороны сервера, используемые для создания web-страниц;
уметь:
 проектировать и разрабатывать структуру сайта;
 использовать язык гипертекстовой разметки HTML и каскадные таблицы стилей (CSS) для
создания web-страниц;
 разрабатывать сценарии на языке программирования JavaScript;
 разрабатывать сценарии на языке программирования PHP;
владеть:
 навыками создания интерактивных web-сайтов;
 навыками размещения web-сайта на сервере и его сопровождения;
 навыками регистрации сайта в поисковых системах.
 навыками обмена информацией с использованием различных Интернет-сервисов.
4. Общая трудоемкость дисциплины составляет 3 зачетные единицы (108 часов).
5. Семестр: 6.
6. Основные разделы дисциплины.
1. Инструментальные средства создания web-сайтов. Публикация сайтов.
2. Каскадные таблицы стилей (CSS)
3. Клиентский язык программирования JavaScript
4. Серверный язык программирования PHP
7. Разработчики:
О.С. Зайцева к.п.н., доцент
15
РУКОВОДСТВО ПО ОРГАНИЗАЦИИ ОБУЧЕНИЯ ДИСЦИПЛИНЕ
Дисциплина по выбору «Web-программирование» относится к вариативной части
Профессионального цикла. Изучается в 6-м семестре. По завершению курса предусмотрен
зачет. По учебному плану на изучение дисциплины отводится 3 зачетные единицы (108 часов),
из которых 54 часа аудиторных. Дисциплина базируется на материале, излагаемом в курсах
«Программное обеспечение и мультимедиа технологии», «Программирование», «Сети и
Интернет-технологии».
Дисциплина ориентирована на формирование у будущего специалиста совокупности
знаний и представлений в области программирования современных web-сайтов.
Одной из задач изучения дисциплины является воспитание информационной культуры у
будущего учителя, что дает возможность на базе полученных основных знаний продолжать
образование, самостоятельно работать с научной или учебной литературой.
Интернет вызывает повышенные интерес у молодежи, поэтому некоторые студенты уже
имеют определенные навыки работы в сети, навыки создания web-ресурсов. Поэтому задача
преподавателя систематизировать имеющиеся знания у студентов, упрочить практические
навыки. При этом, Интернет быстро меняющаяся информационно-технологическая среда.
Поэтому необходимо выработать у учащихся умения самостоятельно находить нужную
информацию, осваивать способы управления информационными системами, творчески
подходить к решению разнообразных задач.
На лекционных занятиях рассматривается теоретический материал. Для изучения
лекционного материала применяются аудиовизуальные технологии, которые не отрицают
традиционных, проверенных временем методов, но поднимают на качественно новый уровень
роль преподавателя в процессе обучения. Применение мультимедийного комплекса повышает
наглядность, информативность, экономить время занятий.
На лабораторных занятиях закрепляются знания, умения и навыки, приобретенные на
лекциях и самостоятельно. Формы работ: письменные и устные опросы, выполнение
лабораторных работ. Сроки сдачи лабораторных работ преподавателем четко оговариваются.
Лабораторные занятия проводятся в учебном классе персональных компьютеров,
объединенных в локальную сеть.
Самостоятельная работа студентов предусматривает следующие виды работ:
1. Работа с литературой.
2. Работа с ресурсами Интернет.
3. Выполнение домашних заданий.
4. Работа над индивидуальным проектом «Проектирование и разработка web-сайта».
5. Проработка лекционного курса, подготовка к зачету, к промежуточным опросам.
6. Доработка и защита лабораторных работ.
Преподаватель определяет содержание самостоятельной работы, график ее выполнения;
создает сетевую информационную и коммуникационную среду для организации
самостоятельной работы.
Для преподавания дисциплины создан учебно-методический комплекс, обеспечивающий
предоставление информации (лабораторные работы, дидактические материалы, электронный
учебник) и контроль . Разработанные лабораторные работы включают в себя набор пошаговых
инструкций, учебных задач и заданий.
Приложение 1
ПРИЛОЖЕНИЯ
Приложение 1. ЛЕКЦИОННЫЕ МАТЕРИАЛЫ
Раздел 1. ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВА СОЗДАНИЯ WEB-САЙТОВ.
ПУБЛИКАЦИЯ САЙТОВ
Лекция 1. Инструментальные средства создания web-сайтов
План лекции.
1. Основные понятия: web-сайт, web-страница, макет сайта.
2. Редакторы создания сайтов: HTML-редакторы, визуальные редакторы. Конструкторы
сайтов.
3. Понятия CMS. Joomla.
4. Web-сервер. Виды и функции web-серверов.
5. Пакет Denver.
6. Хостинг. Размещение сайтов во WWW.
7. Регистрация сайтов в поисковых системах..
Литература.
1. Зайцева О.С. Разработка web-страниц. Учебно-методическое пособие / Зайцева О.С. –
Тобольск: ТГСПА им. Д.И.Менделеева, 2011. – 104 с.
2. Создание интерактивного web-сайта: учебный курс / Д. Лещев. – СПб.: Питер, 2003. – 544
с.
Лекция 2. Визуальный web-редактор DreamWeaver
План лекции.
1. Возможности DreamWeaver.
2. Интерфейс программы.
3. Форматирование текста.
4. Вставка изображений.
5. Выбор и изменение стилей.
6. Вставка таблиц.
Раздел 2. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ
Лекция 3. Каскадные таблицы стилей
План лекции.
1. Понятие каскадных таблиц стилей
2. Три способа добавления стилей в документ.
3. Синтаксис CSS.
4. Псевдоклассы.
5. Единицы измерения в CSS. Задание цвета в CSS.
6. Свойства шрифта.
7. Свойства текста.
8. Стили позиционирования.
Литература.
1. Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496 с.
2. Зайцева О.С. Разработка web-страниц. Учебно-методическое пособие / Зайцева О.С. –
Тобольск: ТГСПА им. Д.И.Менделеева, 2011. – 104 с.
3. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
Приложение 1
Раздел 3. КЛИЕНТСКИЙ ЯЗЫК ПРОГРАММИРОВАНИЯ JAVASCRIPT
Лекция 4. Основы JavaScript
План лекции.
1. Сценарий. Языки сценариев.
2. Синтаксис JavaScript.
3. Типы данных.
4. Операторы сравнения.
5. Арифметические операторы.
6. Дополнительные операторы присваивания.
7. Логические операторы.
Литература.
1. Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496 с.
2. Дронов В. JavaScript и AJAX в Web-дизайне. – СПб.: БХВ-Петербург, 2008. – 736 с.
3. Зайцева О.С. Разработка web-страниц. Учебно-методическое пособие / Зайцева О.С. –
Тобольск: ТГСПА им. Д.И.Менделеева, 2011. – 104 с.
4. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
5. Щербакова
А.В.,
Зайцева
О.С.
Язык
Java
Script.
–
http://tgspa.ru/info/education/faculties/ffi/ito/ programm/web/index.html.
Лекция 5. Команды JavaScript
План лекции.
1. Ввод и вывод данных с помощью методов alert, confirm, prompt.
2. Операторы ветвления.
3. Операторы цикла.
Литература.
1. Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496 с.
2. Дронов В. JavaScript и AJAX в Web-дизайне. – СПб.: БХВ-Петербург, 2008. – 736 с.
3. Зайцева О.С. Разработка web-страниц. Учебно-методическое пособие / Зайцева О.С. –
Тобольск: ТГСПА им. Д.И.Менделеева, 2011. – 104 с.
4. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
5. Щербакова
А.В.,
Зайцева
О.С.
Язык
Java
Script.
–
http://tgspa.ru/info/education/faculties/ffi/ito/ programm/web/index.html.
Лекция 6. Иерархия объектов
План лекции.
1. Встроенные объекты.
2. Объекты браузера.
Литература.
1. Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496 с.
2. Дронов В. JavaScript и AJAX в Web-дизайне. – СПб.: БХВ-Петербург, 2008. – 736 с.
3. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
4. Щербакова
А.В.,
Зайцева
О.С.
Язык
Java
Script.
–
http://tgspa.ru/info/education/faculties/ffi/ito/ programm/web/index.html.
18
Приложение 1
Лекция 7. Обработка событий
План лекции.
1. События, связанные с “мышью”.
2. События, связанные с “клавиатурой”.
3. События, связанные с редактированием форм.
4. События, связанные с загрузкой страницы.
Литература.
1. Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496 с.
2. Дронов В. JavaScript и AJAX в Web-дизайне. – СПб.: БХВ-Петербург, 2008. – 736 с.
3. Прохоренок Н. HTML, JavaScript, PHP. Джентльменский набор Web-мастера. – СПб.:
БХВ-Петербург, 2010. – 912 с.
4. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
Раздел 4. СЕРВЕРНЫЙ ЯЗЫК ПРОГРАММИРОВАНИЯ PHP
Лекция 8. Язык сценариев PHP
План лекции.
1. Операторы языка.
2. Обработка строк.
Литература.
1. Колиснеченко Д.Н. Профессиональное программирование на PHP. – Спб.: БХФПетербург, 2007. – 416 с.
2. Колисниченко Д.Н. PHP 5/6 и MySQL 6. Разработка Web-приложений. – СПб.: БХВПетербург, 2010. – 560 с.
3. Прохоренок Н. HTML, JavaScript, PHP. Джентльменский набор Web-мастера. – СПб.:
БХВ-Петербург, 2010. – 912 с.
Лекция 9. Серверные сценарии на PHP
План лекции.
1. Получение данных из html-форм.
2. Загрузка файлов на сервер.
Литература.
1. Колиснеченко Д.Н. Профессиональное программирование на PHP. – Спб.: БХФПетербург, 2007. – 416 с.
2. Колисниченко Д.Н. PHP 5/6 и MySQL 6. Разработка Web-приложений. – СПб.: БХВПетербург, 2010. – 560 с.
3. Прохоренок Н. HTML, JavaScript, PHP. Джентльменский набор Web-мастера. – СПб.:
БХВ-Петербург, 2010. – 912 с.
19
Приложение 2
Приложение 2. ЛАБОРАТОРНЫЙ ПРАКТИКУМ
2.1. ЗАДАНИЯ К ЛАБОРАТОРНОМУ ПРАКТИКУМУ
Раздел 1. ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВА СОЗДАНИЯ WEB-САЙТОВ.
ПУБЛИКАЦИЯ САЙТОВ
Лабораторные занятия 1, 2. Основы работы в SharePoint
Оборудование. Визуальный web-редактор SharePoint. Раздаточный материал.
На занятиях учащиеся выполняют проект “Разработка web-сайта “История развития ЭВМ”
Лабораторное занятие 3. SharePoint. Вставка аудио. Создание автоэскизов
Оборудование. Визуальный web-редактор SharePoint. Сайт “История развития ЭВМ”,
разработанный на предыдущих заданиях. Раздаточный материал.
Примерный план занятия.
1. Форматы аудио и видео, используемые в web.
2. Вставка в сайт “История развития ЭВМ” звука, видео.
3. Добавление автоэскизов.
Лабораторное занятие 4. Создание сайтов на основе фреймовой структуры
Оборудование. Визуальный web-редактор SharePoint. Раздаточный материал.
Практическое задание. Создание макета сайта с фреймовой структурой.
Лабораторные занятия 5,6. Приемы создания сайтов в Dream Weaver
Оборудование. Визуальный web-редактор Dream Weaver. Раздаточный материал.
Примерный план занятия.
1. Среда Dreamweaver.
2. Создание сайта “Тобольск – Жемчужина Сибири” на основе шаблона: 2 колонки
фиксированной ширины, боковое поле слева, верхний и нижний колонтитул.
Лабораторное занятие 7. Разработка индивидуального сайта в DreamWeaver
Оборудование. Визуальный web-редактор Dream Weaver.
На занятии учащиеся выполняют проект “Разработка индивидуального сайта “Исторический
объект Тобольска”
Раздел 2. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ
Лабораторное занятие 8. CSS. Позиционирование объектов.
Оборудование. Редактор Блокнот, браузер. Раздаточный материал.
На данном занятии учащиеся выполняют задание по образцу на позиционирование и
оформление объектов.
Лабораторное занятие 9. CSS. Создание верхнего меню.
Оборудование. Редактор Блокнот, браузер. Раздаточный материал.
Выполнение лабораторной работы “Создание верхнего меню с вкладками”.
Раздел 3. КЛИЕНТСКИЙ ЯЗЫК ПРОГРАММИРОВАНИЯ JAVASCRIPT
Лабораторное занятия 10. Методы ввода-вывода. Операторы языка
Оборудование. Редактор Блокнот, ASWriter, браузер. Раздаточный материал.
Выполнение упражнений.
1. По порядковому номеру недели вывести название недели.
Приложение 2
2. Вычислить сумму от 1 до 100 используя циклы: с предусловием, с постусловием, счетный.
3. Решить квадратное уравнение ax2+bx+c=0.
Лабораторные занятия 11, 12. Операторы языка
Оборудование. Редактор Блокнот, ASWriter, браузер. Раздаточный материал.
Примерный план занятия.
1. Решение задачи. Экзамен состоит из пяти вопросов. За каждый верный ответ начисляется
один балл. В итоге выставляется оценка от 2 до 5 по правилу:
 оценка равна 2, если верных ответов меньше 3;
 оценка равна числу верных ответов в противном случае.
Составить экзаменационный текст из 5 вопросов по HTML или Java Script.
2. Выполнений упражнений по вариантам.
Вариант 1.
1. Даны два числа. Найти среднее арифметическое кубов этих чисел и произведение этих
чисел.
2. Напишите программу, которая анализирует человека по возрасту и относит к одной из
четырех групп: дошкольник, ученик, работник, пенсионер.
Лабораторное занятия 13. Объекты Date, Window
Оборудование. Редактор Блокнот, ASWriter, браузер. Телевизионный экран для отображения
учебного материала. Сайт «Программирование на Java Script», раздаточный материал.
Выполнение упражнений.
1. Составить сценарий вывода даты и времени посещения страницы.
2. Написать сценарий вывода на web-странице приветствие и дату (день, месяц, год),
разделенную косой чертой. Приветственный текст должен быть зеленого цвета.
3. Составить сценарий вывода в строке состояния текста.
4. Составить сценарий вывода в строке состояния координаты указателя манипулятора “мышь”.
Лабораторное занятие 14. События, связанные с “мышью”
Оборудование. Редактор Блокнот, ASWriter, браузер. Телевизионный экран для отображения
учебного материала. Сайт “Программирование на Java Script”, раздаточный материал.
Выполнение упражнений.
1. Составить сценарий: При наведении курсора мыши на ссылку строка состояния в браузере
изменится.
2. Составить сценарий: Изменение цвета фона при наведении курсора на ссылку.
3. Составить сценарий: При наведении мыши на гиперссылку изменяется и цвет фона и текст в
строке состояния.
4. Составить сценарий вывода диалогового окна alert при наведении курсора на ссылку.
5. Создать страницу, удовлетворяющую следующим требованиям.
а) При загрузке страницы появляется диалогового окно и вводится имя пользователя.
б) На странице присутствует гипертекстовая ссылка.
в) При помещении курсора на гиперссылку в строке состояния выводится текст: “Привет,
‘имя пользователя’!”. Для изменения строки состояния используйте функцию.
г) При перемещении курсора с гиперссылки в строке состояния появляется текст: “Не
скучаете у нас?”.
д) При щелчке на ссылке появляется окно с текстом: «Уже уходите? Сейчас только
‘текущее время’». Время определяется с помощью функции. Используется событие
onUnload.
21
Приложение 2
Лабораторное занятие 15. События, связанные с “мышью”
Оборудование. Редактор Блокнот, ASWriter, браузер. Телевизионный экран для отображения
учебного материала. Сайт «Программирование на Java Script», раздаточный материал.
Выполнение упражнений.
1. Составить сценарий: Изменение изображения с помощью события onMouseOver.
2. Создайте страницу HTML. Разместите текст и рисунки по центру страницы. Используя тег
H1 выведите свою фамилию и имя. Под ними поместите изображение 8marta_1.jpg. Когда
курсор мыши укажет на это изображение, оно должно измениться на изображение 8marta_2.jpg.
Когда курсор мыши сместится с этой ссылки, снова должно появиться изображение
8marta_1.jpg.
3. Составить сценарий: Многократная смена изображений (используются функции).
4. Составить сценарий: При наведении указателя мыши на рисунок его размер увеличивается в
два раза – «зум-эффект». Возвращения исходного размера картинки после того, как «мышь»
будет убрана с её области
Лабораторное занятие 16. Обработка форм.
Оборудование. Редактор Блокнот, ASWriter, браузер. Телевизионный экран для отображения
учебного материала. Сайт «Программирование на Java Script», раздаточный материал.
Выполнение практической работы. Разработать тест с использованием радиокнопок.
Предусмотреть вывод результатов тестирования на экран.
Раздел 4. СЕРВЕРНЫЙ ЯЗЫК ПРОГРАММИРОВАНИЯ PHP
Лабораторные занятия 17, 18. Ввод и правка данных с помощью форм.
Оборудование. Пакт Denwer, браузеры; раздаточный материал.
Выполнение упражнений.
1. Составить программу проверки даты рождения.
2. Составить программу регистрации пользователя.
2.2. МЕТОДИЧЕСКИЕ УКАЗАНИЯ К ЛАБОРАТОРНОМУ ПРАКТИКУМУ
На лабораторных занятиях закрепляются знания, умения и навыки приобретенные на
лекциях и самостоятельно. Формы работ: письменные и устные опросы, выполнение
лабораторных работ, проектов, упражнений. Сроки сдачи лабораторных работ преподавателем
четко оговариваются. Лабораторные занятия проводятся в учебном классе персональных
компьютеров, объединенных в локальную сеть.
22
Приложение 3
Приложение 3. ЗАДАНИЯ ДЛЯ САМОСТОЯТЕЛЬНОЙ РАБОТЫ И
МЕТОДИЧЕСКИЕ УКАЗАНИЯ К ВЫПОЛНЕНИЮ
САМОСТОЯТЕЛЬНОЙ РАБОТЫ
Под самостоятельной работой будем понимать способ учебной деятельности, когда
учащемуся даются задания и руководство для их выполнения; работа проводится без участия,
но под руководством учителя и ее выполнение требует от учащегося умственного напряжения.
Раздел 1. ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВА СОЗДАНИЯ WEB-САЙТОВ.
ПУБЛИКАЦИЯ САЙТОВ.
Тема. Средства создания и продвижения сайтов
Задание 1. Изучить специальную и учебную литературу по темам «Web-серверы», «Цветовое
оформление сайтов», «Структура сайтов», «Продвижение сайтов в Интернет».
Задание 2. Проанализировать бесплатные хостинги.
Задание 3. Изучить приемы регистрации сайтов в поисковых системах.
Тема. Web-редактор SharePoint
Задание 1. Разработать сайт в SharePoint.
Тема. Web-редактор DreamWeaver.
Выполнение проект “Разработка индивидуального сайта “Исторический объект Тобольска”:
 Подобрать необходимый текстовый и графический материал.
 Продумать и создать макет сайта.
 Разработать цветовую схему.
Раздел 2. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ
Тема. Каскадные таблицы стилей
Задание 1. Изучить специальную и учебную литературу по темам «Свойства текста», «Свойство
position», «Плавающие элементы и очистка».
Задание 2. Разработать сайт с вертикальным вложенным меню. Создать стилевой файл
содержащий оформление web-сайта. Обязательно определение оформления следующих
элементов:
 Заголовки 1- 4 уровней.
 Отступы текста от левой границы экрана.
 Фон документа
 Таблицы и ячейки таблиц.
 Основной текст.
 Цвет гиперссылок.
Раздел 3. КЛИЕНТСКИЙ ЯЗЫК ПРОГРАММИРОВАНИЯ JAVASCRIPT
Тема. Клиентский язык программирования JavaScript
Задание 1. Изучить специальную и учебную литературу по теме «Свойство, методы JavaScript»,
«Обработка форм».
Задание 2. Разработать web-страницу «Счётно-решающие средства до появления ЭВМ». При
щелчке по выделенному тексту должна происходить смена изображения.
Задание 3. Разработать тест с использованием разных форм. Предусмотреть вывод результатов
тестирования на экран.
Приложение 3
Раздел 4. СЕРВЕРНЫЙ ЯЗЫК ПРОГРАММИРОВАНИЯ PHP
Тема. Язык PHP.
Задание 1. Изучить специальную литературу, web-ресурсы по теме «Язык PHP»
Задание 2. Для успешного выполнения долгосрочного индивидуального проекта
«Проектирование и разработка web-сайта» разработать или модифицировать сценарий,
написанный на языке PHP.
Разделы 1–4.
Выполнение долгосрочного проекта «Проектирование и разработка web-сайта».
Методические указания. По завершению курса каждый студент должен разработать сайт по
индивидуальной теме, опубликовать на любом хостинге и зарегистрировать в поисковых
системах.
На лабораторных занятиях студенты показывают свои наработки, идет обсуждение
дизайна, структуры сайта.
На последнем занятии каждый студент представляет и защищает разработанный им
индивидуальный web-сайт, остальные учащиеся оценивают.
24
Приложение 4
Приложение 4. КОНТРОЛИРУЮЩИЕ И ОЦЕНОЧНОДИАГНОСТИЧЕСКИЕ МАТЕРИАЛЫ ПО ДИСЦИПЛИНЕ
4.1. ТЕХНОЛОГИЧЕСКАЯ КАРТА ДИСЦИПЛИНЫ
федеральное государственное бюджетное образовательное учреждение высшего профессионального
образования
«Тобольская государственная социально-педагогическая академия им. Д.И. Менделеева»
Физико-математический факультет
ТЕХНОЛОГИЧЕСКАЯ КАРТА
Ф.И.О. _______________________________________________________________________
Наименование образовательной программы, профиля: Направление 050100.62 – «Педагогическое образование»,
профиль подготовки «Информатика»
Год обучения, группа: ________
Семестр: 6
Наименование дисциплины: Web-программирование
Количество часов на дисциплину: 108
Количество аудиторных часов на дисциплину: 54
Ф.И.О. преподавателя: к.п.н., доцент Зайцева Ольга Сергеевна
Утверждено на заседании кафедры _________ протокол № ___
Аудиторные занятия
Лекции
№
1
2
3
4
Тема лекционного
занятия
Инструментальные
средства создания webсайтов. Публикация сайтов.
Каскадные таблицы стилей
(CSS)
Клиентский язык
программирования
JavaScript
Серверный язык
программирования PHP
№
Тема лабораторного
занятия
1
Основы работы в
SharePoint
SharePoint. Создание
сайтов на основе
фреймовой структуры
Приемы создания сайтов в
Dream Weaver
CSS. Позиционирование
объектов
2
3
4
Формы работы
Максимальное
количество
баллов
Ответы на вопросы,
1
участие в
дискуссиях
Ответы на вопросы,
1
участие в
дискуссиях
Ответы на вопросы,
1
участие в
дискуссиях
Ответы на вопросы,
1
участие в
дискуссиях
Лабораторные занятия
Максимальное
Формы работы
количество
баллов
Выполнение
проекта
Выполнение
лабораторной
работы
Выполнение
проекта
Выполнение
лабораторной
работы
Модуль
(аттестация)
Отметка о
выполнении
1
1
2
3
Модуль
(аттестация)
5
1
2
1
3
1
3
2
Отметка о
выполнении
Приложение 4
5
CSS. Создание верхнего
меню
6
JavaScript. Операторы
языка
7
JavaScript. Обработка
событий
JavaScript. Обработка форм
8
Язык программирования
PHP
9
№
Тема
1
Web-редактор
SharePoint
2
Web-редактор
DreamWeaver
3
Каскадные таблицы
стилей
4
Клиентский язык
программирования
JavaScript
Серверный язык
программирования
PHP
Все разделы
5
6
Выполнение
лабораторной
работы
Выполнение
лабораторной
работы
Выполнение
упражнений
Выполнение
лабораторной
работы
Выполнение
проекта
5
2
6
2
5
3
5
3
6
3
Самостоятельная работа
Максимальное
Форма работы
количество
баллов
Модуль
(аттестация)
Домашнее задание
«Создание сайта в
SharePoint»
Выполнение проекта
«Разработка web-сайта
блочной структуры»
Домашнее задание
«Разработка сайта с
вертикальным
вложенным меню»
Выполнение
упражнений
5
1
8
1
5
2
5
2
Выполнение
упражнений
3
3
Выполнение
долгосрочного проекта
«Проектирование и
разработка web-сайта».
10
3
Отметка о
выполнении
4.2. ТЕСТОВЫЕ ЗАДАНИЯ ДЛЯ ТЕКУЩЕГО КОНТРОЛЯ ЗНАНИЙ ПО
ДИСЦИПЛИНЕ
Тест по разделу «Клиентский язык программирования JavaScript»
1. Приложение (часть HTML-страницы), написанное на Java Script и выполняемое виртуальной
машиной браузера, называется... .
д) скрипт
е) тег
ж) апплет
з) код
2. Тип, состоящий из всех возможных строковых значений:
д) Boolean
26
Приложение 4
е) String
ж) Integer
з) Float
3. Язык Java Script был разработан корпорацией... .
д) Netscape Communications
е) Apple
ж) Microsoft
з) IBM
4. Тело функции заключается... .
д) в фигурные скобки {}
е) в обычные скобки ()
ж) в квадратные скобки []
з) в кавычки ""
5. Функция, отображающая в диалоговом окне запрос, требующий ответа "Да" или "Нет"- ... .
д) alert()
е) confirm()
ж) prompt()
з) pow()
6. Объект Java Script, обрабатывающий математические функции ... .
д) Date
е) Math
ж) Open
з) Array
7. Операторы Java Script заключаются в контейнеры:
д) <Script language="Java Script">... </Script>
е) <Script language=Script>... </Script>
ж) <Script>... </Script>
з) <Java Script>... </Java Script>
8. Функция, переводящая строковое значение в целое число... .
д) document.write(строка)
е) parseFloat(строка)
ж) Date.parse(строка)
з) parseInt(строка)
9. Дизъюнкция в Java Script обозначается символом (комбинацией символов)... .
д) /=
е) &&
ж) ||
з) %=
10. Диапазон значений функции getDay в Java Script:
от _____ до _____
11. Функция getMonth переводит число 5 в месяц _____________ .
12. Комментарии в Java Script заключаются в операторные скобки... .
д) {' ... '}
е) <!--... //-->
ж) //...
з) /* ... */
13. Функция, переводящая текст в нижний регистр... .
д) sub()
е) sup()
ж) toLowerCase()
з) toUpperCase()
14. Метод link в Java Script создает... .
27
Приложение 4
д) новое окно
е) HTML якорь
ж) строку, отображаемую курсивом
з) гипертекстовую ссылку HTML
15. Метод ceil(x) в Java Script означает... .
д) округление с избытком
е) округление с недостатком
ж) округление
з) возвращает случайное число
4.3. ВОПРОСЫ К ЗАЧЕТУ
Визуальные web-редакторы. Создание web-сайтов в редакторе Share PointDesigner.
Визуальные web-редакторы. Создание web-сайтов в DreamWeaver.
Каскадные таблицы стилей.
Методы ввода и вывода данных в JavaScript. Типы данных. Арифметические и логические
операторы JavaScript.
5. Операторы сравнения. Операторы условного перехода, выбора, цикла.
6. Работа с функциями.
7. Объекты JavaScript.
8. Приемы оценки web-сайта.
9. Формы.
10. Создание CGI-скриптов.
1.
2.
3.
4.
28