Электронный учебник
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
лать слой с надписью Добро пожаловать прозрачным с помощью инструмента Opacity, установив значение 0%, это позволит сделать анимацию появления записи.
Первый кадр готов, теперь нужно создать 2 кадр и установить значение Opacity для слоя с надписью Инструментальные средства разработки аппаратно-программных систем равным 90%.
Далее нужно создать 3 кадр, установить Opacity на 80% и т.д., пока значение Opacity не будет равным 0%, т.е. слой с надписью Инструментальные средства разработки аппаратно-программных систем не иiезнет.
После этого необходимо создать еще 1 такой же кадр, чтобы смена надписей не проходила слишком быстро.
После проделанного, нужно поставить значение Opacity 10% для слоя с надписью Добро пожаловать, после чего она расплывчатая появится на изображении.
Далее нужно устанавливать значение Opacity по наростающей, т.е. 20%, 30% и т.д., пока значение не дойдет 100%, продублировать кадр и снова пустить значение Opacity на убыль, т.е. 90%, 80% и т.д.
Когда Opacity дошло до 0% нужно продублировать кадр и снова сделать Opacity от 10% до 100% для слоя с надписью Инструментальные средства разработки аппаратно-программных систем.
После этого нужно сохранить изображение.
Для этого нужно выбрать в левом нижнем углу инструмента Animation значение Forever, чтобы переход по кадрам осуществлялся постоянно, а не 1 раз.
После чего нужно выбрать меню File, и в нем Save optimized asтАж.
В открывшемся меню сохранения нужно ввести в строке Имя файла название изображения hi.gif, в строке Тип файла - Images only (*.gif), и нажать кнопку Сохранить.
Анимированное изображение готово, теперь нужно скопировать его в папку pic, которая находится в папке uchoba на локальном сервере.
Смотрим, что получилось с учебником:
Теперь нужно поменять правое меню, для этого опять воспользуемся программой Macromedia Dreamweawer.
Находим в коде строчки, которые отвечают за вывод правого меню:
тАж
И меняем их на код, который будет отображать все темы по предмету:
тАж
тАж
Необходимо сохранить страницу, нажав на File - Save, или использовав сочетание клавишь ctrl+S.
Нужно как можно чаще сохранять файл шаблона и просматривать результат, чтобы вовремя вычислить или исправить ошибки при работе.
Полученный учебник имеет вид:
Теперь нужно изменить футер учебника, для этого в коде, используя Macromedia Dreamweawer находим строку:
И заменяем ее на:
После чего нужно сохранить полученную страницу, и в итоге футер имеет следующий вид:
Создание дизайна и интерфейса закончено.
2.2.2 Наполнение электронного учебника информацией
Для наполнения учебника информацией нужно воспользоваться программой Macromedia Dreamweawer.
Нужно зайти в папку pages и создать там новый текстовый документ, назвав его lab.htm.
После чего необходимо открыть этот документ с помощью Macromedia Dreamweawer, после чего взять уже подготовленный текст из любого текстового редактора, к примеру Microsoft Word и вставить в нижнее поле, где находится визуальный редактор, после чего нужно выделять слова Лабораторная работа N и с помощью строки link добавлять туда ссылки вида /labN/ где N - номер лабораторной работы по iету. Получится следующее:
Нужно сохранить документ и посмотреть результат:
Точно так же нужно добавить страницу Лекции (lec.htm).
Далее нужно приступить к д?/p>