Электронный учебник

Дипломная работа - Компьютеры, программирование

Другие дипломы по предмету Компьютеры, программирование




ет страницы. Для этого необходимо нажать на макет, после чего выбрать макет самой страницы и расположение колонок.

После этих действий необходимо поменять фон. Необходимо учитывать, что фон не должен быть слишком яраким, так как такой фон не приятен глазу, и слишком тусклым, так как тусклый фон угнетает. Чтобы поменять фон нужно перейти во вкладку фон, в ней можно добавить картинку на задний план, блики и т.д.

Таким образом надо сделать первые наброски для будущего электронного мультимедийного учебника. Интерфейс программы Artisteer 2 интуитивно понятен и с ним никаких проблем не возникает.

Делаем первые наброски, подбираем цветовую гамму нашего будущего дизайна:

Далее надо сохранить полученный дизайн, с помощью файл - экспорт - тема WordPress.

Использование программы Artisteer 2 закончено, закрываем ее.

У нас есть тема для CMS WordPress, устанавливаем виртуальный сервер Denwer.

Для установки виртуального сервера Denwer необходимо запустить инстолятор, после чего выбрать каталог, в который установится комплекс и имя виртуального диска.

После установки виртуального сервера надо установить CMS WordPress, для этого надо скинуть все файлы движка и установить CMS.

После установки надо скинуть все файлы темы, которые мы получили от программы Artisteer 2 в тАж/корневая папка движка/wp-content/themes, далее заходим в администраторскую панель WordPress и меняем тему на созданную нами.

Теперь необходимо рипнуть тему. Для этого используется браузер mazilla firefox и плагин к браузеру, который называется ScrapBook. Чтобы рипнуть шаблон, надо кликнуть правой кнопкой мыши в любой части окна mazilla firefox с запущенным движком и выбрать захватить веб-страницу - корневой каталог. После чего в корневом каталоге появится папка с рипом главной страницы.

Теперь необходимо поменять тему под свои нужды, сделать ее более красивой и, главное, удобной для пользования. В этом нам поможет программа Adobe Photoshop CS.

Для начала надо изменить шапку электронного учебника, для этого выбираем файл шапки, нажимаем на нем правой кнопкой и выбираем открыть с помощью Adobe Photoshop CS. Открывается окно Photoshop и в нем появляется шапка.

Приступаем к изменению шапки, есть 2 картинки с изображением колледжа радиоэлектроники и с фотографией роботов. Для того, чтобы вставить их в шапку, надо открыть их в фотошопе, поставить в нужный размер и с помощью инструмента прямоугольная область выделить картинку, выбрать меню редактирование - копировать, перейти на окно работы с шапкой и вставить.

С помощью инструмента размывание надо сделать так, чтобы эти 2 картинки как бы сливались между собой.

Теперь надо изменить оставшуюся желтую область. Для этого надо выбрать инструмент градент и настроить его.

После этого надо выделить оставшуюся желтую область инструментом прямоугольное выделение и провести инструментом градент линию с левого верхнего угла до правого нижнего.

Потом делается надпись электронный учебник с помощью инструмента текст.

Выбирается размер и шрифт надписи.

Чтобы градент не смешивался с картинкой с роботами надо воспользоваться инструментом линия и провести черную линию толщиной в 2-3 пикселя на соединении градента и картинки.

Получилась готовая шапка.

Сохраняем файл с помощью файл - сохранить как, устанавливаем расширение jpg и вводим имя файла top.jpg, файл сохраняется.

Шапка для сайта готова, таким же образом необходимо преобразовать все оставшиеся файлы изображений.

Когда все файлы готовы, нужно поставить на php, для этого можно воспользоваться готовым скриптом из интернета.

Нужно изменить кодировку файла index.php из рипа. Для этого надо воспользоваться простым блокнотом AkelPad.

Надо открыть файл с помощью этого блокнота, и изменить в строчке надпись charset=UTF-8 на charset=windows-1251, после чего надо сохранить в кодировке windows-1251, для этого надо выбрать кодировки, после чего сохранить в windows-1251.

После чего надо переименовать файл index.php в template.php, т.е. изменить его разширение, тем самым подставив его под файл уже имеющегося движка.

Для того, чтобы нащ сайт работал правильно, нужно немного поменять файл index.php, для этого нужно открыть его этим же блокнотом файл этот файл и меняем следующие строчки:

$site_name = "site_name";

$root = "/"; // Корневой каталог. В начале и в конце должны быть слеши. Примеры "/", "/forum/", "/about/forum/"

$content_dir = "content";

$last_count = 8;

$last_symbol_count = 200;

$category_type = 1; // Тип меню. 1 - один уровень, 2 - два уровня

$url_menu = "menu "; // Название страницы меню

$url_contact = "contact "; // Название страницы контактов

$url_print = "print_cond"; // Версия для печати

На:

$site_name = "Учебник по ИСРАПС";

$root = "/"; // Корневой каталог. В начале и в конце должны быть слеши. Примеры "/", "/forum/", "/about/forum/"

$content_dir = "content";

$last_count = 8;

$last_symbol_count = 200;

$category_type = 1; // Тип меню. 1 - один уровень, 2 - два уровня

$url_print = "print"; // Версия для печати

Строчки $url_menu = "menu "; // Название страницы меню и $url_contact = "contact "; // Название страницы контактов убираем вообще, так как они нам не нужны.

Работа с файлом index.php завершена, нужно закрыть его.

Перед тем как приступить к редактированию файла template.php и index.css лучше всего будет поставить весь сайт на локальный сервер, для этого нужно открыть диск, на который при установке denwer был назначен локальный сервер, зайти в папку home, и создать там папку под названием israps, а в ?/p>