Сайтостроение - Учебно-методические комплексы

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное бюджетное образовательное учреждение
высшего профессионального образования
«ТЮМЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»
Филиал ТюмГУ в городе Тобольске
Кафедра информатики и методики преподавания
Зайцева О.С.
САЙТОСТРОЕНИЕ
Учебно-методический комплекс. Рабочая программа
для студентов направления подготовки 050100.62 «Педагогическое образование»
Профиль «Дошкольное образование»
Квалификация (степень) выпускника
Бакалавр
Форма обучения
Заочная
Тобольск
2014
О.С. Зайцева. Сайтостроение. Учебно-методический комплекс. Рабочая программа для
студентов направления подготовки 050100.62 «Педагогическое образование», Профиль
«Математика, информатика». Тобольск, 2014, 10 стр.
Рабочая программа составлена в соответствии с требованиями ФГОС ВО с учетом
рекомендаций и ПрОП ВО по направлению подготовки.
Рабочая программа дисциплины опубликована на сайте ТюмГУ: Программное
обеспечение ЭВМ [электронный ресурс] / Режим доступа: http://www.umk3.utmn.ru., свободный.
Рекомендовано к изданию кафедрой информатики и методики преподавания.
Утверждено директором филиала ТюМГУ в г. Тобольске.
ОТВЕТСТВЕННЫЙ РЕДАКТОР: Малышева Е.Н., к.п.н, заведующий кафедрой информатики
и методики преподавания.
© Тюменский государственный университет, филиал в г. Тобольске, 2014.
© Зайцева О.С., 2014.
2
1. Пояснительная записка
1.1. Цели и задачи дисциплины
 формирование систематизированных знаний и умений в области программирования
современных web-сайтов;
 формирование готовности к использованию полученных в результате изучения дисциплины
знаний и умений в профессиональной деятельности.
Задачи в области в области профессиональной деятельности:
 преподавание физико-математических дисциплин и информатики в образовательных
организациях общего образования и среднего профессионального образования;
 разработка методического обеспечения учебного процесса в образовательных организациях
общего образования и среднего профессионального образования.
1.2. Место дисциплины в структуре образовательной программы
Дисциплина «Сайтостроение» относится к дисциплинам по выбору.
Для освоения дисциплины студенты используют знания, умения, навыки, способы
деятельности и установки, полученные и сформированные в ходе изучения дисциплин
«Информационные технологии».
Приобретенные знания могут пригодиться при изучении дисциплин «Мультимедиа
технологии в культурно-просветительской деятельности».
Таблица 1
Разделы дисциплины и междисциплинарные связи с обеспечиваемыми (последующими)
дисциплинами
№
п/п
1
Наименование обеспечиваемых
(последующих) дисциплин
Мультимедиа технологии в
культурно-просветительской
деятельности
Темы дисциплины необходимые для изучения
обеспечиваемых (последующих) дисциплин
1.1
1.2
1.3
2.1
2.2
+
+
+
+
+
1.3. Компетенции обучающегося, формируемые в результате освоения данной
образовательной программы
В результате освоения ОП выпускник должен обладать следующими компетенциями:
ОК-4 – способен использовать знания о современной естественнонаучной картине мира в
образовательной и профессиональной деятельности, применять методы математической
обработки информации, теоретического и экспериментального исследования;
ОК-9 – способен работать с информацией в глобальных компьютерных сетях..
1.4. Перечень планируемых результатов обучения по дисциплине:
В результате изучения дисциплины студент должен
знать:
 технологии разработки статических web-сайтов;
 приемы использования мультимедиа (графики, видео, анимации) на web-страницах;
 программные средства со стороны клиента, используемые для создания web-страниц;
уметь:
 проектировать и разрабатывать структуру сайта;
 использовать язык гипертекстовой разметки HTML и каскадные таблицы стилей (CSS) для
создания web-страниц;
владеть:
3
 навыками создания web-сайтов;
 навыками размещения web-сайта на сервере и его сопровождения.
2. Структура и трудоемкость дисциплины.
Семестр 4. Форма промежуточной аттестации зачет. Общая трудоемкость дисциплины
составляет 2 зачетные единицы, 72 академических часа.
Таблица 2
Вид учебной работы
Всего часов
Семестры
Контактная работа:
Аудиторные занятия (всего)
В том числе:
Лекции
Лабораторные занятия (ЛЗ)
КСР
Иные виды работ:
Самостоятельная работа (всего):
Общая трудоемкость
зач. ед.
час
Вид промежуточной аттестации
(зачет, экзамен)
6
2
4
–
–
66
2
72
зачет
3. Тематический план
Таблица 3
1
2
Итого
часов по
теме
Из них в
интерак
тивной
форме, в
часах
Самостоятельна
я работа
Виды учебной
работы и
самостоятельная
работа, в час.
Лабораторные
занятия
Тема
Лекции
№
3
4
5
6
7
–
–
–
2
4
16
4
18
1
2
2
2
4
12
32
16
38
1
2
–
20
22
–
–
14
14
2
4
0
6
34
66
36
72
Модуль 1
1.1 Дизайн сайтов.
1.2 Инструментальные средства создания
web-сайтов. Публикация сайтов.
1.3 Язык гипертекстовой разметки HTML
Всего
Модуль 2
2.1 Каскадные таблицы стилей (CSS)
2.2 Клиентский язык программирования
JavaScript
Всего
Итого (часов, баллов):
Из них в интеракт. форме
0
1
4
4. Содержание дисциплины
Модуль 1
Тема 1.1. Дизайн сайтов.
Структура сайтов. Виды меню. Требования, предъявляемые к сайтам. Дизайн сайтов.
Сочетания цветов. Критерии оценки сайтов.
Тема 1.2. Инструментальные средства создания web-сайтов. Публикация сайтов.
Web-сервер. Виды и функции web-серверов. Инструменты разработки web-сайтов. Webредактор: SharePoint. Хостинг. Публикация сайтов. Регистрация сайтов в поисковых системах.
Дизайн сайтов.
Тема 1.3.
Основные направления развития технологий разработки сайтов. Принципы
гипертекстовой разметки. Язык гипертекстовой разметки (HTML). Структура документа.
Элементы разметки заголовка документа. Элементы тела документа. Списки. Таблицы.
Графика. Фреймы. Формы.
Модуль 2
Тема 2.1. Каскадные таблицы стилей (CSS)
Классы стилей. Псевдоклассы. Стили позиционирования.
Тема 2.2. Клиентский язык программирования JavaScript
Назначение и применение JavaScript. Понятие объектной модели применительно к
JavaScript. Типы и структуры данных. Операторы языка. Программирование свойств окна
браузера, форм, графики, гипертекстовых переходов. Позиционирование элементов на
странице.
5. Планы семинарских занятий.
Не планируется.
6. Темы лабораторных работ (лабораторный практикум)
№ темы № модуля
Тема лабораторной работы
1
1.2
Основы работы в SharePoint
2
1.3
Форматирование теста. Списки, линии.
Таблица 5
Количество
часов
2
2
7. Примерная тематика курсовых работ
Не планируются.
10. Фонд оценочных средств для проведения промежуточной аттестации по итогам
освоения дисциплины (модуля).
*отмечены дисциплины базового цикла
5
ОК-9
ОК-4
Код компетенции
10.2 Описание показателей и критериев оценивания компетенций на различных этапах их формирования, описание шкал
оценивания:
Таблица 8
Карта критериев оценивания компетенций
Критерии в соответствии с уровнем освоения ОП
пороговый (удовл.)
61-72 баллов
Знает: основные понятия и
определения.
Умеет: пользоваться научнотехнической литературой по
предметной
области;
использовать базовое ПО для
решения типовых задач
Владеет: навыками решения
типовых задач.
Знает: технологии разработки
статических
web-сайтов;
программные средства со
стороны
клиента,
используемые для создания
web-страниц.
базовый (хор.)
73-86 баллов
Знает: основные приемы
повышенный (отл.)
87-100 баллов
Знает: средства и технологии
Виды занятий
(лекции,
семинарские,
практические,
лабораторные)
Лекции,
работы в визуальных
создания сайтов.
лабораторные
редакторах.
Умеет:
использовать язык работы.
Владеет: навыками решения гипертекстовой разметки HTML и
различных задач по образцу.
каскадные таблицы стилей (CSS)
для
создания
web-страниц;
разрабатывать сценарии на языке
программирования JavaScript.
Владеет: навыками создания webсайтов; навыками размещения
web-сайта на сервере.
Умеет: проектировать и
Умеет: эффективно использовать Лекции,
разрабатывать структуру
web-технологии при разработки лабораторные
сайта; выбирать
цифровых
образовательных работы.
соответствующие
ресурсов.
программные продукты для
Владеет: навыками сознательного
разработки сайта.
и рационального использования
web-технологий в
профессиональной деятельности.
6
Оценочные
средства
(тесты,
творческие
работы,
проекты и др.)
Тесты,
практические
задания,
информацион
ный проект
Тесты,
практические
задания,
информацион
ный проект
10.3 Типовые контрольные задания или иные материалы, необходимые для оценки
знаний, умений, навыков и (или) опыта деятельности, характеризующей этапы
формирования компетенций в процессе освоения образовательной программы.
Вопросы к зачету
1. Требования, предъявляемые к web-дизайну.
2. Приемы оценки web-сайта.
3. Средства разработки сайтов.
4. Приемы создание web-сайтов в редакторе Share Point Designer.
5. Язык HTML. Стандартные теги.
6. Язык HTML. Теги создания списков и гиперссылок.
7. Язык HTML. Теги форматирования таблиц.
8. Язык HTML. Теги работы с графикой.
9. Каскадные таблицы стилей.
10. Методы ввода и вывода данных в JavaScript. Типы данных. Арифметические и логические
операторы JavaScript.
11. Операторы сравнения. Операторы условного перехода, выбора, цикла.
12. Работа с функциями.
13. Объекты JavaScript.
14. Формы.
10.4 Методические материалы, определяющие процедуры оценивания знаний, умений,
навыков и (или) опыта деятельности характеризующих этапы формирования
компетенций.
Форма промежуточной аттестации – зачет.
11. Образовательные технологии.
а) аудиторные занятия:
 лекционные и лабораторные занятия; на лабораторных
осуществляется при проверке лабораторных и домашних заданий.
б) активные и интерактивные формы
 лекция-дискуссия, лекция-визуализация, информационный проект,
в) внеаудиторные занятия:
 самостоятельная работа.
занятиях
контроль
12. Учебно-методическое и информационное обеспечение дисциплины
12.1 Основная литература:
1. Комолова Н.В. HTML: учебный курс.- СПб: Питер, 2007.
2. Храмцов П.Б. Основы web-технологий: учебное пособие / П.Б. Храмцов, С.А. Брик, А.М.
Русак, А.И. Сурин. – М: Интернет-Университет Информационных Технологий; БИНОМ.
Лаборатория знаний, 2007. – 374 с.
12.2 Дополнительная литература:
1. Гасанов Э.В., Гасанова С.Э. Практикум по созданию Интернет-проектов. Основы языка
программирования РНР, Ч. 1. –М.: Издательство Книгодел, 2013. – 160 с. –
http://biblioclub.ru/
2. Глушаков С.В. Программирование web-страниц / С.В.Глушаков, И.А.Жакин, Т.С.Хачиров.
– Ростов н/Д: Феникс, Харьков: Фолио, 2006. – 400 с.
3. Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496 с.
7
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 с.
12.3 Интернет-ресурсы:
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
13. Перечень информационных технологий, используемых при осуществлении
образовательного процесса по дисциплине (модулю), включая перечень программного
обеспечения и информационных справочных систем (при необходимости).
В процессе обучения используются технологии работы с текстовыми редакторами,
табличным процессором, с базовым программным обеспечением, с пакетами прикладных
программных продуктов.
Технология
Форма проведения занятий
Информационно-коммуникационные технологии
Лекция
Лабораторная работа
Внеаудиторная работа
Интернет-технология
Лабораторная работа
Внеаудиторная работа
14. Технические средства и материально-техническое обеспечение дисциплины (модуля).
а) компьютерное и мультимедийное оборудование
1. Сетевой компьютерный класс с выходом в Интернет.
2. Мультимедийная лекционная аудитория с выходом в Интернет.
3. Учебный сервер кафедры.
4. Внутренняя учебная сеть Вуза.
б) программное обеспечение
1. Браузеры: Internet Explorer, Opera, Google Chrome, Mozilla Firefox и др.
2. Web-редактор: SharePoint Designer.
15. Методические указания для обучающихся по освоению дисциплины (модуля).
Дисциплина ориентирована на формирование у будущего специалиста совокупности
знаний и представлений в области программирования современных web-сайтов.
8
Одной из задач изучения дисциплины является воспитание информационной культуры у
будущего учителя, что дает возможность на базе полученных основных знаний продолжать
образование, самостоятельно работать с научной или учебной литературой.
Интернет вызывает повышенные интерес у молодежи, поэтому некоторые студенты уже
имеют определенные навыки работы в сети, навыки создания web-ресурсов. Поэтому задача
преподавателя систематизировать имеющиеся знания у студентов, упрочить практические
навыки. При этом, Интернет быстро меняющаяся информационно-технологическая среда.
Поэтому необходимо выработать у учащихся умения самостоятельно находить нужную
информацию, осваивать способы управления информационными системами, творчески
подходить к решению разнообразных задач.
На лекционных занятиях рассматривается теоретический материал. Для изучения
лекционного материала применяются аудиовизуальные технологии, которые не отрицают
традиционных, проверенных временем методов, но поднимают на качественно новый уровень
роль преподавателя в процессе обучения. Применение мультимедийного комплекса повышает
наглядность, информативность, экономить время занятий.
На лабораторных занятиях закрепляются знания, умения и навыки, приобретенные на
лекциях и самостоятельно.
Самостоятельная работа студентов предусматривает следующие виды работ:
1. Работа с литературой.
2. Работа с ресурсами Интернет.
3. Работа над индивидуальным проектом «Проектирование и разработка web-сайта».
4. Проработка лекционного курса, подготовка к зачету.
Дополнения и изменения к рабочей программе на 201__ / 201__ учебный год
В рабочую программу вносятся следующие изменения:
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
___________________________________________
Рабочая
программа
пересмотрена
и
одобрена
на
заседании
______________________________________ «__» _______________201 г.
Заведующий кафедрой ___________________/___________________/
Подпись
Ф.И.О.
9
кафедры