МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

Федеральное государственное бюджетное образовательное учреждение

высшего профессионального образования

«КАРЕЛЬСКАЯ ГОСУДАРСТВЕННАЯ ПЕДАГОГИЧЕСКАЯ АКАДЕМИЯ»

Факультет Физико-математический

Кафедра Информатики

УТВЕРЖДАЮ

Декан факультета Богданов С.Р.

«»20 г.

РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ (МОДУЛЯ)

Основы web-дизайна В составе основной образовательной программы по подготовке бакалавра (бакалавра/магистра) по направлению 050100.62 – педагогическое образование Профиль/профили информатика Форма/формы обучения очная Курс 2, семестр 4.

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

Учебные занятия Форма итоговой аттестации Практические Семестр (зачет, Всего Лабораторные Самостоятельная Лекции (семинарские) зачет с часов занятия работа студентов занятия оценкой, экзамен) Зачет 4 72 36 Петрозаводск Рабочая программа составлена на основании Федерального государственного образовательного стандарта высшего профессионального образования по направлению подготовки бакалавров 050100.62 – педагогическое образование Рабочая программа разработана на основе (с использованием):

типовой программы, утвержденной УМО Разработчик(и) программы:

преподаватель Радионова А.В.

«_» 20 г. _ Рабочая программа обсуждена и утверждена на заседании кафедры информатики, протокол № 1 от 29.09. Заведующий кафедрой доцент Дубровская Д. И.

«_» 20 г. _ (подпись) Настоящая программа не может быть использована другими вузами или подразделениями КГПА без разрешения разработчика программы.

1. Цели освоения дисциплины (модуля) Целью изучения дисциплины «Основы web-дизайна» является формирование знаний, умений и навыков по применению технологий web-дизайна сайтов, как в период обучения, так и в дальнейшей профессиональной деятельности.

2. Место дисциплины (модуля) в структуре ООП соответствующего направления, Дисциплина «Основы web-дизайна» относится к вариативной части цикла (Б2.ДВ1) математических и естественнонаучных дисциплин.

Требования к входным знаниям, умениям и компетенциям студента формируются на основе программы среднего (полного) общего образования по информатике и информационным технологиям (базовый уровень) и дисциплины «Программирование (JavaScript)».

3. Требования к результатам освоения учебной дисциплины (модуля) Процесс изучения данной учебной дисциплины (модуля) направлен на формирование следующих компетенций:

Владеет культурой мышления, способен к обобщению, анализу, восприятию информации, постановке цели и выбору путей е достижения (OK-1).

Способен понимать значение культуры как формы человеческого существования и руководствоваться в своей деятельности современными принципами толерантности, диалога и сотрудничества (ОК-3).

Способен логически верно строить устную и письменную речь (ОК-6) Готов использовать основные методы, способы и средства получения, хранения, переработки информации, готов работать с компьютером как средством управления информацией (ОК-8).

Способен работать с информацией в глобальных компьютерных сетях (ОК-9).

владеет одним из иностранных языков на уровне, позволяющем получать и оценивать информацию в области профессиональной деятельности из зарубежных источников (ОК-10).

Готов использовать нормативные правовые документы в своей деятельности (ОК-13).

Готов к толерантному восприятию социальных и культурных различий, уважительному и бережному отношению к историческому наследию и культурным традициям (ОК-14).

Осознает социальную значимость своей будущей профессии, обладает мотивацией к осуществлению профессиональной деятельности (ОПК-1).

Способен нести ответственность за результаты своей профессиональной деятельности (ОПК-4).

Способен к подготовке и редактированию текстов профессионального и социально значимого содержания (ОПК-6).

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

Готов к обеспечению компьютерной и технологической поддержки деятельности обучающихся в учебно-воспитательном процессе и внеурочной работе (СК-5).

Способен использовать современные информационные и коммуникационные технологии для создания, формирования и администрирования электронных образовательных ресурсов (СК-6).

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

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

- об основных возможностях языка CSS;

- об основных принципах web-дизайна;

знать:

- основные теги языка HTML;

- виды селекторов;

- типы таблиц стилей;

- основные свойства языка CSS;

уметь:

- проектировать и создавать web-документы средствами языка HTML;

- проектировать дизайн сайта;

- разрабатывать CSS-макеты;

- осуществлять выбор средств и методов для решения поставленных задач.

4.3. Содержание практических, лабораторных и других видов занятий 1. Элементы языка HTML.

Структура HTML-документа. Форматирование текста. Списки (нумерованный, маркированный, определяемый).

2. Размещение рисунков на Web-странице.

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

3. Размещение таблиц на Web-странице.

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

Изменение структуры таблицы путем объединения ячеек. Создание заголовка таблицы и заголовочных ячеек.

4. Создание формы, добавление гиперссылок.

Создание формы со следующими элементами: текстовое поле, поле с паролем, переключатель, флажок, кнопка, текстовая область, список. Применение тега с атрибутами name или href для создания ссылок или якоря.

5. Использование языка CSS.

Типы таблиц стилей. Правила языка CSS.

6. Работа с цветом и изображениями с использованием языка CSS.

Способы задания цвета. Задание цвета текста и фона, присоединение фонового изображения, управление заполнением фона.

7. Стилизация текста.

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

8. Виды селекторов.

Селекторы классов, потомков (контекстные), дочерних элементов, идентификаторов, псевдоэлементов. Группировка и наследование селекторов.

9. Эффекты ссылок, списки.

Модификация стиля различных состояний ссылок. Несколько стилей ссылок с использованием селекторов классов и селекторов потомков. Стилизация списков.

10. Создание панели навигации.

11. Поля, границы и отступы.

Исследование блочной модели. Использование полей. Стилизация границ, отступов.

12. Позиционирование, плавающее размещение и z-индекс.

Абсолютное позиционирование относительно корневого элемента, относительно другого блока. Относительное позиционирование. Фиксированное позиционирование.

Плавающие элементы. Z-индекс.

13. CSS-макеты.

Реализация различных css-макетов: макеты с выравниванием по центру, трехколоночный макет с обрамляющими столбцами фиксированной ширины и внутренним столбцом плавающей ширины, трехколоночный макет с шапкой и нижним колонтитулом, смешанные макеты.

14. Управление видом отображения элемента.

15. Создание выпадающего меню.

16. Элементы CSS3.

Интерактивные формы работы: работа с электронным образовательным ресурсом, творческие задания.

5. Учебно-методическое обеспечение самостоятельной работы студентов.

Оценочные средства для текущего контроля успеваемости и промежуточной аттестации по итогам освоения дисциплины Самостоятельная работа студентов состоит в проработке теоретического материала, подготовке к лабораторным занятиям. Для организации самостоятельной работы студентов при изучении курса, используется электронный образовательный ресурс «Каскадные таблицы стилей», это позволяет студентам осваивать учебный материал в индивидуальном режиме.

Зачет проводится в форме защиты проекта дизайна сайта.

6. Учебно-методическое и информационное обеспечение дисциплины (модуля) Основная литература:

1. Хольцшлаг М. Языки HTML и CSS: для создания web-сайтов: офиц. учеб. курс:

Учебное пособие. – М.: ТРИУМФ, 2006. – 304 с.

2. Дуванов, А. А. CSS: кратко о самом главном. – М.: Чистые пруды, 2009. – 32 с.

3. Меняев, М. Ф. Информатика и основы программирования. – Москва: Омега-Л, 2007. – 4. Тиге Дж.К. DHTML и CSS. – М.: ДМК Пресс, 2003 г. – 558 с.

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

1. Холмогоров В. Основы Web–мастерства. Учебный курс. — СПб: Питер, 2001. — 352 с.

2. Коржинский С.Н. Настольная книга Web–мастера: эффективное применение HTML, CSS и JavaScript. М.: Издательский дом «КноРус», 2000. — 320 с.

3. Храмцов П.Б., Брик С.А., Русак А.М., Сурин А.И. Основы web-технологий. М.:

БИНОМ. Лаборатория знаний, 2007. – 376 с.

Программное обеспечение и Интернет-ресурсы:

Текстовый редактор Цифровые книги по теме HTML и CSS. – http://htmlbook.ru/books.

7. Материально-техническое обеспечение дисциплины (модуля) Компьютерный класс, оборудованный для проведения практических работ средствами оргтехники, персональными компьютерами, объединенными в сеть с выходом в Интернет Набор лабораторных работ.

Электронный образовательный ресурс «Каскадные таблицы стилей» (размещен на сайте кафедры http://kspu.karelia.ru/kafinfor/ в разделе «Ресурсы»).

8. Изменения в рабочей программе после ее утверждения Изменен титульный 13.09.2011, прот. №1 Дубровская Д.И. Богданов С.Р.

лист рабочей программы в связи с переименованием вуза на ФГБОУ ВПО «Карельская государственная педагогическая академия»

Обновлен список 13.09.2011, прот. №1 Дубровская Д.И. Богданов С.Р.

литературы