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

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
РОССИЙСКОЙ ФЕДЕРАЦИИ
Тобольский педагогический институт им. Д.И. Менделеева (филиал) федерального
государственного бюджетного образовательного учреждения высшего образования «Тюменский
государственный университет» в г. Тобольске
Естественнонаучный факультет
Кафедра физики, математики, информатики и методик преподавания
УТВЕРЖДАЮ
Заместитель директора по учебной работе и
международной деятельности
_________________________ Вертянкина Н.В.
“07”
сентября
Учебно-методический комплекс дисциплины
«WEB-ПРОГРАММИРОВАНИЕ»
Направление подготовки 051000.62 «Профессиональное обучение»
Профиль подготовки «Информатика и вычислительная техника»
Квалификация (степень) выпускника
Бакалавр
Форма обучения
Заочная
Тобольск
2015
2015 г.
Содержание
1
2
3
4
4.1
4.2
5
6
7
7.1
7.2
8
9
10
стр.
Цели и задачи освоения дисциплины…………………………………………………......
3
Место дисциплины в структуре ОП ВПО.......…………………………….....................
3
Требования к результатам освоения содержания дисциплины.......................................
3
Содержание и структура дисциплины ……….......………………………….....................
4
Структура дисциплины.........................................................................................................
4
Содержание разделов дисциплины .....................................................................................
4
Образовательные технологии..............................................................................................
5
Самостоятельная работа студентов ……………………………………………………..
5
Компетентностно-ориентированные оценочные средства .....................……………….
5
Оценочные средства промежуточной аттестации ……………………………………….
5
Карта критериев оценивания компетенций ……………………………………………...
6
Учебно-методическое и информационное обеспечение дисциплины …………………
6
Материально-техническое обеспечение дисциплины……………………......................
7
Методические указания для обучающихся по освоению дисциплины......................
7
2
1. Цели и задачи освоения дисциплины
 формирование систематизированных знаний и умений в области программирования
современных web-сайтов;
 формирование готовности к использованию полученных в результате изучения дисциплины
знаний и умений в профессиональной деятельности.
Задачи:
в области учебно-профессиональная деятельности:
− организация и осуществление учебно-воспитательной деятельности в соответствии с
требованиями профессиональных и федеральных образовательных стандартов в
образовательных учреждениях начального профессионального и среднего профессионального
образования.
2. Место дисциплины в структуре ОП ВПО
Дисциплина «Web-программирование» относится к обязательным дисциплинам
вариативной части профессионального блока (Б3.В.ОД.7).
Для освоения дисциплины «Web-программирование» студенты используют знания,
умения, навыки, способы деятельности и установки, полученные и сформированные в ходе
изучения дисциплины «Компьютерные коммуникации и сети».
Изучение дисциплины является базой для прохождения производственной практики, при
выполнении курсовых и дипломных работ.
3. Требования к результатам освоения содержания дисциплины
3.1. Компетенции обучающегося, формируемые в результате освоения дисциплины
ПК-16 – способностью проектировать и оснащать образовательно-пространственную
среду для теоретического и практического обучения рабочих (специалистов);
ПК-29 – готовностью к конструированию, эксплуатации и техническому обслуживанию
учебно-технологической среды для практической подготовки рабочих (специалистов);
ПК-31 – готовностью к конструированию, эксплуатации и техническому обслуживанию
учебно-технологической среды для практической подготовки рабочих (специалистов).









3.2. В результате изучения дисциплины студент должен
знать:
технологии разработки статических web-сайтов;
приемы использования мультимедиа (графики, видео, анимации) на web-страницах;
программные средства со стороны клиента, используемые для создания web-страниц;
уметь:
проектировать и разрабатывать структуру сайта;
использовать язык гипертекстовой разметки HTML и каскадные таблицы стилей (CSS) для
создания web-страниц;
разрабатывать сценарии на языке программирования JavaScript;
владеть:
навыками создания web-сайтов;
навыками размещения web-сайта на сервере и его сопровождения;
навыками регистрации сайта в поисковых системах.
4. Содержание и структура дисциплины
Общая трудоемкость дисциплины составляет 3 зачетные единицы (108 часов).
3
4.1. Структура дисциплины
Таблица 1
Виды учебной работы
(в академических часах)
№
Наименование раздела дисциплины
3
Дизайн сайтов
Инструментальные средства создания
web-сайтов. Публикация сайтов.
Язык разметки гипертекстов HTML
4
Каскадные таблицы стилей (CSS)
1
2
Курс
аудиторные занятия
4
ЛБ
–
4
2
2
30
4
30
–
-
24
2
6
94
4
4
Итого:
СР
ЛК
–
10
4.2. Содержание разделов дисциплины
Таблица 2
Наименование
Содержание раздела
№
раздела дисциплины
(дидактические единицы)
1
Структура сайтов. Виды меню. Требования, предъявляемые
Дизайн сайтов
к сайтам. Дизайн сайтов. Сочетания цветов. Критерии
оценки сайтов.
2
Web-сервер. Виды и функции web-серверов. Инструменты
Инструментальные
разработки
web-сайтов.
Web-редакторы:
SharePoint.
средства создания webХостинг. Публикация сайтов. Регистрация сайтов в
сайтов.
Публикация
поисковых системах. Дизайн сайтов. Он-лайн конструктор
сайтов.
Ucoz.ru
3 Язык разметки
Принципы гипертекстовой разметки. Яык гипертекстовой
гипертекстов HTML
разметки (HTML). Расширенный язык гипертекстовой
разметки (XHTML). Структура документа. Элементы
разметки заголовка документа. Элементы тела документа.
Списки. Таблицы. Графика. Фреймы. Формы
4 Каскадные таблицы
Спецификация CSS. Синтаксис. Наследование стилей.
стилей (CSS)
Классы стилей. Псевдоклассы. Стили позиционирования.
5. Образовательные технологии
Таблица 3
№
№
Тема занятия
занятия раздела
1
2
Инструментальные
средства создания webсайтов
2
2
Основы работы в SharePoint
3
3
Принципы гипертекстовой
разметки. Форматирование
теста. Списки, линии.
4
3
Построение
таблиц.
Гиперссылки.
4
Виды образовательных
технологий
информационная лекция
Кол-во
часов
2
лабораторная работа
лабораторная работа
2
2
лабораторная работа
2
6. Самостоятельная работа студентов
Таблица 4
№
1
2
3
4
Наименование раздела
дисциплины
Дизайн сайтов
Инструментальные
средства создания webсайтов. Публикация
сайтов.
Язык разметки
гипертекстов HTML
Каскадные таблицы
стилей (CSS)
Вид самостоятельной работы
Изучение
специальной
учебной
литературы. Подготовка к зачету.
Выполнение проекта «Проектирование и
разработка сайта»
Изучение
специальной
учебной
литературы. Проработка лекционного и
лабораторного материала. Подготовка к
зачету.
Выполнение
проекта
«Проектирование и разработка сайта»
Изучение
специальной
учебной
литературы. Проработка лабораторного
материала.
Подготовка
к
зачету.
Выполнение проекта «Проектирование и
разработка сайта».
Изучение
специальной
учебной
литературы. Проработка лабораторного
материала.
Подготовка
к
зачету.
Выполнение проекта «Проектирование и
разработка сайта».
Трудоемкость
(в
академических
часах)
10
30
30
24
7. Компетентностно-ориентированные оценочные средства
7.1 Оценочные средства для промежуточной аттестации
Вопросы к зачету
1. Требования, предъявляемые к web-дизайну.
2. Средства разработки сайтов.
3. Приемы создание web-сайтов в редакторе Share Point Designer.
4. HTML. Структура документа. Элементы разметки заголовка документа. Элементы тела
документа.
5. HTML. Списки. Графика.
6. HTML. Фреймы.
7. HTML Таблицы.
8. HTML. Формы
9. CSS. Классы стилей.
10. CSS. Свойства стилей.
11. CSS. Псевдоклассы.
12. CSS. Позиционирование.
Для допуска к зачету необходимо сдать проект «Проектирование и разработка сайта».
5
7.2 Описание показателей и критериев оценивания компетенций на различных этапах их
формирования, описание шкал оценивания:
Таблица 5
ПК-29
ПК-31
Умеет: выбирать
соответствующие
программные
продукты для
разработки сайта
Оценочные средства
(зачет)
зачет, проект
Умеет:
проектировать и
разрабатывать
структуру сайта.
зачет, проект
Знает: технологии
разработки статических
web-сайтов; программные
средства со стороны
клиента, используемые
для создания webстраниц.
Умеет: пользоваться
научно-технической
литературой по
предметной области;
использовать базовое ПО
для решения типовых
задач
Знает: средства и
технологии создания
сайтов.
Умеет:
использовать
язык
гипертекстовой
разметки
HTML
и
каскадные
таблицы
стилей
(CSS)
для
создания web-страниц.
Владеет:
навыками
создания
web-сайтов;
навыками
размещения
web-сайта на сервере.
Владеет: навыками
сознательного и
рационального
использования webтехнологий в
профессиональной
деятельности.
Умеет: эффективно
использовать webтехнологии при
разработки цифровых
образовательных
ресурсов.
зачет, проект
Знает: основные
приемы работы в
визуальных
редакторах.
Владеет: навыками
решения различных
задач по образцу.
Виды занятий
(лекции,
практические,
лабораторные)
Знает: основные понятия
и определения.
Владеет: навыками
решения типовых задач.
лекции, лабораторные работы
повышенный (отл.)
87-100 баллов
лекции,
лабораторные
работы
базовый (хор.)
73-86 баллов
лекции,
лабораторные
работы
пороговый (удовл.)
61-72 баллов
ПК-16
Код компетенции
Карта критериев оценивания компетенций
Критерии в соответствии с уровнем освоения ОП
8. Учебно-методическое и информационное обеспечение дисциплины
а) основная литература:
1. Комолова Н.В. HTML: учебный курс.- СПб: Питер, 2007.
2. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
б) дополнительная литература:
1. Гасанов Э.В., Гасанова С.Э. Практикум по созданию Интернет-проектов. Основы языка
программирования РНР, Ч. 1. –М.: Издательство Книгодел, 2013. – 160 с. –
http://biblioclub.ru/
6
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. Прохоренок Н. HTML, JavaScript, PHP. Джентльменский набор Web-мастера. – СПб.: БХВПетербург, 2010. – 912 с.
9. Создание интерактивного web-сайта: учебный курс / Д. Лещев. – СПб.: Питер, 2003. – 544 с.
10. Усенков Д. Программирование Web-страниц. С.В. Глушков, И.А. Жакин, Т.С. Хачиров. –
Харьков: Фолио, 2002. – 390 с.
в) периодические издания:
Журналы: Информатика и образование, Компьютер пресс, Мир ПК, Прикладная информатика.
1.
2.
3.
4.
5.
6.
г) Интернет-ресурсы:
Девятков Е., Зайцева О.С. Основы языка HTML. – http://tgspa.ru/info/education/faculties/ffi/ito
/programm/html /index.htm
Зайцева О.С. Лабораторные работы по языку HTML. –
http://tgspa.ru/info/education/faculties/ffi/ ito/disciplina/HTML/Index.htm
Турунова Л.С., Зайцева О.С. Основы Web-программирования. –
http://www.tgspa.ru/info/education/faculties/fmf/odo/051000.62/4kurs/programm/
uch_html/index.html
Щербакова А.В., Зайцева О.С. Язык Java Script. – http://tgspa.ru/info/education/faculties/ffi/ito/
programm/web/index.html.
http://ru.wikipedia.org – Википедия.
htmlbook / Влад Мержевич. – http://htmlbook.ru
9. Материально-техническое обеспечение дисциплины
а) компьютерное и мультимедийное оборудование;
1. Сетевой компьютерный класс с выходом в Интернет.
2. Мультимедийная лекционная аудитория с выходом в Интернет.
3. Учебный сервер кафедры.
4. Внутренняя учебная сеть Вуза.
б) программное обеспечение
1. Браузеры: Internet Explorer, Opera, Google Chrome, Mozilla Firefox и др.
2. Web-редактор: SharePoint Designer.
7
10. Методические указания для обучающихся по освоению дисциплины
Дисциплина ориентирована на формирование у будущего специалиста совокупности
знаний и представлений в области программирования современных web-сайтов.
Одной из задач изучения дисциплины является воспитание информационной культуры у
будущего учителя, что дает возможность на базе полученных основных знаний продолжать
образование, самостоятельно работать с научной или учебной литературой.
Интернет вызывает повышенные интерес у молодежи, поэтому некоторые студенты уже
имеют определенные навыки работы в сети, навыки создания web-ресурсов. Поэтому задача
преподавателя систематизировать имеющиеся знания у студентов, упрочить практические
навыки. При этом, Интернет быстро меняющаяся информационно-технологическая среда.
Поэтому необходимо выработать у учащихся умения самостоятельно находить нужную
информацию, осваивать способы управления информационными системами, творчески
подходить к решению разнообразных задач.
На лекционных занятиях рассматривается теоретический материал. Для изучения
лекционного материала применяются аудиовизуальные технологии, которые не отрицают
традиционных, проверенных временем методов, но поднимают на качественно новый уровень
роль преподавателя в процессе обучения. Применение мультимедийного комплекса повышает
наглядность, информативность, экономить время занятий.
На лабораторных занятиях закрепляются знания, умения и навыки, приобретенные на
лекциях и самостоятельно. Формы работ: письменные и устные опросы, выполнение
лабораторных работ. Сроки сдачи лабораторных работ преподавателем четко оговариваются.
Лабораторные занятия проводятся в учебном классе персональных компьютеров,
объединенных в локальную сеть.
Самостоятельная работа студентов предусматривает следующие виды работ:
1. Работа с литературой.
2. Работа с ресурсами Интернет.
3. Работа над индивидуальным проектом «Проектирование и разработка web-сайта».
4. Проработка лекционного курса, подготовка к зачету.
Преподаватель определяет содержание самостоятельной работы, график ее выполнения;
создает сетевую информационную и коммуникационную среду для организации
самостоятельной работы.
Для преподавания дисциплины создан учебно-методический комплекс, обеспечивающий
предоставление информации (лабораторные работы, дидактические материалы, электронный
учебник) и контроль.
8