Автор работы: Пользователь скрыл имя, 15 Мая 2013 в 22:19, дипломная работа
Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать себя в роли дизайнера.
В своей дипломной работе я сделал попытку разобраться в том, что необходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментарием создания Web-страниц и как его эффективно использовать.
ВВЕДЕНИЕ 2
1 КОНЦЕПЦИЯ WWW 3
2 ОСНОВНЫЕ ПРАВИЛА И ЭТАПЫ СОЗДАНИЕ САЙТА 5
2.1 Правила Web-дизайна 6
2.1.1 Что такое стиль? 6
2.1.2 Цветовые ассоциативные и эмоциональные модели 8
2.2 Браузеры 9
2.3 Обеспечение доступности Web-страницы 11
2.4 Представление графики на Web-страницах 12
2.5 Графические редакторы 14
3 ДВИЖОК DATALIFE ENGINE 17
3.1. Общие возможности 17
3.2 Общее описание сайта LoreLie.tk 21
ЗАКЛЮЧЕНИЕ 23
СПИСОК ИСПОЛЬЗОВАНЫХ ИСТОЧНИКОВ 24
• Возможность восстановления забытого пароля
• Возможность редактирования новости непосредственно на сайте
• Смена скинов на сайте по своему усмотрению
• Ведение закладок для новостей, и быстрый доступ к ним.
• Массовая загрузка картинок на сервер
• Просмотр и добавление видео на сайт.
Возможности админцентра:
• Добавление, редактирование и удаление новостей
• Полностью настраиваемая админпанель для различных групп пользователей
• Возможность использования двух редакторов (BBCODES или WYSIWYG)
• Антивирус проверяющий состояние файлов на предмет возможного взлома
• Редактирование пользователей
• Имеется возможность использовать смайлы и HTML код
• Неограниченное создание групп пользователей с тонкой настройкой различных прав доступа
• Возможность выставления бана для посетителей
• Средства для создания и редактирования шаблонов непосредственно в админцентре
• Возможность корректировки времени
• Возможность изменения даты публикации
• Автоматическая публикация статьи при наступлении установленного времени
• Возможность отключения календаря и архивов (для экономии ресурсов)
• Возможность фиксации новостей (будут всегда наверху, независимо от даты)
• Отключение регистрации посетителей
• Автоматическая временная приостановка регистрации при достижении максимального количества зарегистрированных пользователей
• Автоматическое уменьшение загруженных картинок с сохранением пропорций до указанных размеров
• Автоматическое удаление пользователей которые не посещали сайт заданное время
• Наложение водяных знаков на картинки
• Возможность загрузки картинок для каждой конкретной новости (при удалении новости, картинки тоже будут удаляться)
• Удобный менеджер загруженных картинок
• Оптимизацию, ремонт, создание резервной копии и восстановление базы данных можно осуществлять непосредственно из скрипта
• Поиск пользователей по IP адресам
• Удобное управление рекламными материалами.
• Быстрый поиск и замена в базе данных
• Публикация "правил" на сайте
• Создаие карты сайта для Google
• Создание фильтров для автоподстановки слов и значений
Одной из особенностей движка Datalife Engine является то, что в него можно подключить любой существующий дизайн не испытывая при этом каких-либо ограничений. Движок поддерживает работу с несколькими шаблонами одновременно. Все шаблоны находятся в папке /tеmplates/. Каждая вложенная папка в этой папке является отдельным макетом сайта. Поэтому если нужен новый скин для движка просто скопируйте его в папку и разрешите его использование в админ панели. Также можно разрешить смену дизайна для посетителей сайта и они сами смогут выбрать, как будет выглядеть сайт.
Рисунок 1 Внешний вид главной страницы
Рисунок 2 Внутренняя структура шаблона оформления
Как можно видеть на рисунке 2 шаблон оформления представлен совокупностью файлов с расширением *.tpl. Главным среди всех этих файлов является main.tpl. Его содержимое представлено ниже:
<!DOCTYPE html>
<html>
<head>
{headers}
<link
rel="shortcut icon" href="{THEME}/images/favicon.
<link
media="screen" href="{THEME}/style/styles.
<link
media="screen" href="{THEME}/style/engine.
<script
type="text/javascript" src="{THEME}/js/libs.js"></
<script
type="text/javascript" src="{THEME}/js/scripts.js"></
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.
<script type="text/javascript">
VK.init({apiId: 3493072, onlyWidgets: true});
</script>
</head>
<body>
{AJAX}
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/
fjs.parentNode.insertBefore(
}(document, 'script', 'facebook-jssdk'));</script>
<div id="wrapper">
{include file="topmenu.tpl"}
<div id="wrapc">
{include file="header.tpl"}
<div id="content">{include file="sidebar.tpl"}
<div id="l-content">{info}{content}
</div>
</div>
{include file="footer.tpl"}
</div>
</body>
</html>
Данный файл является главным,
потому что именно в нем осуществляется
сборка всех модулей шаблона в
единое целое.
Таким образом, изучены возможности языка HTML для создания Web-страниц.
Web-страница – это лицо той фирмы, того учреждения, человека, который разместил ее в WWW. Именно поэтому сегодня Web-дизайну уделяется такое огромное внимание, ибо от него на прямую зависит популярность того или иного информационного ресурса сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых.
Человек, создающий Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить – вот что отличает настоящего Web-дизайнера. Для того чтобы создать Web-страницу, которая бы радовала глаз, нужно сочетать в себе качества художника и программиста.
В данной расчетно-графической работе рассмотрены актуальные вопросы разработки и создания современного Web-сайта.
При этом решены следующие частные задачи:
– ознакомление с современными Интернет- технологиями и их использование в настоящей разработке;
– ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;
Методика процесса разработки и создания Web-сайта, использованная в данной работе, была протестирована в реальных условиях и показала свою работоспособность и эффективность (http://www.lorelie.tk).