Преподавателю
Другое
Рабочая программа (Syllabus) по предмету Web-программирование и информационные технологии

Рабочая программа (Syllabus) по предмету Web-программирование и информационные технологии

Раздел	Другое
Класс	-
Тип	Рабочие программы
Автор	Посметухова К.Н.
Дата	05.01.2016
Формат	docx
Изображения	Нет

Поделитесь с коллегами:

Қазақстан Республикасының білім және ғылым министрлігі

Министерство образования и науки Республики Казахстан

Щучинск қаласы, Жоғары техникалық мектебі

Высшая техническая школа, город Щучинск

Отделение связи и программного обеспечения

Методическое объединение информационных дисциплин

РАБОЧАЯ ПРОГРАММА ДИСЦИПЛИНЫ

(Syllabus)

По дисциплине «Web-программирование и интернет-технологии»

Образование среднее техническое и

профессиональное образование

по специальности

1304000 Вычислительная техника и программное обеспечение (по видам)

Квалификация 130404 3 Техник программист

Всего

(согласно учебной программы) кредита

Курс

3 (согласно учебной программы)

Семестр

5 (согласно учебной программы)

Лекции

38 часов (согласно учебной программы)

Практические, семинарские, лабораторные занятия

34 часа (согласно учебной программы)

СРС

-- часов

СРСП

-- часов

Всего аудиторных часов

72 часа (согласно учебной программы)

Экзамен

5 семестр

Трудоемкость

-- часов

Программа дисциплины составлена:

Преподавателем спец.дисциплин Посметуховой Кристиной Николаевной

Составлена в соответствии с образовательной учебной программой технического и профессионального образования, утверждённой приказом Министерства образования и науки Республики Казахстан от 23.01.2012 года №15 и рабочей учебной программой, утверждённой заместителем директора по учебной работе ВТШ, города Щучинск 01.09.2015г.

Рассмотрено на заседании МО информационных дисциплин

«______»________________20___г. Протокол №_________

Председатель МО ______________________ А.Г. Аманбаева

Одобрено методическим советом

«______»________________20___г. Протокол №_________

Председатель __________________ ____________________

Сведения о преподавателе курса:

Посметухова К.Н., преподаватель спец.дисциплин

Офис: МО информационных дисциплин

Аудитория: № 13

Полный адрес: Высшая техническая школа, ул. Абылай хана, 50,

г.Щучинск, Бурабайский район, Акмолинская область

Тел.: 4-50-60

Е-mail: [email protected]

[email protected]

Данные о дисциплине

«Web-программирование и интернет-технологии»

Общий объем: согласно рабочей программы

Время: согласно расписания занятий ВТШ

Семестр: 5

Место проведения курса: аудитория 13

Пререквизиты учебной дисциплины:

Программа базируется на знаниях, умениях и навыках обучающихся по предметам: «Математика», «Физика», «Основы алгоритмизации и программирования», «Операционные системы и пакеты прикладных программ», «Информатика».

Постреквизиты учебной дисциплины:

Знания по данной дисциплине необходимы для прохождения сертификации (Независимой оценки качества), выполнения курсовых и дипломных работ и практической деятельности специалистов.

1. Характеристика дисциплины

Назначение учебной дисциплины:

Учебная дисциплина «Web-программирование и интернет-технологии» относится к специальным дисциплинам. Дает базовые знания будущим специалистам в любой отрасли профессиональной деятельности, раскрывает практику взаимоотношений на всех уровнях, рассматривает проблему рационального использования информационных ресурсов в производственной и повседневной жизни.

Цель курса:

Расширение теоретической базы в предметной области, и привить студентам практические навыки по работе со специальными возможностями информационного обеспечения.

Задачи курса:

дать студентам комплексное представление о дисциплине;
добиться того, чтобы студенты имели системное представление об основных понятиях, категориях, закономерностях информационного развития;
вооружить студентов методологией изучения информационных процессов для самостоятельного исследования.

Методология:

Обучающие элементы: лекции, презентации, видеоролики, практические занятия, работа по карточкам, тестирование; стимулирование умственной деятельности, дискуссия, работа в малых группах, упражнения, доклады.

2. Планируемые результаты изучения дисциплины «Web-программирование и интернет-технологии»

Результаты обучения, запланированные в Государственном общеобязательном стандарте образования Республики Казахстан по специальности 1304000

Результаты обучения, запланированные в образовательной учебной программе технического и профессионального образования или типовой учебной программе по специальности 1304000

Результаты обучения, запланированные в рабочей учебной программе

Обучающийся должен обладать следующими компетенциями:

Базовыми:

БК 1. Обновлять знания и навыки на уровне современных стандартов образования;

БК 2. Планировать собственные трудовые действия;

БК 3. Знать правовые нормы, регулировать отношения между людьми, к обществу, к окружающей среде;

БК 4. Анализировать социально-значимые проблемы и процессы в профессиональной и социальной деятельности;

БК 5. Оформлять документацию на государственном языке;

БК 6. Проводить экономический анализ профессиональной деятельности;

БК 7. Использовать современные технические средства;

БК 8. Владеть компьютерными методами сбора, хранения и обработки информации;

БК 9. Владеть информационными технологиями

Профессиональными:

ПК 1. Проводить трансляцию и отладку программы, управлять данными при решении задач;

ПК 2. Осуществлять решение задач из различных областей науки, техники, экономики и производства с применением математических методов и вычислительной техники на всех этапах от постановки до получения результата;

ПК 3. Составлять тесты и производить тестирование программ;

ПК 4. Построить автоматизированные системы обработки информации;

ПК 5. Применять методы и средства защиты программного продукта;

ПК 6. Применять Web-технологии

Специальными:

СК 1. Производить анализ, проектирование и программирование прикладных задач;

СК 2. Разрабатывать и внедрять Интернет-технологии;

СК 3. Моделировать производственные и экономические процессы, методы их решения и анализировать полученные результаты;

СК 4. Внедрять и сопровождать программы и программные средства;

СК 5. Тестировать программы и программные продукты;

СК 6. Выбирать правильные технологии на всех этапах разработки программ;

СК 7. Организовать защиту данных.

В результате изучения дисциплины обучающийся должен

-знать:

Основные теги языка
Теги форматирования текста
Создание маркированных, нумерованных списков
Организационную структуру документов
Тег добавления изображений
Тег гиперссылок
МЕТА-инструкции
Элементы форм
Таблицу каскадных стилей
Основные свойства
Блочную верстку
Область применения JavaScript.
Отладчики сценариев.
Основные понятия.
Принципы и структуру Java-скриптов
Функции и сценарии
Параметры функций
Объекты
Алгоритм работы операторов условия
Алгоритм работы циклов
Массивы
Регулярные выражения

-уметь:

Создавать структуру документа
Применять основные теги языка
Использовать теги для форматирования документа
Применять МЕТА-инструкции
Вставлять изображения
Создавать списки
Применять гиперссылки
Применять CSS
Использовать элемент DIV
Создавать структуру сайта фиксированного дизайна
Создавать структуру сайта резинового дизайна
Подключать JS файлы
Применять функции и сценарии
Работать с операторами условий
Применять операторы цикла
Работать с массивами

В результате освоения дисциплины обучающийся должен

-иметь представление:

о языке разметки гипертекста HTML
общие сведения о клиентском языке программирования JavaScript
Каскадные таблицы стилей

-знать:

Основные теги языка HTML
Синтаксис клиентского языка программирования JavaScript
Свойства CSS

-уметь:

Создавать HTML-страницы
Применять CSS-стили
Писать скрипты с помощью клиентского языка программирования JavaScript

-владеть навыками :

Создания web-страниц
Верстки
Применения css-стилей
Создания интерактивности web-страниц
Написания скриптов на клиентском языке программирования JavaScript

3. Календарно-тематический план рабочей учебной программы дисциплины

№

Наименование разделов и тем

Всего часов

В том числе

Теор.

Практ.

Раздел 1. HTML. Язык разметки гипертекста

Основы HTML. Основные понятия, структура

Форматирование документа, символов, списки

ПР1. Создание HTML-страниц

Графика на web-странице, гиперссылки, таблицы

ПР2. Создание HTML-страниц

ПР3. Использование графики на web-странице, ссылки

Формы, основные элементы

ПР4. Создание форм

Раздел 2. Таблица каскадных стилей CSS

Основы CSS. Основные понятия

Форматирование шрифта, текста, отступы, рамки

ПР5. Применение CSS

Фон элемента, списки, псевдостили гиперссылок

ПР6. Div-ная верстка

ПР7. Div-ная верстка

Раздел 3. Клиентский язык программирования JavaScript

Основы JavaScript. Взаимодействие с пользователем

Переменные, типы данных, операторы. Преобразование типов данных

ПР8. Простые скрипты на JS

Функции

ПР9. Использование функций

ПР10. Обработчики событий

Условные операторы

ПР11. Условный оператор IF

ПР12. Условный оператор switch

Циклы for, while, do..while

ПР13. Операторы циклов

ПР14. Операторы циклов

Дата. Представление и обработка

ПР15. Работа с датой и временем

Работа со строками

ПР16. Работа со строками

Работа с числами, массивами

Работа с массивами

Использование математических функций

Написание сценариев JavaScript с использованием событий

ПР17. Решение задач

Зачет

Итого

4. Содержание программы дисциплины

Раздел 1. HTML. Язык разметки гипертекста

Основы HTML. Основные понятия, структура. Форматирование документа, символов, списки. Графика на web-странице, гиперссылки, таблицы. Формы, основные элементы

Лабораторные работы:

Создание HTML-страниц
Создание HTML-страниц
Использование графики на web-странице, ссылки
Создание форм

Раздел 2. Таблица каскадных стилей CSS

Основы CSS. Основные понятия. Форматирование шрифта, текста, отступы, рамки. Фон элемента, списки, псевдостили гиперссылок

Лабораторные работы:

Применение CSS
Div-ная верстка
Div-ная верстка

Раздел 3. Клиентский язык программирования JavaScript

Основы JavaScript. Взаимодействие с пользователем. Переменные, типы данных, операторы. Преобразование типов данных. Функции. Условные операторы. Циклы for, while, do..while. Дата. Представление и обработка. Работа со строками. Работа с числами, массивами. Работа с массивами. Использование математических функций. Написание сценариев JavaScript с использованием событий

Лабораторные работы:

Простые скрипты на JS
Использование функций
Обработчики событий
Условный оператор IF
Условный оператор switch
Операторы циклов
Операторы циклов
Работа с датой и временем
Работа со строками
Решение задач

5. Перечень лабораторных и практических занятий

Номер работы

Название работы

Краткое содержание

Создание HTML-страниц

Перевод графического изображения в HTML-код

Создание HTML-страниц

Перевод графического изображения в HTML-код

Использование графики на web-странице, ссылки

Вставка изображений в HTML-страницу, вставка ссылок, создание циклических страниц

Создание форм

Перевод графического изображения формы в HTML-код

Применение CSS

Применение и редактирование стилей CSS

Div-ная верстка

Верстка сайта фиксированной ширины

Div-ная верстка

Верстка сайта резинового дизайна

Простые скрипты на JS

Создание простых скриптов

Использование функций

Создание функций

Обработчики событий

Использование обработчиков событий в функциях

Условный оператор IF

Использование условного оператора в скриптах

Условный оператор switch

Использование условного оператора в скриптах

Операторы циклов

Использование оператора циклов в скриптах

Операторы циклов

Использование оператора циклов в скриптах

Работа с датой и временем

Использование встроенных функций получения и установки дат и времени при написании скриптов

Работа со строками

Использование встроенных функций для работы со строками при написании скриптов

Решение задач

6. Темы и наименование вопросов, выносимых на самостоятельную работу студентов (СРС) по учебной дисциплине

Тема предмета

№ СРС

Содержание СРС

Источники информации

Форма

отчёта о выполнении СРС

Срок выполнения (№ недели учебного семестра)

Основы HTML. Основные понятия, структура.

Основные теги HTML

1 стр. 5-16

Пользование справочником

Форматирование документа, символов, списки.

Теги форматирования

1 стр. 16-27

Тесты

Графика на web-странице, гиперссылки, таблицы.

Теги вставки изображений, ссылок

1 стр. 27-40

Карточка

Формы, основные элементы

Теги вставки элементов форм

2 стр. 317-331

Карточка

Основы CSS. Основные понятия.

Свойства css

1 стр. 77-88

Пользование справочником

Форматирование шрифта, текста, отступы, рамки.

Свойства форматирования

1 стр. 88-99

Пользование справочником

Фон элемента, списки, псевдостили гиперссылок

Свойства фона, псевдостилей

1 стр. 99-106

Пользование справочником

Основы JavaScript. Взаимодействие с пользователем

Alert, prompt, confirm

1 стр. 121-127

Карточка

Переменные, типы данных, операторы

Переменные, тип, операторы

1 стр. 127-138

2 стр. 193-205

Тесты

Функции

Синтаксис функций

2 стр. 212-215

Карточка

Условные операторы

Синтаксис условных операторов

1 стр. 149-156

Карточка

Циклы for, while, do..while

Синтаксис операторов цикла

1 стр. 156-160

Карточка

Дата. Представление и обработка

Встроенные функции получения и установки даты

1 стр. 182-186

Карточка

Работа со строками

Встроенные функции работы со строками

1 стр. 171-173

Карточка

Работа с числами, массивами

Встроенные функции работы с числами, массивами

1 стр. 170

1 стр. 173-180

Карточка

Использование математических функций

Встроенные математические функции

1 стр. 180-182

Карточка

7. Формы контроля успеваемости студентов

Контроль усвоения студентами учебного материала дисциплины в течение семестра осуществляется с помощью текущего, рубежного и итогового контролей.

Текущий контроль

Видами текущего контроля являются обязательное посещение и работа на лекционных занятиях, выполнение и сдача: СРС, лабораторно-практических работ, индивидуальных домашних заданий, работа по карточкам, проведение тестирования, устные ответы на экспресс-опросы на лекциях, ведение конспектов лекций.

Рубежный контроль

Проводится по материалам пройденных тем, модулей и др. и является одним из видов текущего контроля. В зависимости от содержания и общего объема учебной нагрузки по дисциплине, ее разделов, определяемых рабочей программой дисциплины, проводится рубежный контроль для промежуточной оценки знаний студентов по изучаемой дисциплине. Рубежный контроль проводится в виде проведения тестирования.

Итоговый контроль

Сессионный зачет и (или) экзамен предназначен для систематизации знаний студентов, целостного представления о дисциплине и взаимосвязях всех ее тем и разделов. Итоговый контроль проводится в форме зачета и экзамена. Обязательным условием для допуска к экзамену является выполнение всех предусмотренных заданий в программе. Пересдача экзамена на более высокую оценку не разрешается.

8. Политика курса

Не опаздывать на занятия. 2 опоздания на занятия приравниваются к одному пропуску.

Не разговаривать во время лекций.

Отключить сотовый телефон, не жевать резинку.

Не входить в аудиторию в верхней одежде.

Работы следует сдавать в указанные сроки.

Крайний срок сдачи всех заданий - за 3 дня до начала рубежного контроля.

Повторение темы и отработка пройденных материалов по каждому учебному занятию обязательны.

Посещение учащимися всех аудиторных занятий является обязательным, в случае отсутствия по уважительной причине предоставить справку.

Пропущенные занятия отрабатывать в определенное преподавателем время.

В случае невыполнения задания в установленные сроки итоговая оценка снижается на один балл.

9. Перечень рекомендуемой литературы и ТСО

Основная литература:

Прохоренок Н.А. - HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (Профессиональное программирование) - 2010
Дронов. В. HTML.5. CSS.3 и Web 2.0. Разработка современных Web-сайтов. БХВ-Петербург, 2011

Дополнительная литература:

Мержевич В.В. - Справочник по HTML. Версия 7.0 - 2011
Поисковые системы Internet

Технические средства обучения:

Персональный компьютер
Интерактивная доска

Краткий курс лекций

Раздел 1. HTML. Язык разметки гипертекста

Тема 1.1. Основы HTML. Основные понятия, структура.

Основные понятия. Первый HTML-документ. Структура документа. Раздел HEAD. Техническая информация о документе. Раздел BODY. Основная часть документа

Тема 1.2. Форматирование документа, символов, списки.

Форматирование отдельных символов. Выделение фрагментов текста. Создание нижних и верхних индексов. Вывод текста заданным шрифтом. Форматирование документа. Тег комментария. Перевод строки. Горизонтальная линия. Заголовки. Разделение на абзацы. Списки. Маркированные списки. Нумерованные списки. Списки определений

Тема 1.3. Графика на web-странице, гиперссылки, таблицы.

Графика. Изображение на Web-странице. Изображение в качестве фона. Гиперссылки. Внешние гиперссылки. Внутренние гиперссылки. Гиперссылки на адрес электронной почты. Таблицы. Вставка таблицы в документ. Заголовок таблицы. Строки таблицы. Ячейки таблицы

Тема 1.4. Формы, основные элементы

Web-формы и элементы управления HTML. Назначение Web-форм и элементов управления. Серверные приложения. Создание Web-форм и элементов управления. Создание Web-форм. Создание элементов управления. Поле ввода. Поле ввода пароля. Поле ввода значения для поиска. Область редактирования. Кнопка. Флажок. Переключатель. Список, обычный или раскрывающийся. Надпись. Группа. Прочие элементы управления

Вопросы для самоконтроля:

Структура документа
META-инструкции
Форматирование документа
Форматирование текста
Списки
Комменатрии
Вставка изображений
Использование гиперссылок
Вставка таблиц
Элементы управления форм

Практическая работа №1. Создание HTML-страниц

Цель занятия: Создать HTML-страницы, используя предложенный скриншот.

Объем: 2 часа

Практическая работа №2. Создание HTML-страниц

Цель занятия: Создать HTML-страницы, используя предложенный скриншот

Объем: 2 часа

Практическая работа №3. Использование графики на web-странице, ссылки

Цель занятия: Создать HTML-страницы, используя предложенный скриншот

Объем: 2 часа

Практическая работа №4. Создание форм

Цель занятия: Создать HTML-страницы с формами, используя предложенный скриншот

Объем: 2 часа

Литература:

Прохоренок Н.А. - HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (Профессиональное программирование) - 2010
Дронов. В. HTML.5. CSS.3 и Web 2.0. Разработка современных Web-сайтов. БХВ-Петербург, 2011

По итогам изучения раздела

Студенты должны знать:

Основные теги языка
Теги форматирования текста
Создание маркированных, нумерованных списков
Организационную структуру документов
Тег добавления изображений
Тег гиперссылок
МЕТА-инструкции
Элементы форм

Студенты должны уметь:

Создавать структуру документа
Применять основные теги языка
Использовать теги для форматирования документа
Применять МЕТА-инструкции
Вставлять изображения
Создавать списки
Применять гипперссылки

Раздел 2. Таблица каскадных стилей CSS

Тема 2.1. Основы CSS. Основные понятия.

Основные понятия. Способы встраивания определения стиля. Встраивание определения стиля в тег. Встраивание определения стилей в заголовок HTML-документа. Вынесение таблицы стилей в отдельный файл. Приоритет применения стилей. Единицы измерения в CSS

Тема 2.2. Форматирование шрифта, текста, отступы, рамки.

Форматирование шрифта. Имя шрифта. Стиль шрифта. Размер шрифта. Цвет шрифта. Жирность шрифта. Форматирование текста. Расстояние между символами в словах. Расстояние между словами. Отступ первой строки. Вертикальное расстояние между строками. Горизонтальное выравнивание текста. Вертикальное выравнивание текста. Подчеркивание, надчеркивание и зачеркивание текста. Изменение регистра символов. Обработка пробелов между словами. Отступы. Внешние отступы. Внутренние отступы. Рамки. Стиль линии рамки. Толщина линии рамки. Цвет линии рамки. Одновременное задание атрибутов рамки.

Тема 2.3. Фон элемента, списки, псевдостили гиперссылок

Фон элемента. Цвет фона. Фоновый рисунок. Режим повтора фонового рисунка. Прокрутка фонового рисунка. Положение фонового рисунка. Одновременное задание атрибутов фона. Списки. Вид маркера списка. Изображение в качестве маркера списка. Компактное отображение списка. Вид курсора. Псевдостили гиперссылок. Отображение ссылок разными цветами

Вопросы для самоконтроля:

Основные понятия CSS
Способы встраивания стилей
Свойства стилей

Практическая работа №5. Применение CSS

Цель занятия: Используя изученные свойства, применить стили CSS к HTML-странице

Объем: 2 часа

Практическая работа №6. Div-ная верстка

Цель занятия: Верстка сайта фиксированной ширины

Объем: 2 часа

Практическая работа №7. Div-ная верстка

Цель занятия: Верстка сайта резиновой ширины

Объем: 2 часа

Литература:

Прохоренок Н.А. - HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (Профессиональное программирование) - 2010

По итогам изучения раздела

Студенты должны знать:

Таблицу каскадных стилей
Основные свойства
Блочную верстку

Студенты должны уметь:

Применять CSS
Использовать элемент DIV
Создавать структуру сайта фиксированного дизайна
Создавать структуру сайта резинового дизайна

Раздел 3. Клиентский язык программирования JavaScript

Тема 3.1. Основы JavaScript. Взаимодействие с пользователем.

Основные понятия. Первая программа на JavaScript. Комментарии в JavaScript. Вывод результатов работы программы и ввод данных. Окно с сообщением и кнопкой OK. Окно с сообщением и кнопками OK и Cancel. Окно с полем ввода и кнопками OK и Cancel

Тема 3.2. Переменные, типы данных, операторы. Преобразование типов данных.

Переменные. Типы данных и инициализация переменных. Объявление переменных. Определение типа данных переменной. Операторы JavaScript. Математические операторы. Операторы сравнения. Операторы присваивания. Двоичные операторы. Оператор обработки строк. Приоритет выполнения операторов. Преобразование типов данных. Оператор получения типа typeof. Совместимость и преобразование типов данных

Тема 3.3. Функции.

Функции. Объявление функций. Функции и переменные. Локальные переменные. Вызов функций. Присваивание функций. Функциональный тип данных

Тема 3.4. Условные операторы.

Условные операторы. Выполнение блоков кода только при соответствии условию. Операторы сравнения. Оператор ветвления if…else. Проверка ввода пользователя. Оператор ? Проверка числа на четность. Оператор выбора switch

Тема 3.5. Циклы for, while, do..while.

Операторы циклов. Многократное выполнение блока кода. Цикл for. Цикл while. Цикл do…while. Оператор continue. Переход на следующую итерацию цикла. Оператор break. Прерывание цикла

Тема 3.6. Дата. Представление и обработка.

Встроенные классы JavaScript. Основные понятия. Класс Date. Получение текущей даты и времени. Вывод даты и времени в окне Web-браузера

Тема 3.7. Работа со строками.

Встроенные классы JavaScript . Основные понятия. Класс String. Обработка строк

Тема 3.8. Работа с числами, массивами.

Встроенные классы JavaScript . Основные понятия. Класс Number. Работа с числами

Тема 3.9. Работа с массивами.

Встроенные классы JavaScript. Основные понятия. Класс Array. Работа с массивами и их сортировка

Тема 3.10. Использование математических функций.

Встроенные классы JavaScript. Основные понятия. Класс Math. Использование математических функций

Тема 3.11. Написание сценариев JavaScript с использованием событий

События. Основные понятия. События мыши. События клавиатуры. События документа. События формы. Последовательность событий. Всплывание событий. Действия по умолчанию и их отмена. Написание обработчиков событий

Вопросы для самоконтроля:

Основные понятия JavaScript
Окна взаимодействия с пользователем
Инициализация переменных
Типы данных
Преобразование типов
Операторы
Объявление и вызов функций
Выполнение блоков кода только при соответствии условию
Многократное выполнение блока кода
Встроенные классы JavaScript
События. Основные понятия

Практическая работа №8. Простые скрипты на JS