5. Инструментальная среда
Для
создания сайта использовалась
административная панель, которая была
предоставлена хостингом для более
удобного редактирования сайта.
Рисунок 3 – Панель администрирования
При помощи данной панели администрирования можно добавлять новости на сайт, редактировать шаблон сайта , добавлять новые разделы и контролировать профили сайта и т.д.
Заключение
В ходе выполнения курсовой работы был разработан и размещен на хостинге сайт «EpicWorld» с доменным именем http://universemine.meximas.com/
Разработанный сайт удовлетворяет всем требованиям технического задания.
● Перспективы развития сайта:
● оптимизация структуры;
● предоставление информации о сервере «EpicWorld»
● расширение содержания;
● мероприятия по раскрутке сайта.
ПРИЛОЖЕНИЕ А
Файл main.Tpl - главная страница сайта
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
{headers}
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/style/slider.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/jquery_002.js"></script>
<script type="text/javascript" src="{THEME}/js/jqueryui.js"></script>
<script src="{THEME}/js/nivo_slider.js" type="text/javascript"></script>
<script type="text/javascript" src="{THEME}/js/slides.js"></script>
</head>
<body>
{AJAX}
<body>
<div id="wrapper">
<!--- ## Logo сайта ## --->
<div class="logo">
<a href="#">
<img src="{THEME}/images/logo.png"/>
</a>
</div>
<!--- ## /END ## --->
<div id="navibar">
<ul>
<li class="first"><a href="/">Главная</a></li><!-- class="active" -->
<li class="center"><a href="http://universemine.meximas.com/register.html">Регистрация</a></li>
<li class="center"><a href="http://universemine.meximas.com/noob.html">Как начать</a></li>
<li class="center"><a href="http://universemine.meximas.com/servers.html">О серверах</a></li>
<li class="center"><a href="http://universemine.meximas.com/donat.html">Донат</a></li>
<li><a href="http://universemine.meximas.com/comands.html">Команды</a></li>
</ul>
</div>
<div id="topcont"></div>
<div id="center-cont">
<div id="left-cont">
[aviable=main]
<div id="left-t"></div>
<!-- ## Слайдер ## -->
<div id="left-c">
<div id="slider-frame">
<div class="nivoSlider" style="position: relative; background: url({THEME}/images/slide4.jpg);) no-repeat scroll 0% 0% transparent;" id="slider">
<a style="display: block;" class="nivo-imageLink" href="#"><img style="display: none;" src="{THEME}/images/slide1.jpg" alt="" title="Официальный игровой Minecraft проэкт"></a>
<a style="display: none;" class="nivo-imageLink" href="#"><img style="display: none;" src="{THEME}/images/slide2.jpg" alt="" title="У нас есть много разных серверов!"></a>
<a style="display: none;" class="nivo-imageLink" href="#"><img style="display: none;" src="{THEME}/images/slide3.jpg" alt="" title="Общаться можно на форуме!"></a>
<a style="display: none;" class="nivo-imageLink" href="#"><img style="display: none;" src="{THEME}/images/slide4.jpg" alt="" title="Прочти правила чтобы не получить БАН!"></a>
</div>
</div>
</div>
<!-- ## /END ## -->
<div id="left-b"></div>
[/aviable]
<div id="left-t"></div>
<div id="left-c">
<div id="post-wrap">
[aviable=main]
<div id="title">
<div id="post-icon"></div>
<div class="title">EpicWorld</div>
<div class="sub-title">Добро пожаловтаь на сайт проэкта EpicWorld</div>
</div>
<div id="title-hr"></div>
<div id="body-text">
<p>Здесь вы можете узнать послдении новости сервера!</p>
</div>
<div id="title">
<div id="post-icon"></div>
<div class="title">Новости и информация сервера</div>
<div class="sub-title">Узнай всю информацию первым!</div>
</div>
<div id="title-hr"></div>
[/aviable]
<!--- ## Новостной блок ## --->
<div id="news">
<div id="news-wrap">
{info}
{content}
</div>
</div>
[aviable=main]
<div id="older"><div id="dot"></div><a href="#">Последние новости</a></div>
[/aviable]
<!--- ## /END ## --->
<!-- ## /END ## -->
</div> </div>
<div id="left-b"></div>
</div>
{include file="sidebar.tpl"}
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'fade',
});
});
</script>
</body></html>
ПРИЛОДЕНИЕ Б