1. Редактирование шаблона под конкретную дисциплину

Web-редактор Macromedia Dreamweaver – типичный представитель визуальных
Web-редакторов, работающих по принципу WYSIWYG (What You See Is What You Get - что
ты видишь, то ты и получишь). При этом пользователь формирует текст и в окне
редактора сразу же видит результаты своих трудов. По такому же принципу работает и
известный текстовый редактор Microsoft Word.
Визуальные возможности редактирования в Dreamweaver позволяют быстро
создавать страницы без того, чтобы писать код вручную. Можно просматривать все
элементы сайта или активы и быстро вставлять их из панели непосредственно в документ.
Можно упростить действия, создавая и редактируя изображения в Macromedia Fireworks
или в другом графическом редакторе, затем импортируя их непосредственно в
Dreamweaver или добавляя объекты Macromedia Flash.
Dreamweaver также обеспечивает полно-функциональную среду написания кода,
которая включает инструментальные средства редактирования кода (например,
раскраска кода или проверка закрытия тегов) и справочную информацию по HTML, CSS,
JavaScript, язык разметки ColdFusion (CFML), Microsoft Active Server Pages (ASP) и страницы
JavaServer (JSP).
Dreamweaver
также
дает
возможность
строить
динамические
страницы,
использующие сервер-технологии CFML, ASP.NET, ASP, JSP и PHP.
Dreamweaver полностью настраиваемый. Можно использовать Dreamweaver,
чтобы создавать свои собственные объекты и команды, изменять "горячие" клавиши и
даже писать код JavaScript, чтобы расширять возможности Dreamweaver новыми
свойствами, инспекторами свойств и новыми отчетами о сайте.
Технология создания ЭУМКД в формате *.html
Для подготовки текстовых документов в формате HTML рекомендуется использовать
следующий набор программных средств:
1. Macromedia Dreamweaver или любой другой редактор html (для подготовки исходных
текстовых документов);
2. Microsoft Internet Explorer (версия 6.0 и выше), Mozilla Firefox, Opera (для просмотра
подготовленных документов).
Технология подготовки текстовых документов в формате PDF состоит в реализации
следующих операций:
1.
2.
3.
4.
Выполняется правка единого шаблона под конкретную дисциплину;
Заполняются разделы, присутствующие в шаблоне (теория, практика, и т.д.);
Производится корректировка и настройка гиперссылок в тексте документов;
Выполняется настройка параметров представления текстового документа на экране.
Рассмотрим технологию подготовки ЭУМКД в формате html.
Структура УМКД представляет собой следующее:
1.
2.
3.
4.
5.
6.
Контроль знаний – в этой папке хранятся папки и файлы, относящиеся к контролю знаний;
Практика - папки и файлы, относящиеся к практической части дисциплины;
Теория - папки и файлы, относящиеся к теоретической части дисциплины;
Оболочка - папки и файлы, относящиеся к самому шаблону;
Программа - папки и файлы относящиеся к программе дисциплины;
Index.htm – «точка входа», первый открывающийся файл шаблона.
Вносить изменения в папку «Оболочка» запрещается!
1. Редактирование шаблона под конкретную дисциплину
Открыть Index.htm («точку входа»), которая находится в папке «IE8 шаблон», в
DREAMWEAVER и исправить в шаблоне название дисциплины:
- изменить поле title (отображается заголовок страницы). Пример:
2. Создание теоретической части
Открыть файл Index.htm, который находится в папке «IE8 шаблон»-> «Теория» в
DREAMWEAVER и внести правки, что и ранее (название дисциплины, заголовок страницы).
Далее необходимо наполнить страницу содержимым. Например: в теоретической части
расставить ссылки на странички лекций. Для этого необходимо выделить фрагмент текста,
при нажатии на который будет осуществляться переход на конкретную лекцию, и
заполнить поля
Link (путь к файлу, который будет загружаться по нажатию на ссылку) и
Target значением “_new” (для того, чтобы лекция загружалась в другом, параллельном
окне).
Структура каталогов может быть различной, однако рекомендуется придерживаться
следующей:
1. content – в этой папке хранятся папки и файлы, относящиеся к содержанию раздела
(теория, практика, и т.д.);
2. css - папки и файлы, относящиеся к используемым при оформлении стилям, если такие
используются;
3. images - папки и файлы, относящиеся к иллюстрациям, картинкам, схемам, используемых в
разделе;
4. programs - папки и файлы, относящиеся к программам, тренажерам, опросникам и т.д.;
5. video - папки и файлы, относящиеся к видеоматериалам раздела;
6. Index.htm – «точка входа», первый открывающийся файл конкретного раздела.
Возможно добавление при необходимости дополнительных папок и удаление базовых, а также
формирование своей структуры каталогов (папок).
3. Формирование содержания документа
Вставка рисунка
Для вставки рисунка необходимо следующее:
- нажать кнопку Images в панели инструментов;
- выбрать файл для загрузки;
Вставка программы «Тренажер»
Для вставки программы необходимо следующее:
- нажать кнопку Images в панели инструментов;
- выбрать файл необходимый для загрузки;
Вставка видео
Для вставки видеофайла необходимо сделать те же операции, что и для вставки программы.
Сведения об авторах
В результате получился следующий документ:
Результат
В результате получился следующий документ: