Введение 3
1 Основные теоретические аспекты разработки информационного ресурса 5
1.1 Понятие информационного ресурса и сайта 5
1.2 Понятие о хостинге и домен сайта 8
1.3 Этапы разработки веб-сайта 9
1.4 HTML , CSS, PHP 10
1.5 Понятие ребрендинга и дизайна сайта 17
1.6 CMS - система управления содержимым 18
2 Разработка сайта 20
2.1 Анализ информационных ресурсов 20
2.2 Проектирование структуры сайта 22
2.3 Составление основных аспектов дизайна сайта 25
2.4 Верстка шаблона сайта на языках HTML5, CSS и JavaScript. Подгон
верстки под выбранную CMS 26
2.5 Установка шаблона и наполнение сайта на хостинге 32
Заключение 36
Список используемых источников 37
Приложение
Со времени создания первого интернет ресурса прошло уже более 20 лет. Первые сайты состояли только из текста и содержали минимум информации, но сейчас сайт состоит не только из текста и изображений, ко всему прочему подключаются и различные мультимедийные, интерактивные средства благодаря развитию таких средств как Java, HTML 5, Flash. Сайты постепенно набирали популярность среди крупных предприятий, позже привлекли и обычных пользователей. В современном мире жизнь без таких информационных ресурсов не возможна.
На текущий момент времени все больше и больше людей прибегают к использованию электронных информационных ресурсов взамен аналоговым. Это является очень хорошей тенденцией, которая способствует дальнейшему развитию данного направления. Такому развитию подвергаются все аспекты из которых состоит сайт: дизайн, написание кода, функциональная часть и многое другое. Но с развитием электронных информационных ресурсов растут и требования к ним, что и сподвигает руководителей проводить ребрендинги и реорганизации для уже существующих сайтов, что и делает данную тему актуальной.
Реорганизация и частичный ребрендинг информационного ресурса Кафедры современных образовательных технологий ИППС СФУ является основной целью данной бакалаврской работы.
Сайт кафедры должен выполнять функцию основной связи между пользователями, заходящими на данный ресурс. Сайт обязан обеспечивать любого пользователя нужной ему информацией в доступной форме.
Для достижения данной цели мы должны выполнить следующие задачи:
- Изучение теоретической информации для решения поставленных задач;
- Анализ схожих информационных ресурсов;
- Проектирование структуры сайта, изучение понятия «Современные образовательные технологии»
- Составление основных аспектов дизайна сайта
- Верстка шаблона сайта на языках HTML5, CSS и JavaScript. Подгон верстки под выбранную CMS;
- Установка шаблона и наполнение сайта на хостинге;
Для выполнения поставленных задач будут использоваться таки средства, как CMS Joomla, Adobe Photoshop, SublimeText 3 и другие.
В ходе данной дипломной работы был создан шаблон и логотип для сайта кафедры современных образовательных технологий с помощью Adobe Photoshop CC 2015 и SublimeText 3, которые на данный момент времени являются наиболее удобными прикладными программами для выполнения подобных задач. Полученный шаблон сайта был успешно установлен на CMS Joomla.
Нашей основной целью являлись реорганизация и частичный ребрендинг информационного ресурса Кафедры современных образовательных технологий ИППС СФУ.
В ходе работы над сайтом кафедры были изучены языки гиперссылок, каскадные таблицы стилей и JavaScript, а также проведена работа с ними. Кроме того, был проведен анализ различных информационных ресурсов с похожей тематикой, что помогло нам выявить уже существовавшие проблемы на сайте кафедры.
В ходе работы были упразднены такие разделы как «Новости» и «Профориентация», были объединены некоторые разделы подразделы, что привело к более логическому построению меню и разделов на сайте.
1. HTML — язык разметки гипертекста - http://shkolo.ru/html-yazyik- razmetki-giperteksta/
2. Агальцов, В.П. Базы данных. Распределенные и удаленные базы данных / В.П. Агальцов. -М.: ИД ФОРУМ, 2013.-272 с.
3. Агальцов, В.П. Базы данных. Локальные базы данных / В.П. Агальцов. -М.: ИД ФОРУМ, 2013. -376 с.
4. Андерсон, С. Приманка для пользователей: создаем
привлекательный сайт / С. Андерсон. -М.: Питер, 2013.-240 с.
5. Васильев, А.Н. Java/А.Н. Васильев. -СПб.: Питер, 2011.-401 с.
6. Вин, Ч. Как спроектировать современный сайт: профессиональный веб-дизайн на основе сетки / Ч. Вин. -М.: Питер, 2011.¬127 с.
7. Гаевский, А. Ю. 100% самоучитель по созданию Web-страниц и Web-сайтов: HTML и JavaScript / А. Ю. Гаевский, В. А. Романовский. - М.: Триумф, 2008.-454 с.
8. Гарнаев, А.Ю. Web-программирование на Java и JavaScript/А. Ю. Гарнаев. -СПб.: БХВ-Петербург, 2005. -1040 с.
9. Карпова, И.П. Базы данных / И.П. Карпова. -СПб: Питер, 2013. - 240 с. 13Грачев, А. Создаем свой сайт на WorldPress: работа с CMS WorldPress 3 / А. Грачев. -СПб.: Питер, 2011. -270 с.
10. Каскадные таблицы стилей - http://html-exp.narod.ru/css.htm
11. Коджаспирова Г.М. Педагогика в схемах, таблицах и опорных конспектах / Г.М. Коджаспирова. -М.: 2013. - 256 с.
12. Колисниченко, Д.А Движок для вашего сайта. CMSJoomla/Д.А. Колисниченко -СПб.: БХВ, 2008.-368 с.
13. Лобуренко, Е. О. Школьный сайт: создание, наполнение и привлечение посетителей / Е. О. Лобуренко, Е. В. Якушина. -М.: Юрайт, 2012.
14. Маркелов, А. О. Разработка Интернет-ресурса “Гид первокурсника института математики, физики и информатики” средствами CMS JOOMLA /А.О. Маркелов. -СПб.: Гаудеамус, 2011. -200с.
15. Мухамедзянов, Р. Java/Р. Мухамедзянов -М.: СОЛОН-Р, 2003. - 336 с.
16. Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQLuJavaScript/ Р. Никсон.-СПб.: Питер, 2013. -560 с.
17. Норт, Б. М. Joomla!: пактическое руководство / Б. М. Норт. - СПб: Символ, 2008. -448с.
18. Общие понятия о сайте - http://qoo.by/2atC
19. Пирогов, В.Ю. Информационные системы и базы данных: организация и проектирование / В.Ю. Пирогов. -СПб.: БХВ-Петербург, 2009. -522с.
20. Полное руководство по использованию визуального стиля СФУ -
21. Стейнмец, У. PHP. 75 готовых решений для вашегоweb-сайта / У. Стейнмец, Брайан Вард. - СПб.: Наука и Техника, 2009.-256 с.
22. Фрэйн, Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрэйн. -СПб.: Питер, 2014.-304 с.
23. Фуфаев, Э.В. Базы данных: Учебное пособие для студентов учреждений среднего профессионального образования / Э.В. Фуфаев, Д.Э. Фуфаев. -М.: ИЦ Академия, 2012.-320 с.
24. Халворсон, К. Контентная стратегия управления сайтом / К. Халворсон, М. Рэч. -СПб.: Питер, 2013.-224 с.
25. Хорошилов, А.В. Мировые информационные ресурсы: Учебное пособие/А.В. Хорошилов, С.Н. Селетков.-СПб.: Питер, 2004.-176 с.
26. Что такое хостинг и домен? - http://qoo.by/2atE