ПРИМЕРНАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ «WEB-ПРОГРАММИРОВАНИЕ» 2011 г.

ПРИМЕРНАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ
«WEB-ПРОГРАММИРОВАНИЕ»
2011 г.
1
Примерная программа учебной дисциплины разработана на основе Федерального
государственного образовательного стандарта (далее – ФГОС) по специальности
(специальностям) среднего профессионального образования (далее СПО) 230401
Информационные системы (по отраслям)
Организация-разработчик: ФГОУ СПО Уфимский колледж статистики, информатики и
вычислительной техники
Разработчики:
Каримова Р.Ф., преподаватель ФГОУ СПО УКСИВТ
Рекомендована
Федерального
Экспертным
государственного
советом
учреждения
по
профессиональному
Федерального
образованию
института
развития
образования (ФГАУ ФИРО)
Заключение Экспертного совета № 092 от «02» марта 2012г.
2
СОДЕРЖАНИЕ
1. ПАСПОРТ ПРИМЕРНОЙ
ДИСЦИПЛИНЫ
ПРОГРАММЫ
УЧЕБНОЙ
стр.
4
2. СТРУКТУРА И СОДЕРЖАНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ
5
3. УСЛОВИЯ РЕАЛИЗАЦИИ
ДИСЦИПЛИНЫ
УЧЕБНОЙ
12
ОСВОЕНИЯ
13
ПРОГРАММЫ
4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ
УЧЕБНОЙ ДИСЦИПЛИНЫ
3
1. ПАСПОРТ ПРОГРАММЫ УЧЕБНОЙ ДИСЦИПЛИНЫ
WEB - ПРОГРАММИРОВАНИЕ
1.1. Область применения программы
Примерная программа учебной дисциплины является частью примерной
основной профессиональной образовательной программы в соответствии с
ФГОС по специальности СПО 230401 Информационные системы (по
отраслям).
Примерная программа учебной дисциплины может быть использована в
профессиональной подготовке работников в области разработки программного
обеспечения при наличии среднего (полного) общего образования . Опыт
работы не требуется.
1.2. Место дисциплины в структуре
образовательной
программы:
(общепрофессиональные дисциплины)
основной профессиональной
профессиональный
цикл
1.3. Цели и задачи дисциплины – требования к результатам освоения
дисциплины:
В результате освоения дисциплины обучающийся должен уметь:
 разрабатывать Web-сайты, используя технологии проектирования
сайтов и web-программирования, и использовать их на практике;
В результате освоения дисциплины обучающийся должен знать:
 основы web-дизайна и программирования;
 основы проектирования сайтов и технологии проектирования;
 основы программирования сайтов различными программными
средствами.
1.4. Рекомендуемое количество часов на освоение программы
дисциплины:
максимальной учебной нагрузки обучающегося 366 часов, в том числе:
обязательной аудиторной учебной нагрузки обучающегося - 244 часов;
самостоятельной работы обучающегося - 122 часа.
4
2. СТРУКТУРА И ПРИМЕРНОЕ СОДЕРЖАНИЕ УЧЕБНОЙ
ДИСЦИПЛИНЫ
2.1. Объем учебной дисциплины и виды учебной работы
Вид учебной работы
Максимальная учебная нагрузка (всего)
Обязательная аудиторная учебная нагрузка (всего)
в том числе:
лабораторные занятия
практические занятия
контрольные работы
курсовая работа (проект)
Самостоятельная работа обучающегося (всего)
Итоговая аттестация в форме экзамена
Объем часов
366
244
60
98
122
5
2.2. Тематический план и содержание учебной дисциплины Web-программирование
Наименование
разделов и тем
1
Раздел 1.
Тема 1.1.
Введение в
Интернет
Тема 1.2.
Проектирование
сайта
Содержание учебного материала, лабораторные и практические работы, самостоятельная работа
обучающихся, курсовая работ (проект) (если предусмотрены)
2
Введение в Web-программирование
Содержание учебного материала
Введение в Интернет
История возникновения Интернет, World Wide Web (WWW), и "стандартов Web". Нормативные документы
RFC. Стек протоколов TCP/IP. Информационный обмен с и без установления соединения.
Особенности IP-протоколов версий 4 и 6. IP-туннели. Обзор браузеров
Клиент-серверные технологии Web
Протокол HTTP. Обеспечение безопасности передачи данных HTTP. Cookie. Клиентские сценарии и
приложения.
Программы, выполняющиеся на клиент-машине. Программы, выполняющиеся на сервере. Насыщенные
интернет-приложения. Серверные web-приложения. web-сервисы
Самостоятельная работа обучающихся
Интернет и Рунет. Различные типы сайтов: визитки, корпоративные сайты, Интернет-магазины, форумы, чаты,
тематические сайты, порталы. Средства коммуникации: QIP, Mail.Ru Агент, Skype
Сервисы: поисковые системы, библиотеки, дистанционное обучение, поиск работы и фриланс, электронные
деньги, замена десктопных приложений, словари, файловые хранилища, фотоальбомы и хостинги изображений,
видео-хостинги, газеты, журналы, радио и телевидение.
Статистика браузеров. Windows Internet Explorer 7.0, Opera, Mozilla Firefox, Safari. Сравнение скорости браузеров
Персональные блоги. Среднестатистический блог. Тематические блоги. Сетевые писатели или публицисты.
Знаменитости, политики, звезды и т.д. Живой журнал - создание. Создание новой записи. Что можно и что
нельзя делать в живом журнале. Статистика живого журнала. Другие платформы. Как сделать свой блог
популярным? Социальные сети. Какие бывают социальные сети. Коллективные блоги с элементами социальных
сетей
Поиск в Интернете. Поисковые возможности Яндекс
Поисковые системы Google и Rambler
Электронные библиотеки, дистанционное обучение
Безопасность в Интернете. Скрытие IP-адреса, веб-анонимайзеры. Система Tor. Steganos Internet Anonym VPN.
Прокси-сервер. Сервис Whois. Анонимная отправка электронной почты
Электронные деньги, WebMoney. Интернет-магазины, аукционы, доски объявлений.
Содержание учебного материала
Планирование Web-сайта
Начальные этапы планирования Web-сайта. Информационная архитектура, или IA (Information Architecture).
Схема сайта. Именование страниц.
Элементы Web-страниц
Домашняя страница. Средства навигации. Элементы сайта. Заголовки.
Практические занятия
Разработка логической и физической структуры сайта
Лабораторные работы
Разработка структуры и дизайна сайта
Самостоятельная работа обучающихся
Объем часов
3
66
44
8
Уровень
освоения
4
1
1
1
1
36
12
4
1
1
2
2
4
6
Тема 1.3.
Введение в Webдизайн
Раздел 2.
ТЕМА 2.1.
Элементы языка
гипертекстовой
разметки HTML
Исследование различных страниц Web-сайта
Содержание учебного материала
Теория цвета. Цвет, оттенки, и тени. Теплые и холодные цвета. Создание каркаса сайта. Разработка сайта.
Логотип, его влияние на дизайн сайта. Компоновка сайта, ее особенности. О рекламе на сайте
Цветовые схемы и макеты дизайна
Основная информация о гарнитурах шрифтов. Определение гарнитуры шрифта для заголовков, подзаголовков и
основного текста. Некоторые секреты выравнивания. Советы по подбору различных цветовых комбинаций для
Web-сайта. Поэтапное создание макета сайта. Тестирование Web-сайта перед переходом в рабочий режим
Полиграфия в Web
Ограничения полиграфии в Web (ограниченный выбор шрифтов, переносы слов, кернинг). Рекомендации по
реализации полиграфии в Web (выбор набора шрифтов, длина строки, высота строки, буквицы, капитель,
висящая пунктуация, полиграфически-правильная пунктуация)
Самостоятельная работа обучающихся
Монохроматические цветовые схемы. Дополнительные цветовые схемы. Триадические цветовые схемы.
Тетрадические цветовые схемы.
Язык гипертекстовой разметки HTML
Содержание учебного материала
Общие сведения
Принципы построения гипертекстовых информационных систем. Роль языка гипертекстовой разметки HTML в
построении сайтов глобальной компьютерной сети Internet. Формат и структура HTML-документов.
Структура HTML-документа и элементы разметки заголовка документа
Типовая структура HTML-документа и содержание его заголовка. Содержание элементов разметки. Формат и
назначение элементов разметки заголовка.
Контейнеры тела документа
Элементы разметки тела HTML-документа. Типизация, назначение и применение. Графика. Принципы
применения графических образов при HTML-разметке.
Таблицы в HTML
Принципы применения таблиц в HTML-разметке. Табличная организация текста. Табличная координатная сетка.
Организованная в таблицы графика.
HTML-формы
Взаимодействия читателя HTML-страниц с сервером Web-узла. HTML-формы.
Фреймы
Способы фрагментирования содержания Web-узла при помощи механизма HTML-фреймов.
Лабораторные работы
Создание HTML документа с графикой и картами.
Работа с таблицами, фреймами
Практические занятия
Создание простейшей Web-страницы
Создание простейшей Web-страницы при помощи Adobe Dreamweaver
Оформление HTML-форм
Табличная верстка макета сайта
Компоновка страниц с использованием фреймов
Самостоятельная работа обучающихся
Описание спецификации HTML 4: соглашение между авторами, документами, пользователями и браузерами .
Обзор программ HTML-редакторов
Изучение приложения Adobe Dreamweaver
10
6
1
1
1
4
54
54
12
1
2
2
2
2
2
4
12
2
2
2
4
2
26
7
Раздел 3.
Тема 3.1. Введение в
каскадные таблицы
стилей
Раздел 4.
Тема 4.1. Введение в
XML
Раздел 5.
Тема 5.1. Введение в
язык JavaScript
Тема 5.2. Приемы
программирования
Каскадные таблицы стилей CSS
Содержание учебного материала
Назначение и применение CSS
Основные понятия CSS, их назначение, определение и использование при форматировании HTML-документа.
Блочные и строковые элементы
Блочные и строковые элементы: описание, форматирование и свойства.
Цвет и шрифт
Управление отображением цветами текста и фоном, на котором отображается текст. Использование гарнитур
шрифтов.
Текст и списки
Свойства текстовых фрагментов: межбуквенные расстояния, высота строк, выравнивание, отступ в первой строке
параграфа, преобразования начертания. Управление формой и отображением списков.
Позиционирование
Размещение блочных элементов HTML-разметки в рабочей области браузера с точностью до пикселя: размеры
блока, абсолютные и относительные координаты. Слои: управление видимостью.
Практические занятия
Web-страницы, оформленные при помощи CSS
Оформление прямоугольных блоков средствами CSS
Web- страница с горизонтально ориентированным блоком навигации
Web-страница с вертикально ориентированным блоком навигации
Интерактивное меню навигации средствами CSS
Самостоятельная работа обучающихся
Взаимное размещение нескольких блоков
Расширяемый язык гипертекстовой разметки XML
Содержание учебного материала
Назначение языка XML и основные понятия. Общее представление о процессе создания и отображения ХМLдокументов. Правила и методики создания XML-документов.
Самостоятельная работа обучающихся
Создание XML-документа. Описание шаблона документа
Язык сценариев JavaScript
Содержание учебного материала
Назначение и применение JavaScript, общие сведения
Назначение языка JavaScript. Способы внедрения JavaScript-кода в HTML-страницу и принципы его работы.
Типы данных и операторы
Основы синтаксиса языка JavaScript: литералы, переменные, массивы, условные операторы, операторы циклов.
Функции и объекты
Функции как типы данных и как объекты. Объектная модель документа (DOM). Способы описания
пользовательских объектов.
Практические занятия
Внедрение JavaScript-кода в HTML-страницу
Операторы в языке JavaScript
Работа с функциями
Самостоятельная работа
Создание пользовательских объектов
Содержание учебного материала
Свойства окна браузера
26
26
10
2
2
2
2
2
12
2
2
2
2
4
4
8
8
2
1-2
6
62
16
6
2
2
2
6
2
2
2
4
46
10
2
8
на JavaScript
Раздел 6.
Тема 6.1. Введение в
язык
программирования
РНР
Программирование свойств окна браузера. Управление окнами. Работа с фреймами.
Программирование формы
Программирование HTML-форм. Различные методы обработки событий, перехват отправки данных на сервер и
способы организации обмена данными при помощи форм и JavaScript-кода.
Программирование гипертекстовых переходов
Работа с коллекцией гипертекстовых ссылок и программирование гипертекстовых переходов в зависимости от
условий просмотра HTML-страниц и действий пользователя.
Программирование графики
Приемы программирования изменений графических образов на HTML-страницах JavaScript-мультипликация.
Графическое меню.
Приемы программирования на JavaScript: механизм cookie, управление фокусом, скрытая передача данных,
вопросы безопасности.
Практические занятия
Информация о системе и браузере
Открытие окна с заданными параметрами
Работа с текстом
Создание удобного интерфейса
Обработка нажатий клавиш
Работа с изображениями
Работа с датой и временем
Работа со строками
Создание различных спецэффектов
Работа с файлами
Лабораторные работы
Бегущая строка
Создание слайд-шоу
Часы в строке состояния
Движущиеся объекты
Графическое меню
Основы программирования на PHP
Содержание учебного материала
Введение в PHP
История языка PHP. Возможности РНР (краткий перечень платформ, протоколов, баз данных, приложений
электронной коммерции и функций, которые поддерживаются PHP). Области применения РНР (как серверное
приложение, в командной строке, создание GUI приложений); Способы использования. Установка и настройка
программного обеспечения, необходимого для работы с PHP.
Основы синтаксиса
Основной синтаксис PHP. Способы разделения инструкций, создания комментариев. Переменные, константы и
типы данных, операторы.
Управляющие конструкции
Условный оператор (if, switch). Циклы (while, for, foreach). Операторы включения (include, require).
Обработка запросов с помощью PHP
Способы отправки данных на сервер и их обработке с помощью PHP. Основы клиент-серверных технологий.
HTML-формы и отправка данных с ее помощью. Краткая характеристика методов Post и Get. Механизм
2
2-3
2-3
2-3
24
2
2
2
2
2
2
2
2
4
4
12
2
2
2
2
4
150
44
18
1
2
2
2
9
Тема 6.2. РНР и
MySQL
Тема 6.3. Основные
получения данных из HTML-форм и их обработка с помощью PHP.
Функции в PHP
Понятие функции. Функции, определяемые пользователем. Аргументы функций, передача аргументов по
значению и по ссылке, значение аргументов по умолчанию и значения, возвращаемые функцией (функция
return()).
Объекты и классы в PHP
Понятия класса и объекта. Определение и использование классов. Понятие расширения класса. Конструкторы.
Оператор :: Базовый класс и функция parent.
Работа с массивами данных
Массивы. Сортировка массивов. Применение функции ко всем элементам массива. Выделение подмассива.
Работа со строками
Строки. Работы со строками. Поиск элементов в строке. Способы вывода строк, разбивка и соединение строк
(функции explode, implode), определение длины строки (strlen), выделение подстроки (strstr, substr).
Работа с файловой системой
Создание файлов, чтение данных из файла, удаление файла, а также проверка наличия файла на сервере
(функции fopen, fwrite, fclose , file, fget, unlink, file_exists.)
Практические занятия
Установка и настройка ПО
Операторы в языке РНР
Создание формы. Обработка загруженного файла
Обработка массивов данных
Работа со строками
Работа с файлами
Проверка данных
Самостоятельная работа обучающихся
Вложенные функции
Способы передачи данных между страницами
Содержание учебного материала
Базы данных и СУБД. Введение в SQL
Базы данных: основные понятия. Язык запросов SQL: операции выбора, добавления, изменения и удаления
строки, а также операции создания, изменения и удаления таблицы. База данных MySQL. Использование
PhpMyAdmin для взаимодействия с базой данных MySQL.
Взаимодействие PHP и MySQL
Способы взаимодействия PHP и СУБД MySQL. Установка соединения с базой данных, функции отправки
запросов и обработка ответов (mysql_connect, mysql_query, mysql_result, mysql_num_rows, mysql_close).
Лабораторные работы
Проектирование базы данных
Создание базы данных MySQL.
Создание страницы для добавления, удаления, редактирования записей базы данных
Практические занятия
Операции в языке SQL
Установка соединения с базой данных
Самостоятельная работа обучающихся
Установка модуля DB
Содержание учебного материала
2
2
2
2
2
20
2
4
2
2
2
4
4
6
24
4
2
2-3
8
2
2
4
6
2
4
6
82
10
приемы
программирования
на РНР
Авторизация доступа с помощью сессий
Обеспечение безопасности в сети и использование для этих целей механизма сессий. Инициализация сессий,
передача идентификатора пользователя, регистрация переменных сессии, уничтожение сессии. Настройка сессий
в файлах php.ini, httpd.conf, .htaccess.
Регулярные выражения
Регулярные выражения, реализация механизма регулярных выражений в языке PHP, их синтаксис и семантика.
Взаимодействие PHP и XML
Объектная модель XML-документа и ее использованием в PHP. Установка расширения DOM XML. Обработка
элементов XML документа с помощью функций PHP (получение значения узла, атрибута и т.п.)
Лабораторные работы
Оформление новостей на сайте
Авторизация доступа
Поисковая система
Система голосования
Гостевая книга
Фотогалерея
Система отправки сообщений с сайта
Система анализа посещаемости сайта
Система мониторинга позиций сайта в поисковых системах
FTP- менеджер
Система рассылки писем
Форум
Практические занятия
Работа с cookie
HTTP-аутентификация
Создание счетчика посещений
Загрузка файла на FTP-сервер
Загрузка файла с FTP-сервера
Сеансы. Сохранение данных сеанса
Самостоятельная работа обучающихся
Использование FTP
Установка Cookie
Отправка E-mail
Развертывание системы управления контентом (CMS).
Изучение структуры и программного кода CMS.
Наполнение контента CMS.
Всего:
6
2-3
3
3
34
2
2
2
2
2
2
2
2
4
4
4
6
16
4
2
4
2
2
2
26
366
11
3. УСЛОВИЯ РЕАЛИЗАЦИИ ПРИМЕРНОЙ ПРОГРАММЫ
ДИСЦИПЛИНЫ
3.1.
Требования
к
минимальному
материально-техническому
обеспечению
Реализация программы дисциплины требует наличия лабораторий
инструментальных средств разработки.
Оборудование лаборатории и рабочих мест лаборатории: компьютеры,
проектор, комплект учебно-методической документации.
Технические средства обучения:
программное обеспечение общего и профессионального назначения: Notepad,
браузеры Internet Explorer, Mozilla Firefox; Adobe Dreamweaver, Apache HTTP
Server, PHP, MySQL.
3.2. Информационное обеспечение обучения
Перечень рекомендуемых учебных изданий, Интернет-ресурсов,
дополнительной литературы
Основные источники:
1. Кузнецов М.В., Симдянов И.В., Голышев С.В. РНР 5. Практика
разработки Web-сайтов. – СПб: БХВ-Петербург, 2007
2. Кузнецов, М.В., Симдянов, И.В. РНР. Практика создания Web-сайтов.,
2-ое издание – СПб: БХВ-Петербург, 2009
3. Основы программирования на PHP: курс лекций: учеб. Пособие для
студентов вузов, обучающихся по специальностям в области информ.
технологий/ Н.В. Савельева. – М.: Интернет – Ун-т информ. технологий,
2005
Дополнительные источники:
1. Дунаев В. Самоучитель JavaScript – СПб.: Питер, 2005
2. Хольцнер С. PHP в примерах. Пер. с англ. – М.: ООО «Бином-Пресс»,
2007
Профильные периодические издания:
1. Webdix.Journal (он-лайн версия) (http://webdix.livejournal.com/)
Специализированные порталы:
1. http://www.intuit.ru
2. http://habrahabr.ru/blogs/programming/
3. http://phpclub.ru/
4. http://www.webscript.ru/
12
4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ
ДИСЦИПЛИНЫ
Контроль и оценка результатов освоения дисциплины осуществляется
преподавателем в процессе проведения практических занятий и
лабораторных работ, тестирования, а также выполнения обучающимися
индивидуальных заданий, проектов, исследований.
Результаты обучения
Формы и методы контроля и оценки
(освоенные умения, усвоенные знания)
результатов обучения
Умения:
разрабатывать Web-сайты, используя лабораторные
работы,
внеаудиторная
технологии проектирования сайтов и web- самостоятельная работа
программирования, и использовать их на
практике
Знания:
основы web-дизайна и программирования лабораторные
работы,
внеаудиторная
самостоятельная работа
основы
проектирования
сайтов
и лабораторные
работы,
внеаудиторная
технологии проектирования
самостоятельная работа
основы
программирования
сайтов лабораторные
работы,
внеаудиторная
различными программными средствами
самостоятельная работа
13