МИНИСТЕРСТВО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ КРАСНОЯРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ПСИХОЛОГО-ПЕДАГОГИЧЕСКИЙ ФАКУЛЬТЕТ КАФЕДРА ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ ОБРАЗОВАНИЯ
Одобрено на заседании кафедры Декан психолого-педагогического факультета О.Г. Смолянинова ________ «___» _______________ 2003 г.
Программа составлена в соответствии с образовательными стандартами высшего профессионального образования по специальности «Психология»
«Утверждаю» декан психолого-педагогического факультета О.Г. Смолянинова _________________ «___» ______________ 2003 г.
Предназначена для специальности 020400 «Психология» очной формы обучения
WEB-ДИЗАЙН В ОБРАЗОВАТЕЛЬНЫХ ПРОЕКТАХ Рабочая программа дисциплины для специальности 020400 «Психология» психолого-педагогического факультета очной формы обучения Автор-составитель: Шмисс Т.Г.
Красноярск 2002
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА Целью специального курса «Web дизайн в образовательных проектах» является формирование у будущего специалиста совокупности знаний, умений и навыков работы с современными технологиями и подходами к созданию образовательных Интернет ресурсов. У студента необходимо сформировать умения и навыки, которые позволили им: во-первых, свободно ориентироваться в среде Интернет, и, во-вторых, создавать эффективные ресурсы в том числе для их использования компьютер и средства ИТ в своей профессиональной деятельности. Развитие технологий требует постоянной корректировки содержания курса исходя из современных требований к выпускнику ВУЗа. Поэтому будущий гуманитарий должен овладеть, прежде всего, основополагающими принципами создания ресурсов и уметь быстро адаптироваться на динамичном пространстве образовательных ресурсов Интернет. Содержание этой дисциплины основывается на изучении возможностей использования различных программных средств и технологий в практической реализации конкретных проектов, от разработки идеи до воплощения ее в готовом виде.
СОДЕРЖАНИЕ КУРСА
1 семестр Тема
Форма работы
Кол-во часов
Лекция
1
Практика
1
Практика
1
Практика
1
Практика
1
Практика
1
Практика
2
I. Введение в компьютерную графику. 1.
• • • •
«Аналоговые» и «цифровые» изображения. Методы представления изображений в цифровом формате. Графическое разрешение. Цветовые режимы: — bitmap, grayscale, RGB true color.
II. Растровая графика и работа в Adobe Photoshop 6.0. 1.
2. 3. 4. 5.
6.
Знакомство с рабочей областью Adobe Photoshop. Инструменты рисования Photoshop — карандаш, кисть, аэрограф, ластик, ведерко с краской, штамп, градиентная заливка. Цветовая палитра и использование пипетки. Изменение геометрических характеристик и разрешения изображения в Photoshop. Изменение размера холста. Кадрирование. Выделение фрагментов изображения средствами Photoshop. Коррекция изображений. Понятие слоя и работа со слоями в Photoshop. Отличие слоя заднего плана от прочих слоев. Разделение фрагментов изображения на слои и объединение слоев. Особенности оптимизации изображений для глобальных компьютерных сетей. Использование Adobe ImageReady для создания анимации и оптимизации графики для WEB.
III. Векторная графика. Приемы использования векторного редактора для проектирования дизайна сайта. 1. 2. 3.
Редактор векторной графики Corel Draw: изучение палитры инструментов и рабочей области программы. Использование линеек, направляющих, сетки. Рисование графических примитивов. Выбор цвета и толщины и стиля обводки элемента, выбор заливки. Использование цветовой палитры.
Практика
1
Практика
1
Практика
2
4.
Работа с узлами: типы узлов; преобразование типов узлов; изменение кривизны сегментов. 5. Художественный текст и текст во фреймах в Corel Draw. Размещение текста вдоль (внутри) контура. 6. Использование лупы. Изменение порядка расположения объектов на экране. Выравнивание и размещение объектов. 7. Особенности импорта и экспорта документов в (из) Corel Draw. IV. Проектирование школьного Web-сайта 1. Определение цели и предназначения создаваемого сайта. Выбор аудитории. 2. Важные аспекты создания сайта: • проектирование структуры сайта; • проектирование графического интерфейса; • выбор способа представления информации (одностраничный, табличный, фреймы). 3. Выбор браузера, определение платформы хостинга. Основные требования к именам файлов и папок, входящих в сайт. V. Создание Web-страниц средствами DreamWeaver 1. Сайт. Удобства и недостатки работы с Сайтом. Создание Сайта. Открытие существующего Сайта. 2. Основные режимы просмотра DreamWeaver. 3. Создание новой Web-страницы. Сохранение Web-страниц. Удаление web-страниц. 4. Настройка атрибутов Web-страницы. 5. Основные приемы работы с текстом: • ввод и редактирование текста во DreamWeaver; • импорт текста; • вставка специальных элементов текста (вставка символов, комментариев, разрыва строки, горизонтальных линий); • поиск, замена и проверка правописания. 6. Форматирование символов и абзацев средствами DreamWeaver. Использование шрифтов, выравнивание текста. 7. Работа со списками. Создание сжимающихся списков. 8. Краткий обзор каскадных таблиц стилей:
Практика
1
Практика
1
Практика
1
Практика
1
Практика
1
Практика
2
Практика
1
Практика
1
Практика
1
Практика
1
Практика
1
Практика
1
Практика
1
Практика
1
Практика
2
основы CSS; браузеры, поддерживающие CSS; правила размещения CSS; создание CSS с помощью DreamWeaver. 9. Добавление графики на Web-страницах: • вставка изображения на Web-страницу; работа с ClipArt; • настройка свойств изображений; • обтекание текстом. Добавление файлов мультимедиа. 10. Работа с таблицами: • создание таблиц; • редактирование таблиц (добавление (удаление) строк, столбцов; объединение (разбиение) ячеек); • настройка свойств таблицы, ячеек. 11. Работа с гиперссылками: • виды гиперссылок; • создание, редактирование и удаление гиперссылок; • использование закладок; • создание ImageMap. 12. Компоненты DreamWeaver. 13. Создание и применение форм. 14. Создание динамических эффектов средствами DreamWeaver. VI. Создание Web-сайта 1. Создание эскиза Web-страниц. 2. Подготовка текстов и графики для сайта. 3. Создание html-шаблона. 4. Информационное наполнение шаблонов Webстраниц. 5. Сборка сайта. 6. Тестирование сайта. Итого • • • •
Практика
2
Практика
3
Практика
1
Практика Практика
1 1
Практика
2
Практика Практика Практика
2 4 2
Практика
3
Практика Практика
3 1 54
УЧЕБНО-МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ КУРСА
Список литературы 1. .Дж. Тарин Тауэрс Macromedia Dreamweaver MX для Windows и Macintosh. – М.: ДМК, 2003. 2. Джозеф В. Ловери Dreamweaver MX. Библия пользователя. –М.: Диалектика, 2003. 3. Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова. – СПб: Символ-Плюс, 1999. 4. Нанс Б. Компьютерные сети. – М.: Бином, 1996. 5. Рассохин Д., Лебедев А.Г. World Wide Web - всемирная информационная паутина в сети Internet: Практ. рук-во. – М.: МГУ, 1995. 6. Уваров А.Ю., Барлей Дж. Изучение русского языка как иностранного и проект "Школьная электронная почта" // Русский язык за рубежом. - №6. – М., 1990. 7. Хан Х. Желтые страницы Internet. Международные ресурсы. - СПб: Питер Пресс, 1996. 8. Журнал «Информатика и образование», 1997-2002 гг. 9. Газета «Информатика», приложение к газете «Первое сентября»
WEB-дизайн в образовательных проектах Составители: Шмисс Тигран Гамлетович.
Тиражируется на электронных носителях Заказ 352 Дата выхода 28.02.05 Адрес в Internet: www.lan.krasu.ru/studies/editions.asp Отдел информационных ресурсов управления информатизации КрасГУ 660041 г. Красноярск, пр. Свободный, 79, ауд. 22-05, e-mail:
[email protected]
Издательский центр Красноярского государственного университета 660041 г. Красноярск, пр. Свободный, 79, e-mail:
[email protected]
