Создание электронного учебника в dreamweaver
Основные настройки электронного учебника
На вкладке Параметры сайта можно установить основные настройки электронного учебника.
Заголовок сайта, подзаголовок - отображается в шапке электронного учебника.
Заголовок списка страниц - надпись над содержанием в сайдбаре.
Подвал - отображается в нижней части учебника.
Параметры электронного учебника:
Подобные документы
Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.
дипломная работа [86,7 K], добавлен 25.03.2013
Возможность работы с текстовыми редакторами только для создания небольших WEB-страниц. Теория Web-дизайна и его история. Редактор DreamWeaver, его особенности. Основные требования, предъявляемые к Web-странице. Предпосылки возникновения DreamWeaver.
курсовая работа [576,1 K], добавлен 12.06.2009
Теоретический обзор по проблеме создания web-сайта "Конфликты в организации". Анализ информационных ресурсов и сервисов. Характеристика методов исследования конфликтов в организациях. Программный пакет Macromedia Dreamweaver для создания web-сайтов.
дипломная работа [1,7 M], добавлен 22.06.2015
Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.
методичка [1,9 M], добавлен 06.07.2011
Общая характеристика языка разметки гипертекста Hypertext Markup Language. Структура HTML-документа. Обзор основных возможностей HTML. Элементы современного дизайна Web-страниц. Анализ практического применения HTML (на примере обучающих программ).
курсовая работа [47,9 K], добавлен 24.11.2012
Обзор программ для создания Web-страниц; сравнительный анализ Macromedia Dreamweaver и Front Page. Процесс создания современного сайта; оценка экономической целесообразности использования компьютера. Охрана труда оператора компьютерного набора и верстки.
дипломная работа [84,2 K], добавлен 07.07.2010
Рассмотрение визуального HTML-редактор Dreamweaver. Определение структуры сайта ООО "Фаст Студия". Содержание страниц "Главная", "Портфолио", "Контакты". Теги форматирования текста и способы его оформления с использованием подключаемых таблиц CSS.
В своей курсовой работе я рассмотрела одну из сторон процесса информатизации общества и образования – создание и использование на практике одной из форм обучения с использованием средств новых информационных технологий – электронного учебника. В ней исследуются возможности средств новых информационных технологий, условия, необходимые для их успешного использования, рассматривается и анализируется прикладное программное обеспечение необходимое для создания и дальнейшего использования электронных учебников. Кроме этого, описываются все этапы создания подобных электронных приложений с учетом специфики конкретного учебного предмета (информатики).
Содержание
ВВЕДЕНИЕ………………………………………………………………………..4
ГЛАВА 1 ЭЛЕКТРОННЫЙ УЧЕБНИК КАК ЭЛЕМЕНТ ОБРАЗОВАТЕЛЬНОЙ СРЕДЫ…………………………………………………6
Понятие электронного учебного пособия…………………………………. 6
1.2. Основные формы электронного учебника…………………………………7
1.3 Виды электронных учебных изданий………………………………………10
1.4 Объективная необходимость создания электронного учебника………14
ГЛАВА 2 ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ ЭЛЕКТРОННОГО УЧЕБНИКА, С ПОМОЩЬЮ ПРОГРАММЫ ADOBE DREAMWEAVER CS6 / CS3….17
2.1 Программа Dreamweaver – как средство создания электронного учебника………………………………………………………………………….17
2.2 Основные этапы и принципы, которыми следуют руководствоваться при создании ЭУ, использую программу Dreamweaver…………………………. 18
2.3 Методические разработки по созданию электронного учебника………..21
ГЛАВА 3 МЕТОДИКА ПРИМЕНЕНИЯ ЭЛЕКТРОННОГО УЧЕБНИКА ПО ДИСЦИПЛИНЕ «ИСТОРИЯ ПЕДАГОГИКИ И ФИЛОСОФИЯ ОБРАЗОВАНИЯ»…………………………………………………………..…24
ЗАКЛЮЧЕНИЕ………………………………………………………………. 33
СПИСОК ЛИТЕРАТУРЫ…………………………………………………….34
Работа состоит из 1 файл
курсач ликсина.doc
- интерактивность. Студенты, в свою очередь, самостоятельно пополняют такой электронный учебник своими работами.
- удобство обращения. Система поиска поможет каждому пользователю почти мгновенно "открывать" в таком учебнике любой материал.
- вариативность в исполнении. Электронному учебнику можно придать любую удобную для чтения форму - цвет фона, текста, размер шрифта; при необходимости с помощью принтера можно распечатать часть учебника или издать его необходимым тиражом целиком, оформив по своему усмотрению.
- дешевизна. Создание и оформление учебника в принципе не предусматривает специальных расходов (кроме наличия компьютера и времени на его создание).
- вечность. Если рукописи, по известной поговорке, не горят (но, во всяком случае, тлеют), то электронный учебник, созданный в цифровом формате, практически вечен, не боится износа и старения.
- мобильность. Материал из электронного учебника может оперативно разослан по электронной почте, записан на компакт- диск или помещен на образовательный веб-сайт и в Интернете[12].
Электронный учебник, являясь полифункциональным средством, способен заменить некоторые из традиционных средств обучения.
Основные недостатки электронного учебника - это:
- единственным недостатком электронного учебника является неудобство чтения текстов с экрана монитора, хотя любую его часть в любой момент можно распечатать, а также современные мониторы и компьютерные программы делают чтение с экрана все более комфортным.
ГЛАВА 2 ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ ЭЛЕКТРОННОГО УЧЕБНИКА, С ПОМОЩЬЮ ПРОГРАММЫ ADOBE DREAMWEAVER CS6 / CS3
2.1 Программа Dreamweaver – как средство создания электронного учебника
Заметную популярность программа получила начиная с версии MX, выпущенной компанией Macromedia в 2002 году. До этого момента были выпущены версии 1—4, версию 5 компания пропустила. 7-я версия программы получила название Dreamweaver MX 2004, а затем в 2005 году была выпущена Dreamweaver 8. 20 апреля 2007 года уже компания Adobe выпустила более свежую версию под названием Dreamweaver CS3.
На сегодняшний момент последней версией является Dreamweaver CS6.
19 мая 2010 на конференции Google I/O главный технический директор Adobe Кевин Линч продемонстрировал поддержку стандарта HTML5 в редакторе Dreamweaver CS5, передает TechCrunch. «HTML5 — это большой шаг вперед для интернет-видео», — сказал он. Кевин Линч отметил, что Adobe подготовила для Dreamweaver CS5 специальный пакет обновлений с поддержкой HTML5 и CSS3.
Как сообщил представитель Adobe, после установки пакета в Dreamweaver появятся подсказки по тегам HTML5.
Кроме того, разработчики компании Adobe обновили движок WebKit, улучшив поддержку видео и аудио.
По состоянию на февраль 2012, кроме варианта оплатить полностью всю стоимость (Full — $399.00), обновить ($119.00), существует оплата через подписку (помесячно — $29.00 в месяц, за год — из расчёта $19.00 в месяц)[3].
2.2 Основные этапы и принципы, которыми следуют руководствоваться при создании ЭУ, использую программу Dreamweaver
Принцип квантования: разбиение материала на разделы, состоящие из модулей, минимальных по объему, но замкнутых по содержанию.
Принцип полноты: каждый модуль должен иметь следующие компоненты
- контрольные вопросы по теории,
- задачи и упражнения для самостоятельного решения,
- контрольные вопросы по всему модулю с ответами,
- контекстная справка (Help),
Принцип наглядности: каждый модуль должен состоять из коллекции кадров с минимумом текста и визуализацией, облегчающей понимание и запоминание новых понятий, утверждений и методов.
Принцип ветвления: каждый модуль должен быть связан гипертекстными ссылками с другими модулями так, чтобы у пользователя был выбор перехода в любой другой модуль. Принцип ветвления не исключает, а даже предполагает наличие рекомендуемых переходов, реализующих последовательное изучение предмета.
Принцип регулирования: учащийся самостоятельно управляет сменой кадров, имеет возможность вызвать на экран любое количество примеров (понятие ``пример" имеет широкий смысл: это и примеры, иллюстрирующие изучаемые понятия и утверждения, и примеры решения конкретных задач, а также контрпримеры), решить необходимое ему количество задач, задаваемого им самим или определяемого преподавателем уровня сложности, а также проверить себя, ответив на контрольные вопросы и выполнив контрольную работу, заданного уровня сложности.
Принцип адаптивности: электронный учебник должен допускать адаптацию к нуждам конкретного пользователя в процессе учебы, позволять варьировать глубину и сложность изучаемого материала и его прикладную направленность в зависимости от будущей специальности учащегося, применительно к нуждам пользователя генерировать дополнительный иллюстративный материал, предоставлять графические и геометрические интерпретации изучаемых понятий и полученных учащимся решений задач.
Принцип компьютерной поддержки: в любой момент работы учащийся может получить компьютерную поддержку, освобождающую его от рутинной работы и позволяющую сосредоточиться на сути изучаемого в данный момент материала, рассмотреть большее количество примеров и решить больше задач. Причем компьютер не только выполняет громоздкие преобразования, разнообразные вычисления и графические построения, но и совершает математические операции любого уровня сложности, если они уже изучены ранее, а также проверяет полученные результаты на любом этапе, а не только на уровне ответа.
Принцип собираемости: электронный учебник (и другие учебные пакеты) должны быть выполнены в форматах, позволяющих компоновать их в единые электронные комплексы, расширять и дополнять их новыми разделами и темами, а также формировать электронные библиотеки по отдельным дисциплинам (например, для кафедральных компьютерных классов) или личные электронные библиотеки студента (в соответствии со специальностью и курсом, на котором он учится), преподавателя или исследователя[8].
Основные этапы разработки электронного учебника
- Разработка оглавления и перечня понятий (индекса)
- Переработка текстов в модули по разделам и создание Help
- Реализация гипертекста в электронной форме
- Разработка компьютерной поддержки
- Отбор материала для мультимедийного воплощения
- Разработка звукового сопровождения
- Реализация звукового сопровождения
- Подготовка материала для визуализации
2.3 Методические разработки по созданию электронного учебника
На первом этапе разработки ЭУ целесообразно подобрать в качестве источников такие печатные и электронные издания, которые наиболее полно соответствуют стандартной программе, лаконичны и удобны для создания гипертекстов, содержат большое количество примеров и задач, имеются в удобных форматах (принцип собираемости)
На втором этапе заключения договоров из полученного набора источников отбираются те, которые имеют оптимальное соотношение цены и качества.
На третьем этапе разрабатывается оглавление, т.е. производится разбиение материала на разделы, состоящие из модулей, минимальных по объему, но замкнутых по содержанию, а также составляется перечень понятий, которые необходимы и достаточны для овладения предметом (двух– или трехуровневый индекс).
На четвертом этапе перерабатываются тексты источников в соответствии с оглавлением, индексом и структурой модулей; исключаются тексты, не вошедшие в перечни, и пишутся те, которых нет в источниках; разрабатывается система контекстных справок (Help); определяются связи между модулями и другие гипертекстные связи.
Таким образом, подготавливаются проект гипертекста для компьютерной реализации.
На пятом этапе гипертекст реализуется в электронной форме.
В результате создается примитивное электронное издание, которое уже может быть использовано в учебных целях. Оно практически не имеет шансов на коммерческий успех, потому что студенты не будут его покупать.
На шестом этапе разрабатывается компьютерная поддержка: определяется, какие математические действия в каждом конкретном случае поручаются компьютеру и в какой форме должен быть представлен ответ компьютера; проектируется и реализуется ИЯ; разрабатываются инструкции для пользователей по применению интеллектуального ядра ЭУ для решения математических задач. В результате создается работающий электронный учебник, который обладает свойствами, делающими его необходимым для студентов, полезным для аудиторных занятий и удобным для преподавателей. Такой ЭУ может распространяться на коммерческой основе.
Теперь электронный учебник готов к дальнейшему совершенствованию (озвучиванию и визуализации) с помощью мультимедийных средств.
На седьмом этапе изменяются способы объяснения отдельных понятий и утверждений и отбираются тексты для замены мультимедийными материалами.
На восьмом этапе разрабатываются тексты звукового сопровождения отдельных модулей с целью разгрузки экрана от текстовой информации и использования слуховой памяти учащегося для облегчения понимания и запоминания изучаемого материала.
На девятом этапе разработанные тексты звукового сопровождения записываются на диктофон и реализуются на компьютере.
На десятом этапе разрабатываются сценарии визуализации модулей для достижения наибольшей наглядности, максимальной разгрузки экрана от текстовой информации и использования эмоциональной памяти учащегося для облегчения понимания и запоминания изучаемого материала.
На одиннадцатом этапе производится визуализация текстов, т.е. компьютерное воплощение разработанных сценариев с использованием рисунков, графиков и, возможно, анимации (нужно иметь в виду, что анимация стоит очень дорого).
На этом заканчивается разработка ЭУ и начинается его подготовка к эксплуатации. Следует отметить, что подготовка к эксплуатации ЭУ может предполагать некоторые коррекции его содержательной и мультимедийной компонент[11] .
ГЛАВА 3 МЕТОДИКА ПРИМЕНЕНИЯ ЭЛЕКТРОННОГО УЧЕБНИКА ПО ДИСЦИПЛИНЕ «ИСТОРИЯ ПЕДАГОГИКИ И ФИЛОСОФИЯ ОБРАЗОВАНИЯ»
Данный электронный учебник разработан по теме: «Становление педагогике как отрасли научного знания» в программе Macromedia Dreamweaver 8.
Электронный учебник предназначен для студентов технических и педагогических вузов, изучающих историю педагогики в рамках дисциплины «История философии и педагогика образования», а также для преподавательского состава, обеспечивающего занятия по данной дисциплине.
Для эффективной работы электронного учебника необходима установка таких программ:
- Браузер “Opera” (использование других браузеров не рекомендуется).
- Microsoft PowerPoint.
- Операционная система Microsoft® Windows® 2000/XP/ Vista/ Windows
- Не менее 64 МБ оперативной памяти.
- Свободное место на жёстком диске от 10 МБ
- Дисковод для DVD для установки программы.
- Ознакомиться с литературой по проблеме исследования: специальной, технической.
- Изучить основные понятия.
- Рассмотреть возможности применения данного программного продукта в курсе «история педагоги и философия образования».
- Разработать практическую часть по использованию современных информационных и коммуникационных технологий в учебном процессе.
- Ознакомиться с литературой по проблеме исследования: специальной, технической.
- Изучить основные понятия.
- Рассмотреть возможности применения данного программного продукта в курсе «история педагоги и философия образования».
- Разработать практическую часть по использованию современных информационных и коммуникационных технологий в учебном процессе.
- Видеоролики
- Аудиозаписи
- Презентации PowerPoint
- Формулы
- Проверочные тестирования
- Кроссворды
- Многоуровневое меню с подразделами
С точки зрения техники:
Электронный учебник можно запустить непосредственно с компакт-диска или другого электронного носителя, или скопировав все файлы в каталог на жестком диске. Для запуска учебника достаточно дважды щелкнуть левой кнопкой мыши, указав на файл «index».
Несомненным достоинством данного ЭУ является то, что его использование не требует дополнительных усилий обучаемого по освоению интерфейса. После запуска ЭУ он отображается на экране в формате, хорошо знакомом каждому пользователю компьютера.
В левой части находится окно навигации, в котором под вкладкой «Содержание» все иерархически организованные материалы ЭУ представлены в виде дерева. В правом окне отображается содержание разделов. Используя окно навигации можно легко увидеть структуру учебника и перемещаться по его разделам. При щелчке мыши по любому из элементов в окне навигации отображается соответствующий элемент содержания электронного учебника.
Для правильной установки данного электронного учебника необходим модем или подключение к Интернету, 32-разрядная версия Windows XP с пакетом обновлений 2 (SP2) или выше (для работы с русским интерфейсом операционная система должна обеспечивать поддержку кириллицы), 32-разрядная версия Windows XP с пакетом обновлений 2 (SP2) или выше — 64 МБ.
В своей курсовой работе я рассмотрела одну из сторон процесса информатизации общества и образования – создание и использование на практике одной из форм обучения с использованием средств новых информационных технологий – электронного учебника. В ней исследуются возможности средств новых информационных технологий, условия, необходимые для их успешного использования, рассматривается и анализируется прикладное программное обеспечение необходимое для создания и дальнейшего использования электронных учебников. Кроме этого, описываются все этапы создания подобных электронных приложений с учетом специфики конкретного учебного предмета (информатики).
Содержание
ВВЕДЕНИЕ………………………………………………………………………..4
ГЛАВА 1 ЭЛЕКТРОННЫЙ УЧЕБНИК КАК ЭЛЕМЕНТ ОБРАЗОВАТЕЛЬНОЙ СРЕДЫ…………………………………………………6
Понятие электронного учебного пособия…………………………………. 6
1.2. Основные формы электронного учебника…………………………………7
1.3 Виды электронных учебных изданий………………………………………10
1.4 Объективная необходимость создания электронного учебника………14
ГЛАВА 2 ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ ЭЛЕКТРОННОГО УЧЕБНИКА, С ПОМОЩЬЮ ПРОГРАММЫ ADOBE DREAMWEAVER CS6 / CS3….17
2.1 Программа Dreamweaver – как средство создания электронного учебника………………………………………………………………………….17
2.2 Основные этапы и принципы, которыми следуют руководствоваться при создании ЭУ, использую программу Dreamweaver…………………………. 18
2.3 Методические разработки по созданию электронного учебника………..21
ГЛАВА 3 МЕТОДИКА ПРИМЕНЕНИЯ ЭЛЕКТРОННОГО УЧЕБНИКА ПО ДИСЦИПЛИНЕ «ИСТОРИЯ ПЕДАГОГИКИ И ФИЛОСОФИЯ ОБРАЗОВАНИЯ»…………………………………………………………..…24
ЗАКЛЮЧЕНИЕ………………………………………………………………. 33
СПИСОК ЛИТЕРАТУРЫ…………………………………………………….34
Работа состоит из 1 файл
Работа с контентом учебника
Добавление изображений в электронный учебник:
курсач ликсина.doc
Федеральное государственное бюджетное образовательное учреждение
высшего профессионального образования
«Пензенская государственная технологическая академия»
Факультет «Институт образовательных технологий»
по дисциплине «Программные педагогические средства»
на тему: «Разработка электронного учебника по дисциплине: «Компьютерная графика»
студентка группы 08ПВ
Проверила: к.п.н., доцент
Кафедра Педагогики и психологии
на выполнение курсового проекта
Студенту Буныгиной Оксане Александровне
Тема курсового проекта: Разработка электронного учебника по дисциплине: «Компьютерная графика»
Разработка электронного учебного пособия «Становление и развитие педагогики как системы»
На основе анализа научной литературы раскрыть сущность педагогических программных средств, их место и роль в современной педагогической практике, Провести анализ типов ППС и форм занятий на которых их применение наиболее эффективно. Разработать обучающе-контролирующую систему по дисциплине «История педагогики и философия образования»»
, разработать инструкцию пользователя для работы с пособием. Описать методику применения разработанного ППС в учебном процессе. Описать с помощью каких мультимедийных технологий разрабатывалось учебное пособие.
Дата выдачи задания на выполнение курсового проекта: 22.10.2012 г.
Руководитель _________________ «__»__________2012 г. (Е.В. Ликсина)
ГЛАВА 1 ЭЛЕКТРОННЫЙ УЧЕБНИК КАК ЭЛЕМЕНТ ОБРАЗОВАТЕЛЬНОЙ СРЕДЫ…………………………………………………6
1.2. Основные формы электронного учебника……… …………………………7
1.3 Виды электронных учебных изданий……………………………………… 10
1.4 Объективная необходимость создания электронного учебника………14
ГЛАВА 2 ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ ЭЛЕКТРОННОГО УЧЕБНИКА, С ПОМОЩЬЮ ПРОГРАММЫ ADOBE DREAMWEAVER CS6 / CS3….17
2.1 Программа Dreamweaver – как средство создания электронного учебника……………………… ………………………………………………….17
2.2 Основные этапы и принципы, которыми следуют руководствоваться при создании ЭУ, использую программу Dreamweaver…………………………. 18
2.3 Методические разработки по созданию электронного учебника………..21
ГЛАВА 3 МЕТОДИКА ПРИМЕНЕНИЯ ЭЛЕКТРОННОГО УЧЕБНИКА ПО ДИСЦИПЛИНЕ «ИСТОРИЯ ПЕДАГОГИКИ И ФИЛОСОФИЯ ОБРАЗОВАНИЯ»……………………………………………… …………..…24
Современный период развития цивилизованного общества характеризует процесс информатизации.
Информатизация общества – это глобальный социальный процесс, особенность которого состоит в том, что доминирующим видом деятельности в сфере общественного производства является сбор, накопление, продуцирование, обработка, хранение, передача и использование информации, осуществляемые на основе современных средств микропроцессорной и вычислительной техники, а также на базе разнообразных средств информационного обмена. Информатизация общества обеспечивает:
• активное использование постоянно расширяющегося интеллектуального потенциала общества, сконцентрированного в печатном фонде, и научной, производственной и других видах деятельности его членов,
• интеграцию информационных технологий с научными, производственными, инициирующую развитие всех сфер общественного производства, интеллектуализацию трудовой деятельности;
• высокий уровень информационного обслуживания, доступность любого члена общества к источникам достоверной информации, визуализацию представляемой информации, существенность используемых данных.
Применение открытых информационных систем, рассчитанных на использование всего массива информации, доступной в данный момент обществу в определенной его сфере, позволяет усовершенствовать механизмы управления общественным устройством, способствует гуманизации и демократизации общества, повышает уровень благосостояния его членов. Процессы, происходящие в связи с информатизацией общества, способствуют не только ускорению научно–технического прогресса, интеллектуализации всех видов человеческой деятельности, но и созданию качественно новой информационной среды социума, обеспечивающей развитие творческого потенциала индивида.
Одним из приоритетных направлений процесса информатизации современного общества является информатизация образования – внедрение средств новых информационных технологий в систему образования. Это сделает возможным:
• совершенствование механизмов управления системой образования на основе использования автоматизированных банков данных научно– педагогической информации, информационно-методических материалов, а также коммуникационных сетей;
• совершенствование методологии и стратегии отбора содержания, методов и организационных форм обучения, соответствующих задачам развития личности обучаемого в современных условиях информатизации общества;
• создание методических систем обучения, ориентированных на развитие интеллектуального потенциала обучаемого, на формирование умений самостоятельно приобретать знания, осуществлять информационно–учебную, экспериментально – исследовательскую деятельность, разнообразные виды самостоятельной деятельности по обработке информации;
• создание и использование компьютерных тестирующих, диагностирующих, контролирующих и оценивающих систем.
В своей курсовой работе я рассмотрела одну из сторон процесса информатизации общества и образования – создание и использование на практике одной из форм обучения с использованием средств новых информационных технологий – электронного учебника. В ней исследуются возможности средств новых информационных технологий, условия, необходимые для их успешного использования, рассматривается и анализируется прикладное программное обеспечение необходимое для создания и дальнейшего использования электронных учебников. Кроме этого, описываются все этапы создания подобных электронных приложений с учетом специфики конкретного учебного предмета (информатики).
Работа состоит из двух глав: в первой рассматриваются понятие, отличительные признаки, структура и основные этапы создания электронного учебника по русскому языку с теоретической точки зрения; вторая глава посвящена практической части, а точнее реализации, апробации электронного учебника.
Целью курсовой работы является создание электронного пособия для студентов ВУЗов по курсу «компьютерная графика.
Объект исследования является процесс обучения использованию современных информационных и коммуникационных технологий в учебном процессе.
Предмет исследования является разработка методических аспектов использования современных информационных и коммуникационных технологий в учебном процессе.
Методы исследования, используемые при выполнении данной курсовой работы: теоретический анализ и обобщение научно-технической литературы по теме исследования.
Курсовая работа состоит из введения, трех глав по исследуемой теме, заключения, приложения, списка использованной литературы.
Одним из приоритетных направлений процесса информатизации современного общества является информатизация образования - процесс обеспечения сферы образования методологией и практикой разработки и оптимального использования информационных и коммуникационных технологий (ИКТ), ориентированных на реализацию психолого-педагогических целей обучения и воспитания.
Информатизация образования предъявляет новые требования к профессиональным качествам педагога, к методическим и организационным аспектам использования информационных и коммуникационных технологий в обучении.
Определяющим фактором эффективного использования информационных и коммуникационных технологий в обучении являются знания педагога - предметника в области новых технологий и навыки их применения в учебном процессе. Для того чтобы, средства информационных и коммуникационных технологий стали важным инструментом практической реализации личностно-ориентированного обучения преподавателю необходимо учитывать педагогические и психологические основы обучения с применением средств информационных и коммуникационных технологий, при проведении занятий оптимально сочетать их использование с другими видами учебной деятельности с целью повышения эффективности обучения.
Таким образом, все выше перечисленное направленно на формирование у будущих педагогов - предметников систему знаний, умений и навыков в области использования информационных и коммуникационных технологий в обучении и образовании, составляющие основу формирования компетентности педагога по применению информационных и коммуникационных технологий (ИКТ) в учебном процессе; привить студентам навыки и приемы владения специализированными программами для обработки информации в различных областях деятельности.
Целью курсовой работы является создание электронного пособия для студентов ВУЗов по курсу «история педагоги и философия образования» для специальностей «профессиональное обучение (по отраслям)».
Объект исследования является процесс обучения использованию современных информационных и коммуникационных технологий в учебном процессе.
Предмет исследования является разработка методических аспектов использования современных информационных и коммуникационных технологий в учебном процессе.
Методы исследования, используемые при выполнении данной курсовой работы: теоретический анализ и обобщение научно-технической литературы по теме исследования.
Курсовая работа состоит из введения, трех глав по исследуемой теме, заключения, приложения, списка использованной литературы.
ГЛАВА 1 ЭЛЕКТРОННЫЙ УЧЕБНИК КАК ЭЛЕМЕНТ ОБРАЗОВАТЕЛЬНОЙ СРЕДЫ
1.1 Понятие электронного учебного пособия
Электронный учебник является элементом образовательной среды. Она включает традиционные образовательные ресурсы, другие электронные учебники, человеческий фактор, государство, издателей и распространителей.
Электронный учебник - это совокупность графической, текстовой, цифровой, речевой, музыкальной, видео-, фото- и другой информации, а также печатной документации пользователя. Электронное издание может быть исполнено на любом электронном носителе - магнитном (магнитная лента, магнитный диск и др.), оптическом (CD-ROM, DVD, CD-R, CD-1, СD+ и др.), а также опубликовано в электронной компьютерной сети [5].
Электронный учебник должно содержать систематизированный материал по соответствующей научно- практической области знаний, обеспечивать творческое и активное овладение студентами и учащимися знаниями, умениями и навыками в этой области. Учебное электронное пособие должно отличаться высоким уровнем исполнения и художественного оформления, полнотой информации, качеством методического инструментария, качеством технического исполнения, наглядностью, логичностью и последовательностью изложения.
TurboSite - это отличное решение для тех, кто никогда не создавал электронные пособия или учебники. В этой статье Вы узнаете, как создать электронный учебник всего за 10 минут.
Электронное пособие будет создано в формате html. Но при этом вам не понадобится изучать язык HTML. Итак, приступим.
Итог: готовый электронный учебник
Теперь электронный учебник находится в папке public_html. Чтобы его открыть, достаточно запустить внутри этой папки файл index.html.
Если Вы переносите учебник на флэшку или в любое другое место, рекомендуется перемещать вместе с папкой всего проекта, чтобы в дальнейшем можно было вносить любые изменения.
Это был минимальный перечень действий, который необходимо выполнить, чтобы разработать электронный учебник.
Пример электронного учебника (простой вариант):
Пример электронного учебника (по видеокурсу):
В электронный учебник можно внедрить следующие мультимедиа материалы:
Также для электронного учебника можно создать собственный адаптивный шаблон, который будет подстраиваться под устройства с маленькими экранами.
Стандартные средства программы этого не позволяют, но в расширенном видеокурсе "Электронный учебник за 1 день" есть способы их реализации.
Установка программы Turbo Site 1.7.1
Первое что нужно сделать, это скачать программу Turbo Site. И установить её на компьютер. Программа находится в курсе по ссылке (просто скачайте демо-версию курса, внутри будет программа). Запускаем программу Turbo Site. И видим окно приветствия.
Создадим новый проект (кнопка Создать проект ). Сохраните проект электронного учебника в пустую папку. Я назвал папку «Информатика». После сохранения проекта появится рабочая область программы. Можно приступать к созданию страниц электронного учебника.
Создание нового проекта:
Оформление электронного учебника
Изменим внешний вид электронного учебника. Для этого перейдите на вкладку Шаблон и выберете из списка понравившийся вам вариант темы. Поменяв шаблон, основное содержимого учебника будет обрамлено новым дизайном.
Например, такой (Condition):
Встроенные шаблоны TurboSite не адаптированы под мобильные устройства. Но вы можете создавать шаблоны по своей задумке, об этом я рассказываю в видеокурсе по созданию электронного учебника.
И нажмите кнопку Генерировать сайт . После этого электронный учебник сгенерируется, и активируются дополнительные кнопки.
Генерировать сайт – применяет все изменения. Нужно нажимать всегда, когда хотите закончить работу, и посмотреть текущий результат.
Открыть папку с сайтом – позволяет открыть папку со всеми файлами вашего учебника.
Просмотр сайта – открывает ваш учебник. Показывает текущий результат учебника в браузере.
Познакомимся с интерфейсом программы TurboSite
Добавление страницы учебника
По умолчанию у вас уже создана главная страница(index). Можете начинать вводить данные с нее, но я обычно оставляю её для оглавления.
На вкладке HTML-код можно существенно увеличить функциональность учебника. Например, вставить видео, аудио или другой мультимедийный контент.
Если отметить чекбокс «В списке страниц» то в боковом меню появится ссылка на текущую страницу.
В правую часть можно копировать любой форматированный текст, с картинками, таблицами и т.д.
Так же не забывайте менять заголовки страниц и время от времени нажимать на кнопку Генерировать сайт , чтобы сохранить изменения.
Добавление страницы:
Принципы использования программы Macromedia Dreamweaver в Web-программировании. Концепция World Wide Web. Оформление Web-страниц с помощью языка разметки гипертекста: основные тэги, структура документа, форматирование текста. Пример создания страницы.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | реферат |
Язык | русский |
Дата добавления | 06.05.2009 |
Размер файла | 17,4 K |
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Министерство народного образования
Республики Узбекистан
Навоийский государственный педагогический институт
Физико-математический факультет
Кафедра «Информатики и информационных технологий»
РЕФЕРАТ
ТЕМА: «Система Dreamweaver».
Научный руководитель: Выполнил: студент 4 «В»
к.ф.-м.н., курса отделения
доц. Р.А.Рузиев «Математики-информатики»
Турсунов Х.
Навои
2008 год
Содержание
Введение
Глава 1. Концепция WWW
Глава 2. Создание Web-страницы с помощью языка HTML
2.1. Язык HTML
2.2. Структура HTML документа
2.3 Форматирование текста
Заключение
Введение
«Узбекистан - страна интеллигенции с фундаментальной наукой, теоретической школой, интеллектуальным и научным потенциалом. Цель страны - выйти в число высокоразвитых стран мира, добиться мировой известности».
Реформирование системы образования в Республике Узбекистан выдвинуло новые психолого-педагогические проблемы, требующего критического пересмотра традиционного подхода к обучению, что предполагает внедрение в учебный процесс новых педагогических и информационных технологии. Проектирование образовательной среды нового поколения выразилось в появлении широкого спектра различных информационных технологии: от элементарных тестирующих программ до электронных учебников. В настоящее время в нашей Республике успешно решается вопрос о создании единого информационного пространства образования и науки.
В наше время профессия Web-дизайнера стала массовой; почти каждая фирма имеет свое “представительство” в Интернете, авторам новых продуктов или технологий трудно рассчитывать на успех без массированной рекламы в сети. Этот мощный “социальный заказ” породил целую индустрию средств Web-проектирования и программирования. Американская софтверная фирма Macromedia Inc., точно уловив тенденции рынка, сделала ставку на развитие программных средств, ориентированных на различные секторы Web-дизайна и электронной коммерции. Ее успехи, достигнутые за последние несколько лет, впечатляют. Многие продукты фирмы заняли лидирующие позиции в своих отраслях, а некоторые из них можно считать флагманами, определяющими направления и тенденции развития программного обеспечения данного класса. К числу таких, редких в наше время примеров принадлежит программа Dreamweaver.
Система Dreamweaver -- это визуальный редактор гипертекстовых документов. Эта формулировка не способна точно передать существо дела. Мощная профессиональная программа Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования (WYSIWYG или What You See Is What You Get - “ что ты видишь, то ты и получишь”.), отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов. Ни в одном из существующих в наше время редакторов концепция WYSIWYG не реализована полностью. Программа Dreamweaver подошла к декларируемому идеалу ближе конкурентов. Прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Программа не только обладает мощным арсеналом средств визуального проектирования, но и способна отображать Web-страницы почти как специализированные программы просмотра: Microsoft Internet Explorer или Netscape Navigator.
Уже первая версия программы привлекла внимание специалистов своими большими функциональными возможностями, а также устойчивой и быстрой работой. С каждой новой версией расширялся потенциал редактора и отрабатывалось его программное ядро. Все издания Dreamweaver отмечались компьютерными специалистами, занимали ведущие позиции в рейтингах и обзорах ведущих компьютерных изданий, имели большой коммерческий успех. В 2003 году вышла шестая (MX) версия программы. Теперь только инерция заставляет называть этот продукт программой. По сути дела, это развитая среди Web-проектирования, и которую интегрировано несколько программных средств и модулей, обеспечивающих весь операционный цикл разработки и поддержки виртуальных проектов. На данный момент существует множество программ, с помощью которых можно создать собственную web-страницу, не вникая во все тонкости Интернет технологий и стандартов. Но Macromedia Dreamweaver MX - одна из самых мощных программ, поддерживающих все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе. По иронии судьбы, Dreamweaver “задвинут” в тень своего более раскрученного собрата Microsoft FrontPage, но он не заслужил своей участи.
Современные сайты представляют собой сложно структурированные гетерогенные документы с динамическим контентом и интерактивными эффектами. Один, даже самый, как сейчас принято говорить, продвинутый редактор HTML не способен удовлетворить все потребности Web-дизайнера, Авторам гипертекстовых страничек приходится прибегать к услугам многочисленных программ и программных дополнений, предназначенных для работы с графикой, создания анимации, загрузки содержимого узла на удаленный сервер и другое. Пользуясь спортивной терминологией, можно сказать, что программа Dreamweaver - командный игрок. Она прекрасно взаимодействует со всеми программами, которые фирма Macromedia позиционирует на рынке средств разработки и поддержки сетевых проектов. Это, прежде всего, векторный редактор Flash, с которым система Dreamweaver образует “хорошо наигранную связку”, и “непосредственный партнер” -- растровый редактор Fireworks.
При написании данной выпускной квалификационной работы были даны: начальные сведения о структуре и построении страниц с использованием гипертекствого языка разметки - HTML. Дано описание пакета Macromedia Dreamweaver и способы создания страниц и сайтов в данном пакете. Также рассмотрена технология создания электронных учебников с использованием пакета Macromedia Dreamweaver. По завершению написанию теоретического материала был создан практический пример - «Электронный учебник по Macromedia Dreamweaver».
Глава 1. Концепция WWW
Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.
Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.
Гипертекст: информация в WWW представляется в виде документов, любой из которых может содержать как внутренние перекрестные ссылки, так и ссылку на другие документы, которые сохраняются на том же самом или на любом другом сервере.
Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.
Глава 2. Создание Web-страницы с помощью языка HTML
Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.
Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.
Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.
Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.
HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.
2 .2. Структура HTML документа
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может быть использован любой текстовый редактор.
Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.
Все теги начинаются символом ''. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:
Здесь стартовым тегом является тег , а завершающим - . Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).
Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:
A) Объявление HTML;
B) Заголовочная часть;
C) Тело документа.
A) Объявление HTML
и . Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег (в самом начале документа), а последним - (в самом конце документа).
B) Заголовочная часть.
и . Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы - спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами и .
C) Тело документа.
Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами и . Первый из них должен стоять сразу после тега , а второй - перед тегом . Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.
Теперь мы можем написать HTML-код нашей странички:
2 .3 Форматирование текста
В разделе BODY все символы табуляции и конца строк браузером игнорируются и никак не влияют на отображение страницы. Поэтому перевод строки в исходном тексте HTML-документа не приведет к началу новой строки в отображаемом обозревателем тексте при отсутствии специальных тегов. Это правило очень важно помнить и не забывать ставить разделяющие строки теги, иначе у текста не будет абзацев, и он станет нечитаемым.
Для начала новой строки используется тег (сокр. от англ. break - прервать). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки. Закрывающий для него тег не используется. Он удобен, если требуется с какого-то места писать с новой строки без начала нового абзаца, например, в стихотворении. Повторное его использование позволяет вставить одну или несколько пустых строк, отодвинув следующий фрагмент страницы вниз.
Сплошной текст без промежутков читается не очень легко, его неудобно просматривать и находить нужные места. Разбитый на абзацы, текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег (англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Но многократное повторение , в отличие от , не приведет к появлению нескольких пустых строк, останется все та же одна пустая строка.
Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута . Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег
может содержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзац выравнен влево ALIGN="left". Возможны также выравнивания вправо ALIGN="right" и по центру ALIGN="center". При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег
. Если его нет, то новый тегозначает закрытие предыдущего, соответственно вложенные
невозможны. Выравнить текст по центру возможно также тегом .
Теперь мы можем поместить на нашу Web-страницу некоторый текст с различным выравниванием:
Моя первая страница
Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML-документе. Для этих целей существует тег . Весь текст, помещенный между тегами и
будет выводиться без изменений, то есть со всеми концами строк и табуляциями.
ибудет выводиться без изменений, то есть со всеми концами строк и табуляциями.
Например:
Это текст написан
в две строки.
в две строки.
В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег можнт содержать несколько атрибутов. и дают контурную линию с трехмерным эффектом углубления. дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселах. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселов. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега , но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию 1, но если , (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления.
Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но большое количество горизонтальных линий неприятно для посетителя вашей Веб-страницы, поэтому после каждого абзаца их ставить не следует. Они больше подходят для выделения целых разделов.
Заключение
Линейка продуктов Macromedia MX, прежде всего ориентирована на удобство конечного пользователя. По сравнению с предыдущими версиями, компания сделала большой шаг вперед, предложив дизайнерам новый, продуманный дизайн и гибкость интерфейса. Dreamweaver MX- это программа, которая подойдет как и начинающим пользователям, не знакомыми с основами HTML, так и продвинутым пользователям, которые уже не один год занимаются профессиональным web-дизайном. Не зря большинство пользователей отдают предпочтение именно Dreamweaver, ведь эта компания на протяжении восьми лет создает продукты, существенно облегчающие создание сайтов и существенно оживляющие жизнь Интернета.
Содержание
Создание страницы оглавления
После того как добавили все необходимые страницы электронного учебника, давайте создадим страницу оглавления.
Перейдите на первую страницу (index). В правой части напишите оглавление своего учебника.
И расставляем ссылки на страницы, согласно оглавлению: выделяем пункт оглавления – жмем кнопку Ссылка – на страницу проекта – указываем ту страницу, на которую нужно ссылаться.
Подготовка материалов учебника
TurboSite всего лишь инструмент для превращения ваших материалов учебника в формат html страниц. Поэтому основная часть разработки учебника уходит на подготовку материалов (текстов, изображений, видео и т.п.).
Можно наполнять страницы во встроенном редакторе программы. Но он изрядно устарел, а некоторые функции и вовсе работают некорректно. Я предлагаю весь контент подготовить заранее:
Все страницы лучше создать в программе Microsoft Word отдельными файлами. Причём крайне рекомендуется использовать только следующие инструменты: полужирный шрифт, курсив, подчеркивание, нумерованный и маркированный список. Не следует изменять начертание шрифта, размер шрифта, выделение цветом и т.п. Это будет только нагружать страницу. Подобные стили лучше задавать только в шаблоне!
Изображения будут добавляться только через программу. Просто пронумеруйте их по примеру: 1-3.jpg. Данная расшифровка подскажет, что картинка принадлежит к первой странице и 3 по счету.
Видеоролики стоит перекодировать в формат mp4. Это избавит от множества проблем совместимости браузерами.
Презентации оставьте в формате Power Point. Данный формат не поддерживается браузерами, но мы найдем способ как их разместить. Не стоит использовать анимацию и переходы, так как при смене формата они все равно пропадут.
Подготовка материалов к работе:
Читайте также: