Дипломный проект, БНТУ
.pdfпроисходит по причине несвоевременной поддержки сайта информациоными новинками, новостями и т.д.
Техническое обслуживание сайта предполагает постоянный мониторинг за бесперебойной работой сайта, проведение профилактических работ. В случае возникновения каких-то непредвиденных сложностей, специалист в самые сжатые сроки устраняет их, поскольку недоступность сайта для пользователей очень резко снижает его привлекательность и посещаемость. Более того, если сайт долгое время недоступен для индексации поисковыми системами, он быстро падает в рейтинге.
Также обслуживание сайта защищает ресурс от плохих, неграмотных, неуникальных постов и статей, спама, плагиата, что зачастую требуется при сопровождении блогов и форумов. Также в информационное облуживание сайтов может входить и перевод контента сайта на иностранные языки, особенно если целевая аудитория включает в себя не один регион.
Если заказчик желает, чтобы его сайт не потерялся на задворках поисковых систем, чтобы он привлекал как можно больше целевого трафика, чтобы нёс интересную и познавательную информацию для посетителей, стоит всерьез подумать об информационном обслуживании и сопровождении сайта.
51
ЗАКЛЮЧЕНИЕ
В ходе работы над дипломным проектом был создан и размещён на сервере «сайт-визитка ансамбля цимбалистов “Золотая струна”».
Исходя из основных задач и анализа сайтов конкурентов, стало возможным определить, какие функциональные элементы должны присутствовать на сайте. При этом образовалась будущая структура сайта. Это так названные всенаправленные тематические меню. Также были определены разделы статей, продумана навигация по сайту, выполнено создание шаблона для использования его в системе управления содержимым Joomla!
С точки зрения юзабилити, протестированы функциональность сайта, проверена корректность работы кода в различных браузерах.
Создание данного сайта позволило приобрести знания о системе управления содержимым Joomla!, различных расширениях. Поскольку Joomla! является бесплатной системой с открытым исходным кодом, то при модификации отдельных разделов сайта было получены сведения о коде ядра системы.
Исходя из потребностей целевой аудитории, как и на основании информационного сопровождения, были сформулированы задачи, которые должен решать данный web-сайт, и предложены пути их решения. Коротко сформулируем задачи:
1)своевременная публикация новых материалов: фото, видео, аудио;
2)своевременное предоставление информации о творческой жизни коллектива, его участников, новостей и интересных объявлений;
3)облегчение поиска среди материалов сайта.
Завершающим этапом стало тестирование сайта и размещение готового
сайта на web-сервере. Особенностью сайта является позитивный интерфейс, оригинальный дизайн, простота навигации и поиска информации. Имеется форма поиска, гостевая книга. Фотоархив, который присутствует на сайте, несёт не только эстетическую нагрузку, но и упрощает пользователю переход по теме фотографий. На сайте реализована форма обратной связи, при помощи которой пользователи смогут оставить сообщение, пожелание или замечание администрации сайта [17].
Благодаря использованию системы управления контентом, у администраторов сайта появилась возможность добавлять и изменять пункты меню, рубрики статей и сами статьи без необходимости править HTML-код сайта. Такая гибкость, наряду с наличием формы обратной связи, позволит оперативно реагировать на запросы пользователей.
52
СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ
1.Дунаев, В.В. Сам себе Web-дизайнер / В. Дунаев. – СПб.: БХВПетербург: Арлит, 2002. – 509 с. – (Компьютер и творчество).
2.Хомик, А.П. – Психология цвета: Сб. статей / Пер. М.: Рефл-бук. – Киев: Ваклер, 1996. – 349 с. – (Актуальная психология).
3.Сакс, Т. Дизайн и архитектура современного Web-сайта: пер. с англ. / Т. Сакс, Г. Мак-Клейн. – М.: Вильямс, 2002. – 307 с. – (Опыт профессионалов).
4.Фйо, А. Рентабельный Web-дизайн: 7 этапов создания Web-сайтов, окупающих ваши инвестиции: пер. с англ. / А. Фйо. – М.: КУДИЦ-образ,
2004. – 336 с.
5.Буковецкая, О.А. Дизайн текста: шрифт, эффекты, цвет / О.А. Буковецкая. – М.: ДМК: Лайт, 1999. – 301 с.
6.Краткая энциклопедия дизайна: Цвет. Свет. Композиция. Форма. Текстура. Фактура / О.И. Нестеренко. - М.: Мол. гвардия, 1994. - 334 с.
7.Буковецкая, О.А. Дизайн текста: шрифт, эффекты, цвет / О.А. Буковецкая. – М.: ДМК: Лайт, 1999. – 301 с.
8.Кинкоф, Ш. В. HTML – Наглядное руководство / Шерри Виллард Кинкоф; пер с англ. М. Г. Новикова. – М.: НТ Пресс, 2008. – 320 с. – ISBN 978-5-477-00622-9 (рус.).
9. Курушин, В.Д. Графический дизайн и реклама: Самоучитель / В.Д. Курушин. – М.: ДМК пресс, 2001. – 270 с.
10.Роббинс, Дж. Н. Web-дизайн: справочник [Текст] / Дж.Н. Роббинс; пер с англ. – 3-е изд. – М.: КУДИЦ-ПРЕСС, 2008. – 216 с. – ISBN 978-5-91136- 039-9 (в пер.).
11.Норт Б. Joomla! Практическое руководство. – пер. с англ. – Спб:
Символ-Плюс, 2008 – 448с., ил. ISBN 978-5-93286-117-2 12.Колисниченко Д. Н. Joomla! 1.5. Руководство пользователя. — М.:
«Диалектика», 2009. — С. 224. — ISBN 978-5-8459-1509-2
13.Горнаков С. Г. Осваиваем популярные системы управления сайтом
(CMS). – М.: ДМК Пресс, 2009. – 336 с.: ил. ISBN 978-5-94074-469-6 14.Хостинг [Электронный ресурс] / Wikipedia — Режим доступа
http://ru.wikipedia.org/wiki/Хостинг — Дата доступа: 04.01.2011.
15.Хостинг [Электронный ресурс] / Wikipedia — Режим доступа http://ru.wikipedia.org/wiki/Хостинг — Дата доступа: 04.01.2011.
16.Хостинг [Электронный ресурс] / Wikipedia — Режим доступа http://ru.wikipedia.org/wiki/Хостинг — Дата доступа: 04.01.2011.
17.Джамеа, К. Эффективный самоучитель по креативному Web-дизайну / К. Джамса. – М.: ДиаСофтЮП, 2005. – 672 с.
53
ПРИЛОЖЕНИЕ А
Рисунок A.1 – Главная страница сайта-визитки ансамбля цимбалистов «Золотая струна»
54
ПРИЛОЖЕНИЕ Б
Рисунок Б.1 – Графический элемент для внутренней страницы «Аудио»
Рисунок Б.2 – Графический элемент для внутренней страницы «О руководителе»
55
ПРИЛОЖЕНИЕ В
Рисунок В.1 – Графические элементы для внутренней страницы «Ученики» (Деревья – цимбальные молоточки)
Рисунок В.2 – Разработанные баннеры
56
ПРИЛОЖЕНИЕ Г
Код шаблона сайта
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr" >
<head>
<base href="http://localhost/goldstring/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Золотаяструна, ансамбльцимбалистов,
цимбалы, АннаПолесова" />
<meta name="rights" content="АннаПолесова" />
<meta name="description" content="Сайт-визитка ансамбля цимбалистов" Золотаяструна"" />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>ГЛАВНАЯ</title>
<link href="/goldstring/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/goldstring/index.php?format=feed& type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/goldstring/templates/goldstring/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link
href="http://localhost/goldstring/index.php/component/search/?format=opensearch" rel="search" title="Искать goldstring" type="application/opensearchdescription+xml" />
<link rel="stylesheet" href="/goldstring/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/goldstring/components/com_k2/css/k2.css" type="text/css" />
<link rel="stylesheet" href="/goldstring/components/com_imageshow/assets/css/style.css" type="text/css" />
<link rel="stylesheet" href="/goldstring/modules/mod_ariyuimenu/mod_ariyuimenu/css_loader.php?menuI d=ariyui162" type="text/css" />
57
<link rel="stylesheet" href="/goldstring/modules/mod_ariyuimenu/mod_ariyuimenu/css_loader.php?menuI d=ariyui160" type="text/css" />
<style type="text/css">
#ariyui162{width:598px}#ariyui162 A{font-size: 14px !important; fontweight: normal !important; text-transform: none !important;}
#ariyui160{width:178px}#ariyui160 A{font-size: 14px !important; fontweight: normal !important; text-transform: none !important;}
</style>
<script src="/goldstring/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/goldstring/media/system/js/core.js" type="text/javascript"></script>
<script src="/goldstring/media/system/js/modal.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
<script src="/goldstring/media/k2/assets/js/k2.noconflict.js" type="text/javascript"></script>
<script src="/goldstring/components/com_k2/js/k2.js" type="text/javascript"></script>
<script src="/goldstring/media/system/js/caption.js" type="text/javascript"></script>
<script src="/goldstring/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="/goldstring/modules/mod_ariyuimenu/mod_ariyuimenu/js/yui.combo.js" type="text/javascript"></script>
<script type="text/javascript"> window.addEvent('domready', function() { SqueezeBox.initialize({}); SqueezeBox.assign($$('a.modal'), {
parse: 'rel'}); });
var K2SitePath = '/goldstring/'; window.addEvent('load', function() { new JCaption('img.caption');});
try { document.execCommand("BackgroundImageCache", false, true); } catch(e) {};
58
YAHOO.util.Event.onContentReady("ariyui162_menu", function () { var oMenu = new YAHOO.widget.MenuBar("ariyui162_menu", {"lazyLoad":true,"autosubmenudisplay":true,"position":"static","hidedelay":750}); oMenu.render(); oMenu.show(); if (-1 > -1) oMenu.getItem(- 1).cfg.setProperty("selected", true); });
YAHOO.util.Event.onContentReady("ariyui160_menu", function () { var oMenu = new YAHOO.widget.Menu("ariyui160_menu", {"lazyLoad":true,"autosubmenudisplay":true,"position":"static","hidedelay":750}); oMenu.render(); oMenu.show(); if (0 > -1) oMenu.getItem(0).cfg.setProperty("selected", true); });
</script>
<link rel="stylesheet" href="/goldstring/templates/goldstring/css/style.css" type="text/css" />
</head>
<body>
<div id="container"> <div id="header">
<div class="moduletable map_mail">
<p><a href="/goldstring/index.php/map"><img src="/goldstring/images/goldstring/map.jpg" alt="map" title="картасайта" width="42" height="18" /></a>
<a
href="/goldstring/index.php/contacts?view=message&layout=message&pf =1&redirect_on_success="><img src="/goldstring/images/goldstring/mail.jpg" alt="mail" title="обратнаясвязь" width="30" height="18" /></a></p></div>
<div class="moduletable quote">
<p>"Музыка - душамоя..."<br /><span>М.И. Глинка</span></p> <p> </p></div>
<div class="moduletable logo">
<p><a href="/goldstring/?view=featured"><img alt="logo" src="/goldstring/images/goldstring/logo.png" width="178" height="161" /></a></p></div>
<div class="moduletable"> <h3>Ансамбльцимбалистов</h3>
<h2>Художественный руководитель - <span>Анна Полесова</span></h2> <h1>"Золотая Струна"</h1>
<p> </p></div>
<divclass="moduletablecollege">
<p> Учреждение образования</p>
59
<p>"Минский государственный музыкальный колледж им. М.И. Глинки"</p>
<p> </p></div>
<div class="moduletable address"> <p>Velcom +375293134551</p> <p>г. Минск, ул. Грибоедова, 22</p> <p> </p></div></div>
<div id="poloska"></div> <div id="left">
<div class="moduletable main_menu"> <div class="yui-skin-sam" id="ariyui160">
<div class="yuimenu" id="ariyui160_menu"> <div class="bd">
<ul class="first-of-type">
<li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-item101 yuimenuitem-selected yuimenuitem-active first-of-type">
<a class="yuimenuitemlabel yuimenuitemlabel-selected yuimenuitemlabelactive" href="/goldstring/">ГЛАВНАЯ</a></li>
<li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent yuimenuitem-item114">
<a class="yuimenuitemlabel" href="/goldstring/index.php/polesova">ОРУКОВОДИТЕЛЕ</a>
<div class="yuimenu"> <div class="bd">
<ul>
<li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item178"> <a class="yuimenuitemlabel"
href="/goldstring/index.php/polesova/polesova">Оруководителе</a></li> <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent
yuimenuitem-item118">
<a class="yuimenuitemlabel" href="/goldstring/index.php/aboutcollective">ОКОЛЛЕКТИВЕ</a>
<div class="yuimenu"> <div class="bd">
<ul>
<li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item322"> <a class="yuimenuitemlabel" href="/goldstring/index.php/about-
collective/about-collective">Околлективе</a></li> <a class="yuimenuitemlabel"
href="/goldstring/index.php/pupils/pupils">Ученики</a></li>
60