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