Электронный учебник
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
?ей папку uchoba. Полный путь в таком случае будет такой:
Название диска, назначенного на сервер:\home\israps\uchoba
И скорпировать туда сначала файлы php движка (папка content, папка pages, папка pic, index.css, template.php, print.php, index.php и.htaccess), а потом скопировать уже имеющиеся у нас файлы template.php и index.css, скопировать нужно с заменой.
А все картинки, имеющиеся в рипе - скопировать в папку pic.
Теперь нужно запустить локальный сервер, для этого надо выбрать на рабочем столе ярлык Start Denwer, после чего на несколько секунд появится черная табличка, после ее изчезновения сервер запустится.
Теперь необходимо приступить к редактированию файлов template.php и index.css. Для этого открываем сначало файл template.php с помощью AkelPad, и прописываем в строчке путь к таблице стилей index.css. Для этого необходимо поменять href="style.css" на href="/index.css".
После чего меняем строчку .
Теперь нужно указать путь к изображениям. Для этого воспользуемся функцией AkelPad, которая называется заменить. Чтобы ей воспользоватся надо зайти в найти, там заменить.
В строчку Что: пишем src=", а в строчку Чем: нужно написать src="/pic/.
После чего надо нажать на Заменить все, после чего выскачит сообщение, что заменено N-ое, количество объектов.
Таким же образом надо заменить пути к рисункам, которые находятся в файле index.css, только в строке Что: нужно указать url(', а в строке Чем: - url('/pic/.
Надо проверить все ли нормально, для этого открываем любой браузер, и вводим в адресной строке
Надо приступить к редактированию файла template.php.
Открываем его программой Macromedia Dreamweawer, для удобства надо поставить режим Split, при котором видно и код и визуальный редактор.
Для начала надо отредактировать верхнее меню, для этого нужно найти строчки:
И заменить их на:
На самом учебнике это будет выглядеть так:
Поменялось верхнее меню, теперь оттуда доступны разделы учебника Лабораторные работы, Лекции и Тест.
Нужно приступить к редактированию основного поля, куда будет выводится весь текст учебника, для этого нужно заменить строки:
Январь 15, 2011
Январь 10, 2011
На:
Где img src="/pic/hi.gif" - вывод приведственной картинки.
Далее нужно поставить строчки:
Между переменными , где переменная (!$params[1]) значит, что вывод текста будет только на главной странице учебника.
Ниже необходимо дописать условие, которое будет выполняться, если страница будет не главная:
Где: - переменная, отвечающая за вывод внутренних страниц учебника.
- вывод текста из файлов, которые будут храниться в папке pages.
> - Вывод версии для печати.
Теперь нужно создать анимированный файл hi.gif, для этого заходим в программу Adobe ImageReady, которая предоставляется в комплекте с Adobe Photoshop.
Нужно создать изображение, размером 500px в ширину и 100px в высоту, залить его градентом, который уже использовали при создании шапки и остальных элементов учебника и добавить две записи - Добро пожаловать и Инструментальные средства разработки аппаратно-программных систем, после чего разместить их на одном уровне.
После этого нужно сде