Министерство образования и науки РФ ФГБОУ ВПО «Удмуртский государственный университет»
«Факультет информационных технологий и вычислительной техники Колледж информационных технологий
Специальность 230401 «Информационные системы (по отраслям)»
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
по теме
«Разработка электронного учебника по HTML-редактору Adobe
Dreamweaver»
Работу выполнил
студент группы СПО-О-230401-31
А.А. Ананьев
Научный руководитель
Преподаватель Л.М. Рахманная
Декан факультета ИТ и ВТ
канд. физ.-мат. наук, доцент
_________________________________
(решение о допуске)
В.И. Родионов
«___»___________ 20___г.
Ижевск ‒ 2015 г.
АННОТАЦИЯ
В данной работе описывается создание электронного учебника для визуального HTML-редактора Adobe Dreamweaver CС. Рассмотрены изложенные ранее идеи, и, учитывая недостатки предыдущих работ в этой области предложена концепция, которая поддержана в актуальном состоянии. Работа содержит 52 страницы, 5 глав, 24 рисунка.
2
СОДЕРЖАНИЕ |
|
ВВЕДЕНИЕ.............................................................................................................. |
6 |
1. ПОСТАНОВКА ЗАДАЧ..................................................................................... |
7 |
2. АНАЛИЗ ЗАДАЧ ................................................................................................ |
8 |
2.1. Обзор существующих систем......................................................................... |
8 |
2.1.1. «dreamweaver-video.narod.ru»....................................................................... |
8 |
2.1.2. «sevidi.ru»....................................................................................................... |
9 |
2.1.3. «dreamweaver.net.ru».................................................................................. |
10 |
2.1.4. Вывод............................................................................................................ |
11 |
3. ВЫБОР ИНСТРУМЕНТАЛЬНЫХ СРЕДСТВ............................................... |
12 |
3.1 CMS Joomla!..................................................................................................... |
12 |
3.2 CMS WordPress................................................................................................ |
17 |
3.3. CMS MODX .................................................................................................... |
20 |
3.4. Вывод............................................................................................................... |
23 |
4. РЕШЕНИЕ ЗАДАЧ ........................................................................................... |
24 |
4.1. Определение цели сайта................................................................................ |
24 |
4.2. Решение информационной задачи................................................................ |
24 |
4.3. Разработка web-интерфейса.......................................................................... |
24 |
4.3.1. Дизайн сайта................................................................................................ |
24 |
4.3.2. Требования к оформлению и дизайну сайта............................................ |
24 |
4.3.3. Требования к шрифтовому оформлению сайта....................................... |
25 |
4.3.4. Выбор платформы для сайта (CMS).......................................................... |
25 |
4.3.5. Размещение сайта на хостинге................................................................... |
25 |
3 |
|
4.3.6. Подключение CMS...................................................................................... |
27 |
||
4.3.7. Программирование функциональности сайта.......................................... |
31 |
||
4.3.8 Наполнение сайта учебным материалом................................................... |
37 |
||
5. |
ТРЕБОВАНИЯ К ЭЛЕКТРОННОМУ УЧЕБНИКУ...................................... |
40 |
|
ЗАКЛЮЧЕНИЕ..................................................................................................... |
43 |
||
СПИСОК ЛИТЕРАТУРЫ..................................................................................... |
44 |
||
Приложение 1........................................................................................................ |
45 |
||
Техническое задание............................................................................................. |
45 |
||
1. |
Общие сведения................................................................................................. |
45 |
|
1.1 |
Наименование продукта................................................................................. |
45 |
|
1.2 |
Основания для разработки ............................................................................. |
45 |
|
1.3 |
Нормативные документы ............................................................................... |
45 |
|
1.4 |
Сроки исполнения работ ................................................................................ |
46 |
|
2. |
Назначение и цели создания электронного учебника................................... |
46 |
|
2.1 |
Назначение учебника...................................................................................... |
46 |
|
2.2 |
Цели и задачи................................................................................................... |
46 |
|
2.2.1 Цели:.............................................................................................................. |
46 |
||
2.2.2 Задачи:........................................................................................................... |
46 |
||
3. |
Требования к электронному учебнику............................................................ |
47 |
|
3.1 |
Требования к функциональным характеристикам ...................................... |
47 |
|
3.2 |
Требования к работе........................................................................................ |
47 |
|
3.3 |
Требованию к оформлению и содержанию.................................................. |
47 |
|
4. |
Содержание работ............................................................................................. |
48 |
|
5. |
Порядок контроля и приёмки........................................................................... |
48 |
|
6. |
Значимость работы............................................................................................ |
49 |
|
|
|
4 |
|
7. Источники разработки...................................................................................... |
49 |
Приложение 2 ........................................................................................................ |
51 |
5
ВВЕДЕНИЕ
Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Adobe Dreamweaver, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например,
Блокнотом (Notepad).
Текстовые редакторы возможно использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста..., в общем, работать с ними может только профессионал, знающий язык HTML.
В данной работе рассмотрим HTML-редактор Adobe Dreamweaver. Эта программа рассчитана на тех, кто плохо, или почти не знает язык HTML, хотя в нем можно создавать сайты даже не обладая данными знаниями. Adobe Dreamweaver содержит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом. Интуитивный интерфейс Adobe Dreamweaver настолько прост, что даже начинающий сможет быстро создать профессиональный Web-сайт. Многие разработчики Web-сайтов считают Adobe Dreamweaver наиболее удобным HTMLредактором как для начинающих Web-дизайнеров, так и для опытных программистов. Был выбран HTML-редактор Adobe Dreamweaver, версии CС. Эта версия актуальна на данный момент и именно для нее будем создавать электронный учебник.
6
1. ПОСТАНОВКА ЗАДАЧ
Основные задачи:
изучить теоретические основы использования программ;
подобрать подходящие инструменты для разработки;
подобрать теоретические материалы по данной теме;
разработать электронный учебник;
создать сайт;
разместить учебный материал на сайте.
7
2. АНАЛИЗ ЗАДАЧ
2.1. Обзор существующих систем
2.1.1. «dreamweaver-video.narod.ru»
Сайт – электронный учебник по HTML-редактору Adobe Dreamweaver, версии CS3.
Рис. 1. Скриншот сайта dreamweaver-video.narod.ru.
На сайте представлено большое кол-во видео уроков, которые помогут полностью освоить функционал HTML-редактора Adobe Dreamweaver CS3, даже не знающему язык HTML. По п оводу версии программы хочется сказать то, что программа уже старая, но в принципе похожа на текущую версию Adobe Dreamweaver, версии - CC. Но кардинальные изменения в
8
интерфейсе программы все же есть, и новичку будет сложно ориентироваться в программе по данным видео урокам. Но ничего не мешает установить версию - CS3 и пользоваться ей. Сайт имеет простой дизайн, без лишних дизайнерских решений, что вполне хватит для электронного учебника. Главная страница сайта представлена в виде большого меню, которое разбито по группам. Таким образом, не составит труда найти интересующий урок и приступить к изучению HTML-редактора Adobe Dreamweaver CS3.
2.1.2. «sevidi.ru»
Сайт – сборник уроков по созданию сайтов.
Рис. 2 Скриншот сайта «sevidi.ru»
Сайт представляет собой огромный сборник уроков, которые научат основам языка HTML, основам CSS, HTML5 и CSS3, основам JavaScript, PHP и MySQL. А также научит пользоваться HTML-редактором Adobe
9