федеральное агенство по образованию - Санкт

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
Государственное образовательное учреждение
среднего профессионального образования
«Санкт-Петербургский промышленно-экономический колледж»
РАБОЧАЯ ПРОГРАММА
дисциплины «WEB - ДИЗАЙН»
для специальности 080501.51 Менеджмент (по отраслям)
Максимальная нагрузка по дисциплине
Всего часов на дисциплину
Занятия на уроках
Лабораторно-практические занятия
Самостоятельная работа
Санкт-Петербург
2010
- 77
- 56
- 26
- 30
- 21
Составлена в соответствии с Государственными требованиями к минимуму содержания и
уровню подготовки выпускников по специальности 080501.51 Менеджмент (по отраслям).
УТВЕРЖДЕНА
Научно-методическим
советом колледжа
«30» августа 200 г.
Зам. директора по НМР
РАССМОТРЕНО И ОДОБРЕНО
на заседании цикловой комиссии
“Вычислительной техники”
Протокол №__1__от_г.
Председатель комиссии
___________Т.Н. Ершова
________________Федорченко В.Н.
Автор:
Рецензенты:
Карповец Г.Н.
-
Жукова Г.В.
-
Парфенова Л.В.
-
преподаватель Санкт-Петербургского
промышленно-экономического колледжа
преподаватель Санкт-Петербургского
промышленно-экономического колледжа
председатель ЦМК Информационных
технологий, преподаватель высшей
категории СПб киновидеотехнического
колледжа
Рабочая программа переутверждена на _________/__________ учебный год без изменений и
дополнений
Зам.
Директора
по
УМР____________________,
протокол
№________
от
«_____»__________год.
Рабочая программа переутверждена на _________/__________ учебный год без изменений и
дополнений
Зам.
Директора
по
УМР____________________,
протокол
№________
от
«_____»__________год.
Рабочая программа переутверждена на _________/__________ учебный год без изменений и
дополнений
Зам.
Директора
по
УМР____________________,
протокол
№________
от
«_____»__________год.
Рабочая программа дисциплины
«WEB-Дизайн», спец. 080501.51
2
1. ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Учебная дисциплина «WEB-Дизайн» относится к дисциплинам по выбору
цикла специальных дисциплин и введена с целью обеспечения большей
конкурентоспособности выпускников специальности 080501.51 Менеджмент
(по отраслям) на региональном рынке труда.
Учебная дисциплина «WEB-Дизайн»
студентами
навыков
создания
WEB
предназначена для овладения
страниц
с
помощью
средств
гипертекстовой разметки текста HTML, редактирования, придания страницам
современного
динамического
вида,
а
также
умения
создавать
представительские презентации различных характеров, сопровождающиеся
сменой кадров в окне.
Дисциплина тесто связана с изученными ранее учебными дисциплинами
«Информатика» и
«Информационные технологии в профессиональной
деятельности» и логично продолжает их дальнейшее развитие.
Рабочей
программой
дисциплины
предусмотрено
выполнение
достаточно большого количества практических работ, а также задания для
внеаудиторной самостоятельной работы студентов.
Изучение дисциплины завершается дифференцированным зачетом.
Рабочая программа дисциплины
«WEB-Дизайн», спец. 080501.51
3
2. ТЕМАТИЧЕСКИЙ ПЛАН
4
2
2
Тема 2. Создание WEB-страниц.
Основные сведения
2
2
2
Тема 3. Язык разметки страниц
средствами НТМL
69
52
22
30
19
77
56
26
30
21
Итого
Лаборатор
ные
работы
всего
Тема 1. Основные сведения об
Интернет
Наименование разделов и тем
лекции
Максмиальная
нагрузка
В том числе по видам
занятий
Самостоятельные
работы
Количество часов
2
4
Рабочая программа дисциплины
«WEB-Дизайн», спец. 080501.51
3. СОДЕРЖАНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ
Тема 1. Основные сведения об Интернет
Студент должен знать:
- понятие Интернет и Всемирной паутины;
- виды программных и аппаратных средств Интернет.
Содержание учебного материала:
Понятие Интернет. Основные компоненты Интернет. Аппаратное и программное
обеспечение для подключения. Поставщик услуг.
Самостоятельная работа. Подбор материала о различных навигаторах в Интернет и их
отличительных характеристиках.
Тема 2. Создание WEB-страниц. Основные сведения
Студент должен знать:
- средства создания страниц в Интернете и их характеристики.
Содержание учебного материала:
Обзор средств HTML. Что такое HTML. Ограничения языка. Инструменты для
создания и редактирования HTML-документов.
Тема 3. Язык разметки страниц средствами НТМL
Студент должен знать:
- структуру документов, созданных с применением языка гипертекстовой разметки
HTML.
Студент должны уметь:
- создавать Web-страницу с применением навыков форматирования текста,
вставкой рисунков, придания динамичного вида странице;
- ввести художественное оформление страницы, пользоваться гиперссылками для
продвижения по страницам;
- графически создавать таблицы для иллюстративного отображения различных
видов данных;
- создавать фреймовую структуру, пользоваться ею для создания различного вида
презентаций;
- придавать определенный стиль информации на странице, пользоваться для его
создания каскадными таблицами стилей;
- работать с кнопочными формами представления информации.
Содержание учебного материала:
Структура документа. Форматирование текста. Создание списков, различные
структуры списков. Элементы управления цветом. Создание гиперссылок, создание ссылок
на документы и файлы. Вставка рисунков в документы. Создание таблиц и форматирование.
Разделение страницы на фреймы. Создание фреймовой структуры в окне редактора.
Создание форм. Применение каскадных таблиц стилей.
Лабораторные работы:
1. Простейшее форматирование вводимого текста.
2. Создание различных типов списков.
3. Вставка рисунков в текст.
4. Создание таблицы по индивидуальному заданию.
5
Рабочая программа дисциплины
«WEB-Дизайн», спец. 080501.51
5. Создание фрейма.
6. Создание фреймовой структуры.
7. Работа с тегами<input>,<button>.
8. Создание раскрывающегося списка.
9. Использование тега <,form>.
10. Использование каскадных таблиц стилей.
11. Применение нескольких каскадных таблиц стилей.
12. Реализация динамических эффектов с помощью каскадных таблиц.
13. Создание Weв страницы.
14. Создание Weв страницы.
15. Создание Weв страницы.
Самостоятельная работа:
1. Прописать страницу в тегах для создания справочной таблицы.
2. Создать макет страницы для создания сложных форм списка с цветным оформлением
страницы.
3. Разработать макет таблицы со вставками рисунков и оформлением ячеек таблиц
разными способами.
4. Разработать макет страницы со вставками рисунков, их разным размещением по
листу.
5. Прописать тегами структуру страницы с созданием гиперссылок.
6. Создать макет фреймовой структуры.
7. Создать макет справочного листа в тегах с использованием фреймовой структуры
построения страницы.
6
Рабочая программа дисциплины
«WEB-Дизайн», спец. 080501.51
4. ВОПРОСЫ ДЛЯ ПОДГОТОВКИ К ЗАЧЕТУ
1. Структура HTML файла.
2. Физические и логические стили форматирования текста.
3. Теги форматирования размеров символов.
4. Придание определенного типа шрифта.
5. Создание нумерованных списков.
6. Создание маркированных списков.
7. Создание вложенных списков.
8. Типы заголовков.
9. Понижение и повышение размеров символов.
10. Создание индексов.
11. Фоновое представление страниц.
12. Вставка рисунков на странице, редактирование их.
13. Положение рисунков относительно других элементов.
14. Вставка таблиц, изменение их структуры и размеров.
15. Предварительное форматирование в текстовом редакторе.
16. Текстовые ссылки.
17. Графические и комбинированные ссылки.
18. Внутренние ссылки.
19. Понятие фрейма.
20. Деление окна на кадры.
21. Использование фреймовой структуры для создания презентаций.
22. Использование тега <input>.
23. Раскрывающийся список: тег<select>.
24. Контейнерный тег <form>.
25. Кнопка: тег<button>.
26. Встраиваемые таблицы стилей.
27. Применение нескольких таблиц стилей.
28. Каскадные таблицы стилей.
7
Рабочая программа дисциплины
«WEB-Дизайн», спец. 080501.51
5. ЛИТЕРАТУРА
Основная:
1. В.Дунаев "HTML скрипты и стили". - С-Пб: БXВ-Петербург, 2005г.
2. Марк Р. Браун. Netscape 3 в подлиннике. – СПб: BHV-С-Петербург, 1997г.
3. Новиков Ю. Персональные компьютеры, аппаратура, системы, Интернет. – СПб:
БXВ-Петербург, 2002г.
Дополнительная:
1.
2.
3.
4.
5.
Петюшкин А.В. НTML в Web- дизайне. - СПб: БХВ-Петербург, 2005г.
Смирнова И.Е. Начало Web- дизайна. - СПб: БXВ-Петербург, 2005г.
Хольцшлаг М. 250 секретов НTML и Web- дизайна . – М.: НТ Пресс, 2006г.
Хестер Н. Создание Web страниц в Dreamweaver. - М.: Пресс, 2005г.
Интернет. Энциклопедия. /Под ред. Л. Мелиховой. – СПб: Питер, 2001.