ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

Федеральное государственное образовательное учреждение высшего профессионального

образования

«СИБИРСКИЙ ФЕДЕРАЛЬНЫЙ УНИВЕРСИТЕТ»

ПОЛИТЕХНИЧЕСКИЙ ИНСТИТУТ

СФУ

УТВЕРЖДАЮ

Заведующий кафедрой Н. В. Соснин «_»2007 г.

Кафедра «Инженерная и компьютерная графика»

ДИПЛОМНАЯ РАБОТА

СОЗДАНИЕ ЭЛЕКТРОННОГО УЧЕБНО-МЕТОДИЧЕСКОГО

ПОСОБИЯ ПО ДИСЦИПЛИНЕ «WEB - ДИЗАЙН» В РАМКАХ

НАПРАВЛЕНИЯ ЭЛЕКТРОННОЙ ПЕДАГОГИКИ

Пояснительная записка Руководитель проекта / А. А. Воронин / Разработал студент / М. В. Кузеванова / Консультант по экономической части / И. В. Самотокина/ Консультант по безопасности и экологии производства /Т. В. Игнатенко/

ЗАДАНИЕ

по дипломному проектированию студенту Кузевановой М.В.

гр. ИП 132- 1. Тема проекта «Создание электронного учебно-методического пособия по дисциплине «Web-дизайн», в рамках направления электронной педагогики»

2. Утверждена приказом по КГТУ № 1534 _ от _15.05.2007 г._ 3. Срок сдачи студентом законченного проекта _ 10.06.2007 г. 4. Исходные данные к проекту задание кафедры «Инженерная и компьютерная графика».

5. Содержание расчетно-пояснительной записки (перечень подлежащих разработке вопросов):

- Провести обзор и анализ информационных материалов;

- Провести обзор рекомендации по созданию и разработке электронного учебного пособия;

- Разработать электронное учебно-методическое пособие по дисциплине «Web-дизайн»;

- Провести расчет безопасности и экологичности проекта;

- Провести расчет сметной стоимости проекта.

6. Перечень графического материала:

СD диск с электронным учебно-методическим пособием по дисциплине «Web-дизайн»

Изм Лист № докум. Подпись Дата Разраб. Лит. Лист Листов Кузеванова М. Дипломная работа на тему «Создание Руководит. Воронин А.А. электронного учебно-методического пособия по ю дисциплине «Web-дизайн», в рамках направления 250100 ДФ 050501.65.04.00 СФУ ПЗ ПИ Д 03 ИП132- Н.Контр. Редькин В. Ф. электронной педагогики» Пояснительная записка Утв. Соснин В.Н.

КАЛЕНДАРНЫЙ ГРАФИК

работа над проектом на весь период проектирования (с указанием сроков выполнения и трудоемкости отдельных этапов) 1 Получение задания для разработки, в рамках дипломного проекта 14.02.2007 г.

2 Анализ собранных материалов 14.02.2007 г. – 28.02.2007 г.

3 Информационно-аналитический этап 28.02.2007 г. – 04.04.2007 г.

4 Безопасность и экологичность проекта 04.04.2007 г. – 18.04.2007 г.

5 Работа над экономической частью проекта 18.04.2007 г. – 25.04.2007 г.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Тема дипломной работы: «Разработка электронного учебнометодического пособия по дисциплине «Web-дизайн», в рамках направления требования электронной педагогики, рассмотрено понятие педагогического Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Введение

1 Обзор и анализ информационных материалов

1.1 Информационно - образовательная среда

1.2 Электронная педагогика

1.2.1 Место электронной педагогики среди педагогических наук

1.2.2 Предмет электронной педагогики

1.2.3 Цель образования

1.2.4 Содержание обучения

1.2.4 Обучающиеся

1.2.5 Обучающие

1.2.6 Учебный процесс электронной педагогики

1.3 Педагогический дизайн

2 Рекомендации по созданию и разработке электронного пособия................. 2.1 Основные требования, предъявляемые к электронным пособиям............. 2.2 Дидактические требования

2.3 Общие требования к пользовательскому интерфейсу

Подпись и дата 2.4 Элементы управления

3 Разработка электронного пособия

3.1 Обзор учебной литературы

3.2 Устройство Web-сайта

3.3 Дизайн электронного пособия

Взам. инв. № Инв. № дубл.

4 Безопасность и экологичность проекта

Введение

экологическое состояние помещений

оборудования

4.3 Организация трудового процесса. Техническая эстетика

4.4 Производственная санитария

Подпись и дата 4.4.1 Микроклимат помещения

4.4.2 Освещение

4.4.3 Энергетическое воздействие и защита от них

4.5 Обеспечение взрывопожарной безопасности проекта

4.6 Экологическая безопасность проекта

Инв. № подл.

Заключение

5 Сметная стоимость проекта

5.1Амортизация основных средств

5.2Заработная плата разработчика

5.2.1 Основная заработная плата

5.2.1 Дополнительная заработная плата

5.3Отчисления на социальные нужды

5.4Электрическая энергия

5.5Косвенные затраты

Заключение

Список используемых источников

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

мультимедийные пособия. Тем более это актуально для инженернопедагогического факультета, а в особенности для специальности 030500. Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Предметом исследования является создание электронного учебнометодического пособия по данной дисциплине.

Цель данной дипломной работы: Разработать электронное учебнометодическое пособие по дисциплине «web-дизайн», в соответствии с Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

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

Инв. № подл.

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

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

плюс ее обеспечение, т.е. подсистемы материально-техническая, финансовоэкономическая, нормативно-правовая, управленческая и маркетинговая /3/.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

комплексно использовать источники информации (Интернет, телеи радиопередачи, научную и учебную литературу, периодическую Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

традиционных требований, предъявляемых преподавателю, и специфических Подпись и дата Инв. № подл.

Подпись и дата особенно невербальные средства общения: экспрессивно-выразительные Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

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

Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата учебно-методическая поддержка учебного процесса. В первую очередь, это разработка учебных курсов. По каждому предполагаемому курсу готовится Подпись и дата Взам. инв. № Инв. № дубл.

использования в различных технологических средах (обучение face-to-face, Подпись и дата Инв. № подл.

отношении студентов, слушателей, аспирантов, докторантов, обучающихся Подпись и дата Взам. инв. № Инв. № дубл.

включать также аспирантов, докторантов, студентов-стажеров, методистов, В составе кафедры могут быть образованы лаборатории, научноисследовательские группы и другие подразделения, которые могут быть Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

индивидуальным предпочтениям пользователей (реализация адаптивности Подпись и дата Взам. инв. № Инв. № дубл.

предметной областью курса; необходимо знание психолого-педагогических Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

мышления: теоретическое образное, практическое нагляднообразное и практическое наглядно-действенное. Новые технологии Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

PC-совместимых персональных компьютеров. Рассматриваются возможности Подпись и дата Взам. инв. № Инв. № дубл.

сканирование, графические редакторы Photoshop и Flash, а также HTML основной язык разработки Web-страниц. В приложении приводятся Подпись и дата Инв. № подл.

Сайт - это набор из нескольких десятков, сотен или даже тысяч Webстраниц, связанных вместе единой темой, общим оформлением, взаимными Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

в зависимости от настроек экрана, такой принцип компоновки htmlдокумента можно назвать динамическим.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата через светопроемы, ориентированные преимущественно на север и северовосток.

Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Освещение компьютерного класса соответствует санитарно гигиеническим нормам. Световой коэффициент помещения составил Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Дисплеи персональных компьютеров, выполненные на электроннолучевых трубках (ЭЛТ), являются потенциальными источниками рентгеновского, ультрафиолетового (УФ), инфракрасного (ИК), видимого, Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Таблица 5.1 – Смета затрат на создание электронного учебнометодического пособия по дисциплине «Web - дизайн»

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

специальности 030500.04 «Профессиональное обучение. (Дизайн)». Данное Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

18 Баранов, Д.В. Построение эффективного взаимодействия с Webсайтом. HTML.CSS: учебное пособие / Д.В. Баранов. – Томск.: ИДО Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

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

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата разработкой структуры Web-сайта и созданием Web-страниц и Webанимации, отвечающих современным требованиям подготовки Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата искусства (реализм, модернизм, постмодерн, масскультура). Особенности Инв. № подл.

Ремесленное производство и художественно-конструкторская деятельность в Подпись и дата комбинаторика; стилизация, колористика (натюрморт, пейзаж, портрет и т.д.).

Средства графического дизайна; организация пространства из предметовВзам. инв. № Инв. № дубл.

тональных). Проектирование средств визуальных коммуникаций, комплексная Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

назначение и суть. Структура сайта. Наполнение сайта. Особенности WebПодпись и дата Взам. инв. № Инв. № дубл.

списками. Размещение и форматирование текстовой информации на Webстранице. Создание и размещение заголовков различного уровня. Логические и Подпись и дата Инв. № подл.

Интернет. Организация гиперссылок. Виды гиперссылок. Внутридокументные Web-серверы: Назначение, принцип работы, виды серверов. Публикация Webсайта в Интернете и регистрация его в поисковых системах и тематических Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

7 Домненко М.В., Бурсов М.В. Создание образовательных Интернетресурсов. – СПб.: СПбГИТМО(ТУ), 2002 – 345с.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.

Подпись и дата Взам. инв. № Инв. № дубл.

Подпись и дата Инв. № подл.