
- •Разработка сайта
- •1. Общий раздел
- •1.1 Актуальность выбранной темы
- •1.2 Обзор аналогов
- •1.3 Выбор среды разработки cms Joomla
- •1.4 Минимальные системные требования
- •2. Проектная часть
- •2.1 Разработка интерфейса пользователя
- •2.2 Интерфейс пользователя
- •2.3 Разработка контента
- •2.3.1 Создание разделов сайта
- •2.3.2 Создание категорий сайта
- •2.3.3 Создание объекта контента
- •2.4 Руководство пользователя
- •2.5 Руководство администратора
- •Добавление пользователей на страницу контактов
- •Где хранятся загруженные статьи и файлы в Joomla?
- •Компонент «Личные сообщения»
- •Список используемых источников
Где хранятся загруженные статьи и файлы в Joomla?
Новые пользователи Joomla часто задают один и тот же вопрос: где хранятся статьи, фотографии, ссылки, которые были загружены?
Одним словом можно сказать, что хранятся они в разных местах.
Информацию из статей и страниц, Joomla хранит в виде записей в базе данных. Все Joomla сайты используют базу данных для хранения инфомации, что очень помогает в работе с сайтом. В ней находятся ваши статьи, ссылки и контактные данные. Как правило, используется база данных MySQL, которую предоставляет хостер. Поэтому невозможно найти на сайте файлы с текстом статьи. Joomla автоматически управляет статьями из базы MySQL.
Однако, не все данные хранятся в базе данных MySQL. Фотографии, иконки, различная графика хранится в виде файлов в корне сайта в самой Joomla. Различные типы файлов, хранятся в разных папках. Обычно фото и графика находится в папке: /images/stories/. Можно также создавать папки для фото и картинок внутри этой папки. Другие расширения в Joomla, могут храниться как базе данных, или в папках, так и в базе и папках одновременно.
Итак, если необходимо сделать резервную копию сайта или переместить его на другой сервер, необходимо копировать как саму Joomla, со всеми папками и файлами, так и саму базу данных.
Компонент «Личные сообщения»
Одним из основных компонентов Joomla , входящем в исходную комплектацию, является компонент «Личных сообщений». Он дает возможность отправлять и получать сообщения между пользователями, имеющими право доступа к разделу администрирования.
Компонент очень прост в применении, однако, пользователи часто забывают, что компонент настраивается. Для этого необходимо зайти в Компоненты - Сообщения - Мои Настройки. Компонент настраивается для отправки копий сообщений на электронный ящик и удаление сообщений по прошествии заданного количества дней, а также позволяет заблокировать почтовый ящик.
Заключение
В результате выполненной работы простой сайт-визитка на платформе Joomla 2.5. Изучены панель управления с основными функциями и дополнениями плагинов, шаблонов и модулей, русификация отдельных модулей, процесс автоматизированного наполнения сайта контентом.
Широкое разнообразие модулей и плагинов в Joomla 2.5 дают возможность постоянно совершенствовать свой сайт, и в последующем сайт будет преобразовываться в Интернет-магазин на модуле JoomShopping.
Список используемых источников
1. Автор: Ташков П.А. год издания: 2010 Веб-мастеринг на 100 %: HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка
2. Автор: Алексей Петюшкин год издания 2002 Основы баннерной рекламы
3. http://joomla-create.ru/ - уроки создания сайта в Joomla
4. http://joomla.ru/docs/administrator/dokumentatsiya-po-joomla-2-5/1719-komponent-lichnye-soobschenija
5. http://joomla.ru/docs/administrator/dokumentatsiya-po-joomla-2-5
6.http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8F
7. http://joomla-create.ru/index.php/82-kak-redaktirovat-shablon-v-joomla-2-5
8. Хаген Граф «Руководство для начинающего пользователя Joomla 2.5»
9. http://habrahabr.ru/post/92607/#mnogofunkcionalnye-monstry
Приложение 1
Код «Главная страница»
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" > |
|
<head> |
|
<base href="http://avto43.com/mag/en/produktsiya1" /> |
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
<meta name="keywords" content="joomla, Joomla" /> |
|
<meta name="author" content="Administrator" /> |
|
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" /> |
|
<meta name="generator" content="Joomla! - Open Source Content Management" /> |
|
<title>Shell Helix</title> |
|
<link href="/mag/templates/beez_20/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> |
|
<link href="http://avto43.com/mag/en/component/search/?Itemid=484&format=opensearch" rel="search" title="Search avto43.com" type="application/opensearchdescription+xml" /> |
|
<link rel="stylesheet" href="/mag/templates/system/css/system.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/position.css" type="text/css" media="screen,projection" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/layout.css" type="text/css" media="screen,projection" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/print.css" type="text/css" media="print" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/general.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/nature.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/modules/mod_cdlogin/tmpl/css/mod_cdlogin.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/plugins/system/cdscriptegrator/libraries/highslide/css/highslide.css" type="text/css" /> |
|
<script src="/mag/media/system/js/mootools-core.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/core.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/caption.js" type="text/javascript"></script> |
|
<script src="/mag/media/plg_n3tcopylink/js/copylink.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/mootools-more.js" type="text/javascript"></script> |
|
<script src="/mag/templates/beez_20/javascript/md_stylechanger.js" type="text/javascript"></script> |
|
<script src="/mag/templates/beez_20/javascript/hide.js" type="text/javascript"></script> |
|
<script src="/mag/plugins/system/cdscriptegrator/libraries/highslide/js/highslide-full.min.js" type="text/javascript"></script> |
|
<script type="text/javascript"> |
|
window.addEvent('load', function() { |
|
new JCaption('img.caption'); |
|
}); |
|
CopyLink.addEvent(window, 'load', function () { |
|
new CopyLink({ |
|
container : document.body, |
|
handler : function () { |
|
return '<br />Source: '+location.href+''; |
|
}, |
|
minimalSelection: 20 |
|
}); |
|
}); |
|
|
|
<!-- |
|
hs.graphicsDir = '/mag/plugins/system/cdscriptegrator/libraries/highslide/graphics/'; |
|
hs.outlineType = 'rounded-white'; |
|
hs.outlineWhileAnimating = true; |
|
hs.showCredits = true; |
|
hs.expandDuration = 250; |
|
hs.anchor = 'auto'; |
|
hs.align = 'auto'; |
|
hs.transitions = ["expand"]; |
|
hs.dimmingOpacity = 0; |
|
hs.lang = { |
|
loadingText : 'Loading...', |
|
loadingTitle : 'Click to cancel', |
|
focusTitle : 'Click to bring to front', |
|
fullExpandTitle : 'Expand to actual size', |
|
fullExpandText : 'Full size', |
|
creditsText : 'Powered by Highslide JS', |
|
creditsTitle : 'Go to the Highslide JS homepage', |
|
previousText : 'Previous', |
|
previousTitle : 'Previous (arrow left)', |
|
nextText : 'Next', |
|
nextTitle : 'Next (arrow right)', |
|
moveTitle : 'Move', |
|
moveText : 'Move', |
|
closeText : 'Close', |
|
closeTitle : 'Close (esc)', |
|
resizeTitle : 'Resize', |
|
playText : 'Play', |
|
playTitle : 'Play slideshow (spacebar)', |
|
pauseText : 'Pause', |
|
pauseTitle : 'Pause slideshow (spacebar)', |
|
number : 'Image %1 of %2', |
|
restoreTitle : 'Click to close image, click and drag to move. Use arrow keys for next and previous.' |
|
}; |
|
//--> |
|
function keepAlive() { var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(3600000); }); |
|
hs.Expander.prototype.onAfterExpand = function () { |
|
document.getElementById('modlgn_username').focus(); |
|
}; |
|
|
|
</script> |
|
|
|
|
|
<!--[if lte IE 6]> |
|
<link href="/mag/templates/beez_20/css/ieonly.css" rel="stylesheet" type="text/css" /> |
|
<![endif]--> |
|
|
|
<!--[if IE 7]> |
|
<link href="/mag/templates/beez_20/css/ie7only.css" rel="stylesheet" type="text/css" /> |
|
<![endif]--> |
|
|
|
<script type="text/javascript"> |
|
var big ='72%'; |
|
var small='53%'; |
|
var altopen='is open'; |
|
var altclose='is closed'; |
|
var bildauf='/mag/templates/beez_20/images/plus.png'; |
|
var bildzu='/mag/templates/beez_20/images/minus.png'; |
|
var rightopen='Open info'; |
|
var rightclose='Close info'; |
|
var fontSizeTitle='Font size'; |
|
var bigger='Bigger'; |
|
var reset='Reset'; |
|
var smaller='Smaller'; |
|
var biggerTitle='Increase size'; |
|
var resetTitle='Revert styles to default'; |
|
var smallerTitle='Decrease size'; |
|
</script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="all"> |
|
<div id="back"> |
|
<div id="header"> |
|
<div class="logoheader"> |
|
<h1 id="logo"> |
|
|
|
Avto43.com <span class="header1"> |
|
Оптовая продажа автохимии масел и аксессуаров </span></h1> |
|
</div><!-- end logoheader --> |
|
<ul class="skiplinks"> |
|
<li><a href="#main" class="u2">Skip to content</a></li> |
|
<li><a href="#nav" class="u2">Jump to main navigation and login</a></li> |
|
</ul> |
|
<h2 class="unseen">Nav view search</h2> |
|
<h3 class="unseen">Navigation</h3> |
|
|
|
<ul class="menu"> |
|
<li class="item-490"><a href="/mag/en/registratsiya" >Регистрация</a></li></ul> |
|
|
|
<div id="line"> |
|
<div id="fontsize"></div> |
|
<h3 class="unseen">Search</h3> |
|
<form action="/mag/en/produktsiya1" method="post"> |
|
<div class="search"> |
|
<label for="mod-search-searchword">Search...</label><input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox" type="text" size="20" value="Search..." onblur="if (this.value=='') this.value='Search...';" onfocus="if (this.value=='Search...') this.value='';" /> <input type="hidden" name="task" value="search" /> |
|
<input type="hidden" name="option" value="com_search" /> |
|
<input type="hidden" name="Itemid" value="484" /> |
|
</div> |
|
</form> |
|
|
|
</div> <!-- end line --> |
|
|
|
|
|
</div><!-- end header --> |
|
<div id="contentarea"> |
|
<div id="breadcrumbs"> |
|
|
|
|
|
<div class="breadcrumbs"> |
|
<span class="showHere">You are here: </span><a href="/mag/en/" class="pathway">Home</a> <img src="/mag/templates/beez_20/images/system/arrow.png" alt="" /> <span>Shell Helix</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="left1 leftbigger" id="nav"> |
|
<div class="moduletable"> |
|
<h3><span |
|
class="backh"><span class="backh2"><span class="backh3">Вход на сайт :-)</span></span></span></h3> |
|
|
|
|
|
|
|
|
|
<div class="cd_moduletitle_logo"><a href="#" |
|
onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-loginform', wrapperClassName: 'mod_cdlogin', outlineType: 'rounded-white', align: 'auto', anchor: 'auto', dimmingOpacity: 0, slideshowGroup: 'mod_cdlogin_loginform' } )" |
|
title="Вход/Регистрация">Вход/Регистрация</a></div> |
|
|
|
<div class="highslide-html-content" id="highslide-html-loginform"> |
|
|
|
<div class="highslide-html-content-header"> |
|
<div class="highslide-move" |
|
title="Движение"><a href="#" |
|
onclick="return hs.close(this)" class="control" |
|
title="Закрыть">Закрыть</a> |
|
</div> |
|
</div> |
|
|
|
<div class="highslide-body"> |
|
|
|
<form action="/mag/en/produktsiya1" method="post" name="cdlogin_form_login" id="cdlogin_form_login"> |
|
<fieldset class="input"> |
|
<div> |
|
<p id="cdlogin-form-login-username"> |
|
<label for="modlgn_username">Логин</label> |
|
<br /> |
|
<input id="modlgn_username" type="text" name="username" class="inputbox" title="Логин" alt="username" size="18" /> |
|
</p> |
|
<p id="cdlogin-form-login-password"> |
|
<label for="modlgn_passwd">Пароль</label><br /> |
|
<input id="modlgn_passwd" type="password" name="password" class="inputbox" size="18" title="Пароль" alt="password" /> |
|
</p> |
|
<p id="cdlogin-form-login-remember"> |
|
<input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" title="Запомнить меня" alt="Запомнить меня" /> |
|
<label for="modlgn_remember">Запомнить меня</label> |
|
</p> |
|
<p id="cdlogin-form-login-submit"> |
|
<input type="submit" name="Submit" id="cdlogin_loginbutton" title="Вход" value="" /> |
|
</p> |
|
</div> |
|
</fieldset> |
|
<ul> |
|
<li> |
|
<a href="/mag/en/registratsiya?view=reset" title="Забыли пароль?"> Забыли пароль?</a> |
|
</li> |
|
<li> |
|
<a href="/mag/en/registratsiya?view=remind" title="Забыли логин?"> Забыли логин?</a> |
|
</li> |
|
<li> |
|
<a href="/mag/en/registratsiya" title="Зарегистрироваться"> Зарегистрироваться</a> |
|
</li> |
|
</ul> |
|
<input type="hidden" name="option" value="com_users" /> |
|
<input type="hidden" name="task" value="user.login" /> |
|
<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD00ODQ=" /> |
|
<input type="hidden" name="e0ec76afec050eaf23d00169eed52b76" value="1" /> </form> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="moduletable_menu"> |
|
<h3><span |
|
class="backh"><span class="backh2"><span class="backh3">Продукция</span></span></span></h3> |
|
|
|
<ul class="menu"> |
|
<li class="item-435"><a href="/mag/en/" >Главная</a></li><li class="item-484 current active"><a href="/mag/en/produktsiya1" >Shell Helix</a></li><li class="item-485"><a href="/mag/en/liqui-moly" >LIQUI MOLY</a></li><li class="item-489"><a href="/mag/en/lukojl" >Лукойл</a></li><li class="item-492"><a href="/mag/en/rosneft" >Роснефть</a></li><li class="item-493"><a href="/mag/en/luxe-oil" >Luxe OIL</a></li><li class="item-494"><a href="/mag/en/oilright" >OILRIGHT</a></li><li class="item-495"><a href="/mag/en/neste-oil" >Neste Oil</a></li><li class="item-496"><a href="/mag/en/fram" >FRAM</a></li></ul> |
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div><!-- end navi --> |
|
|
|
<div id="wrapper2" > |
|
|
|
<div id="main"> |
|
|
|
|
|
|
|
<div id="system-message-container"> |
|
</div> |
|
<div class="item-page"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p style="text-align: justify;"><span style="color: #383838; font-family: Tahoma; font-size: small; line-height: normal; text-align: justify;"><strong><img src="/mag/images/shell.gif" border="0" width="131" height="122" style="border: 1px solid black; float: left; margin-left: 10px; margin-right: 10px;" /><br />Моторное масло <a href="http://shell-oil.ru/catalog/group1/ungroup73" target="_blank" title="Ссылка">Shell Helix</a></strong> - Все знают, как это здорово - смыть с себя пыль, грязь и усталость после тяжелого трудового дня, чтобы почувствовать себя бодрым и свежим. А теперь представьте, что двигателю вашего автомобиля необходим такой же уход!</span></p> |
|
<p style="text-align: justify;"><span style="color: #383838; font-family: Tahoma; font-size: small; line-height: normal; text-align: justify;"> Моторные масла <strong>Shell Helix</strong> содержат Активные Моющие Присадки, которые помогают избавиться от вредных примесей, грязного осадка и поддерживают двигатель автомобиля в идеальном состоянии. </span></p> |
|
<p style="text-align: justify;"><span style="color: #383838; font-family: Tahoma; font-size: small; line-height: normal; text-align: justify;">С маслом <strong>Shell Helix</strong> ваш двигатель всегда чист и надежно защищен. Наслаждайтесь его бесшумной, мягкой работой до следующей замены масла.</span></p> |
|
<p style="text-align: justify;"><span style="color: #383838; font-family: Tahoma; font-size: small; line-height: normal; text-align: justify;"><span style="color: #383838; font-family: Tahoma; font-size: small;"> </span></span></p> |
|
<p><iframe src="http://www.youtube.com/embed/Wq9KsfY1uJI" frameborder="0" width="560" height="315"></iframe></p> |
|
|
|
</div> |
|
|
|
|
|
</div><!-- end main --> |
|
|
|
</div><!-- end wrapper --> |
|
|
|
|
|
|
|
<div class="wrap"></div> |
|
|
|
</div> <!-- end contentarea --> |
|
|
|
</div><!-- back --> |
|
|
|
</div><!-- all --> |
|
|
|
<div id="footer-outer"> |
|
|
|
<div id="footer-sub"> |
|
|
|
|
|
<div id="footer"> |
|
|
|
|
|
<p> |
|
Powered by <a href="http://www.joomla.org/">Joomla!®</a> |
|
</p> |
|
|
|
|
|
</div><!-- end footer --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
</html> |
Код «Форма регистрации»
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" > |
|
<head> |
|
<base href="http://avto43.com/mag/en/registratsiya" /> |
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
<meta name="keywords" content="joomla, Joomla" /> |
|
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" /> |
|
<meta name="generator" content="Joomla! - Open Source Content Management" /> |
|
<title>Регистрация</title> |
|
<link href="/mag/templates/beez_20/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> |
|
<link href="http://avto43.com/mag/en/component/search/?Itemid=490&format=opensearch" rel="search" title="Search avto43.com" type="application/opensearchdescription+xml" /> |
|
<link rel="stylesheet" href="/mag/media/system/css/calendar-jos.css" type="text/css" title="Green" media="all" /> |
|
<link rel="stylesheet" href="/mag/templates/system/css/system.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/position.css" type="text/css" media="screen,projection" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/layout.css" type="text/css" media="screen,projection" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/print.css" type="text/css" media="print" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/general.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/templates/beez_20/css/nature.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/modules/mod_cdlogin/tmpl/css/mod_cdlogin.css" type="text/css" /> |
|
<link rel="stylesheet" href="/mag/plugins/system/cdscriptegrator/libraries/highslide/css/highslide.css" type="text/css" /> |
|
<script src="/mag/media/system/js/mootools-core.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/core.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/mootools-more.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/validate.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/calendar.js" type="text/javascript"></script> |
|
<script src="/mag/media/system/js/calendar-setup.js" type="text/javascript"></script> |
|
<script src="/mag/media/plg_n3tcopylink/js/copylink.js" type="text/javascript"></script> |
|
<script src="/mag/templates/beez_20/javascript/md_stylechanger.js" type="text/javascript"></script> |
|
<script src="/mag/templates/beez_20/javascript/hide.js" type="text/javascript"></script> |
|
<script src="/mag/plugins/system/cdscriptegrator/libraries/highslide/js/highslide-full.min.js" type="text/javascript"></script> |
|
<script type="text/javascript"> |
|
function keepAlive() { var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(3600000); }); window.addEvent('domready', function() { |
|
$$('.hasTip').each(function(el) { |
|
var title = el.get('title'); |
|
if (title) { |
|
var parts = title.split('::', 2); |
|
el.store('tip:title', parts[0]); |
|
el.store('tip:text', parts[1]); |
|
} |
|
}); |
|
var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false}); |
|
}); Calendar._DN = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"); Calendar._SDN = new Array ("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"); Calendar._FD = 0; Calendar._MN = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); Calendar._SMN = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"); Calendar._TT = {};Calendar._TT["INFO"] = "About the Calendar"; Calendar._TT["ABOUT"] = |
|
"DHTML Date/Time Selector\n" + |
|
"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + |
|
"For latest version visit: http://www.dynarch.com/projects/calendar/\n" + |
|
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." + |
|
"\n\n" + |
|
"Date selection:\n" + |
|
"- Use the « and » buttons to select year\n" + |
|
"- Use the < and > buttons to select month\n" + |
|
"- Hold mouse button on any of the above buttons for faster selection."; |
|
Calendar._TT["ABOUT_TIME"] = "\n\n" + |
|
"Time selection:\n" + |
|
"- Click on any of the time parts to increase it\n" + |
|
"- or Shift-click to decrease it\n" + |
|
"- or click and drag for faster selection."; |
|
|
|
Calendar._TT["PREV_YEAR"] = "Click to move to the previous year. Click and hold for a list of years."; Calendar._TT["PREV_MONTH"] = "Click to move to the previous month. Click and hold for a list of the months."; Calendar._TT["GO_TODAY"] = "Go to today"; Calendar._TT["NEXT_MONTH"] = "Click to move to the next month. Click and hold for a list of the months."; Calendar._TT["NEXT_YEAR"] = "Click to move to the next year. Click and hold for a list of years."; Calendar._TT["SEL_DATE"] = "Select a date."; Calendar._TT["DRAG_TO_MOVE"] = "Drag to move"; Calendar._TT["PART_TODAY"] = "Today"; Calendar._TT["DAY_FIRST"] = "Display %s first"; Calendar._TT["WEEKEND"] = "0,6"; Calendar._TT["CLOSE"] = "Close"; Calendar._TT["TODAY"] = "Today"; Calendar._TT["TIME_PART"] = "(Shift-)Click or Drag to change the value."; Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d"; Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e"; Calendar._TT["WK"] = "wk"; Calendar._TT["TIME"] = "Time:"; window.addEvent('domready', function() {Calendar.setup({ |
|
// Id of the input field |
|
inputField: "jform_profile_dob", |
|
// Format of the input field |
|
ifFormat: "%Y-%m-%d", |
|
// Trigger for the calendar (button ID) |
|
button: "jform_profile_dob_img", |
|
// Alignment (defaults to "Bl") |
|
align: "Tl", |
|
singleClick: true, |
|
firstDay: 0 |
|
});}); |
|
CopyLink.addEvent(window, 'load', function () { |
|
new CopyLink({ |
|
container : document.body, |
|
handler : function () { |
|
return '<br />Source: '+location.href+''; |
|
}, |
|
minimalSelection: 20 |
|
}); |
|
}); |
|
|
|
<!-- |
|
hs.graphicsDir = '/mag/plugins/system/cdscriptegrator/libraries/highslide/graphics/'; |
|
hs.outlineType = 'rounded-white'; |
|
hs.outlineWhileAnimating = true; |
|
hs.showCredits = true; |
|
hs.expandDuration = 250; |
|
hs.anchor = 'auto'; |
|
hs.align = 'auto'; |
|
hs.transitions = ["expand"]; |
|
hs.dimmingOpacity = 0; |
|
hs.lang = { |
|
loadingText : 'Loading...', |
|
loadingTitle : 'Click to cancel', |
|
focusTitle : 'Click to bring to front', |
|
fullExpandTitle : 'Expand to actual size', |
|
fullExpandText : 'Full size', |
|
creditsText : 'Powered by Highslide JS', |
|
creditsTitle : 'Go to the Highslide JS homepage', |
|
previousText : 'Previous', |
|
previousTitle : 'Previous (arrow left)', |
|
nextText : 'Next', |
|
nextTitle : 'Next (arrow right)', |
|
moveTitle : 'Move', |
|
moveText : 'Move', |
|
closeText : 'Close', |
|
closeTitle : 'Close (esc)', |
|
resizeTitle : 'Resize', |
|
playText : 'Play', |
|
playTitle : 'Play slideshow (spacebar)', |
|
pauseText : 'Pause', |
|
pauseTitle : 'Pause slideshow (spacebar)', |
|
number : 'Image %1 of %2', |
|
restoreTitle : 'Click to close image, click and drag to move. Use arrow keys for next and previous.' |
|
}; |
|
//--> |
|
|
|
hs.Expander.prototype.onAfterExpand = function () { |
|
document.getElementById('modlgn_username').focus(); |
|
}; |
|
|
|
</script> |
|
|
|
|
|
<!--[if lte IE 6]> |
|
<link href="/mag/templates/beez_20/css/ieonly.css" rel="stylesheet" type="text/css" /> |
|
<![endif]--> |
|
|
|
<!--[if IE 7]> |
|
<link href="/mag/templates/beez_20/css/ie7only.css" rel="stylesheet" type="text/css" /> |
|
<![endif]--> |
|
|
|
<script type="text/javascript"> |
|
var big ='72%'; |
|
var small='53%'; |
|
var altopen='is open'; |
|
var altclose='is closed'; |
|
var bildauf='/mag/templates/beez_20/images/plus.png'; |
|
var bildzu='/mag/templates/beez_20/images/minus.png'; |
|
var rightopen='Open info'; |
|
var rightclose='Close info'; |
|
var fontSizeTitle='Font size'; |
|
var bigger='Bigger'; |
|
var reset='Reset'; |
|
var smaller='Smaller'; |
|
var biggerTitle='Increase size'; |
|
var resetTitle='Revert styles to default'; |
|
var smallerTitle='Decrease size'; |
|
</script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="all"> |
|
<div id="back"> |
|
<div id="header"> |
|
<div class="logoheader"> |
|
<h1 id="logo"> |
|
|
|
Avto43.com <span class="header1"> |
|
Оптовая продажа автохимии масел и аксессуаров </span></h1> |
|
</div><!-- end logoheader --> |
|
<ul class="skiplinks"> |
|
<li><a href="#main" class="u2">Skip to content</a></li> |
|
<li><a href="#nav" class="u2">Jump to main navigation and login</a></li> |
|
</ul> |
|
<h2 class="unseen">Nav view search</h2> |
|
<h3 class="unseen">Navigation</h3> |
|
|
|
<ul class="menu"> |
|
<li class="item-490 current active"><a href="/mag/en/registratsiya" >Регистрация</a></li></ul> |
|
|
|
<div id="line"> |
|
<div id="fontsize"></div> |
|
<h3 class="unseen">Search</h3> |
|
<form action="/mag/en/registratsiya" method="post"> |
|
<div class="search"> |
|
<label for="mod-search-searchword">Search...</label><input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox" type="text" size="20" value="Search..." onblur="if (this.value=='') this.value='Search...';" onfocus="if (this.value=='Search...') this.value='';" /> <input type="hidden" name="task" value="search" /> |
|
<input type="hidden" name="option" value="com_search" /> |
|
<input type="hidden" name="Itemid" value="490" /> |
|
</div> |
|
</form> |
|
|
|
</div> <!-- end line --> |
|
|
|
|
|
</div><!-- end header --> |
|
<div id="contentarea"> |
|
<div id="breadcrumbs"> |
|
|
|
|
|
<div class="breadcrumbs"> |
|
<span class="showHere">You are here: </span><a href="/mag/en/" class="pathway">Home</a> <img src="/mag/templates/beez_20/images/system/arrow.png" alt="" /> <span>Регистрация</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="left1 leftbigger" id="nav"> |
|
<div class="moduletable"> |
|
<h3><span |
|
class="backh"><span class="backh2"><span class="backh3">Вход на сайт :-)</span></span></span></h3> |
|
|
|
|
|
|
|
|
|
<div class="cd_moduletitle_logo"><a href="#" |
|
onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-loginform', wrapperClassName: 'mod_cdlogin', outlineType: 'rounded-white', align: 'auto', anchor: 'auto', dimmingOpacity: 0, slideshowGroup: 'mod_cdlogin_loginform' } )" |
|
title="Вход/Регистрация">Вход/Регистрация</a></div> |
|
|
|
<div class="highslide-html-content" id="highslide-html-loginform"> |
|
|
|
<div class="highslide-html-content-header"> |
|
<div class="highslide-move" |
|
title="Движение"><a href="#" |
|
onclick="return hs.close(this)" class="control" |
|
title="Закрыть">Закрыть</a> |
|
</div> |
|
</div> |
|
|
|
<div class="highslide-body"> |
|
|
|
<form action="/mag/en/registratsiya" method="post" name="cdlogin_form_login" id="cdlogin_form_login"> |
|
<fieldset class="input"> |
|
<div> |
|
<p id="cdlogin-form-login-username"> |
|
<label for="modlgn_username">Логин</label> |
|
<br /> |
|
<input id="modlgn_username" type="text" name="username" class="inputbox" title="Логин" alt="username" size="18" /> |
|
</p> |
|
<p id="cdlogin-form-login-password"> |
|
<label for="modlgn_passwd">Пароль</label><br /> |
|
<input id="modlgn_passwd" type="password" name="password" class="inputbox" size="18" title="Пароль" alt="password" /> |
|
</p> |
|
<p id="cdlogin-form-login-remember"> |
|
<input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" title="Запомнить меня" alt="Запомнить меня" /> |
|
<label for="modlgn_remember">Запомнить меня</label> |
|
</p> |
|
<p id="cdlogin-form-login-submit"> |
|
<input type="submit" name="Submit" id="cdlogin_loginbutton" title="Вход" value="" /> |
|
</p> |
|
</div> |
|
</fieldset> |
|
<ul> |
|
<li> |
|
<a href="/mag/en/registratsiya?view=reset" title="Забыли пароль?"> Забыли пароль?</a> |
|
</li> |
|
<li> |
|
<a href="/mag/en/registratsiya?view=remind" title="Забыли логин?"> Забыли логин?</a> |
|
</li> |
|
<li> |
|
<a href="/mag/en/registratsiya" title="Зарегистрироваться"> Зарегистрироваться</a> |
|
</li> |
|
</ul> |
|
<input type="hidden" name="option" value="com_users" /> |
|
<input type="hidden" name="task" value="user.login" /> |
|
<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD00OTA=" /> |
|
<input type="hidden" name="e0ec76afec050eaf23d00169eed52b76" value="1" /> </form> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="moduletable_menu"> |
|
<h3><span |
|
class="backh"><span class="backh2"><span class="backh3">Продукция</span></span></span></h3> |
|
|
|
<ul class="menu"> |
|
<li class="item-435"><a href="/mag/en/" >Главная</a></li><li class="item-484"><a href="/mag/en/produktsiya1" >Shell Helix</a></li><li class="item-485"><a href="/mag/en/liqui-moly" >LIQUI MOLY</a></li><li class="item-489"><a href="/mag/en/lukojl" >Лукойл</a></li><li class="item-492"><a href="/mag/en/rosneft" >Роснефть</a></li><li class="item-493"><a href="/mag/en/luxe-oil" >Luxe OIL</a></li><li class="item-494"><a href="/mag/en/oilright" >OILRIGHT</a></li><li class="item-495"><a href="/mag/en/neste-oil" >Neste Oil</a></li><li class="item-496"><a href="/mag/en/fram" >FRAM</a></li></ul> |
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div><!-- end navi --> |
|
|
|
<div id="wrapper2" > |
|
|
|
<div id="main"> |
|
|
|
|
|
|
|
<div id="system-message-container"> |
|
</div> |
|
<div class="registration"> |
|
|
|
<form id="member-registration" action="/mag/en/registratsiya?task=registration.register" method="post" class="form-validate" enctype="multipart/form-data"> |
|
<fieldset> |
|
<legend>User Registration</legend> |
|
<dl> |
|
<dt> |
|
<span class="spacer"><span class="before"></span><span class="text"><label id="jform_spacer-lbl" class=""><strong class="red">*</strong> Required field</label></span><span class="after"></span></span> </dt> |
|
<dd> </dd> |
|
<dt> |
|
<label id="jform_name-lbl" for="jform_name" class="hasTip required" title="Name::Enter your full name">Name:<span class="star"> *</span></label> </dt> |
|
<dd><input type="text" name="jform[name]" id="jform_name" value="" class="required" size="30"/></dd> |
|
<dt> |
|
<label id="jform_username-lbl" for="jform_username" class="hasTip required" title="Username::Enter your desired user name">Username:<span class="star"> *</span></label> </dt> |
|
<dd><input type="text" name="jform[username]" id="jform_username" value="" class="validate-username required" size="30"/></dd> |
|
<dt> |
|
<label id="jform_password1-lbl" for="jform_password1" class="hasTip required" title="Password::Enter your desired password - Enter a minimum of 4 characters">Password:<span class="star"> *</span></label> </dt> |
|
<dd><input type="password" name="jform[password1]" id="jform_password1" value="" autocomplete="off" class="validate-password required" size="30"/></dd> |
|
<dt> |
|
<label id="jform_password2-lbl" for="jform_password2" class="hasTip required" title="Confirm Password::Confirm your password">Confirm Password:<span class="star"> *</span></label> </dt> |
|
<dd><input type="password" name="jform[password2]" id="jform_password2" value="" autocomplete="off" class="validate-password required" size="30"/></dd> |
|
<dt> |
|
<label id="jform_email1-lbl" for="jform_email1" class="hasTip required" title="Email Address::Enter your email address">Email Address:<span class="star"> *</span></label> </dt> |
|
<dd><input type="text" name="jform[email1]" class="validate-email required" id="jform_email1" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_email2-lbl" for="jform_email2" class="hasTip required" title="Confirm email Address::Confirm your email address">Confirm email Address:<span class="star"> *</span></label> </dt> |
|
<dd><input type="text" name="jform[email2]" class="validate-email required" id="jform_email2" value="" size="30"/></dd> |
|
</dl> |
|
</fieldset> |
|
<fieldset> |
|
<legend>User Profile</legend> |
|
<dl> |
|
<dt> |
|
<label id="jform_profile_address1-lbl" for="jform_profile_address1" class="hasTip" title="Address 1::Choose an option for the field Address1">Address 1:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][address1]" id="jform_profile_address1" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_address2-lbl" for="jform_profile_address2" class="hasTip" title="Address 2::Choose an option for the field Address2">Address 2:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][address2]" id="jform_profile_address2" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_city-lbl" for="jform_profile_city" class="hasTip" title="City::Choose an option for the field City">City:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][city]" id="jform_profile_city" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_region-lbl" for="jform_profile_region" class="hasTip" title="Region::Choose an option for the field Region">Region:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][region]" id="jform_profile_region" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_country-lbl" for="jform_profile_country" class="hasTip" title="Country::Choose an option for the field Country">Country:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][country]" id="jform_profile_country" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_postal_code-lbl" for="jform_profile_postal_code" class="hasTip" title="Postal / ZIP Code::Choose an option for the field Postal Code">Postal / ZIP Code:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][postal_code]" id="jform_profile_postal_code" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_phone-lbl" for="jform_profile_phone" class="hasTip" title="Phone::Choose an option for the field Phone">Phone:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][phone]" id="jform_profile_phone" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_website-lbl" for="jform_profile_website" class="hasTip" title="Web site::Choose an option for the field Web Site">Web site:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][website]" id="jform_profile_website" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_favoritebook-lbl" for="jform_profile_favoritebook" class="hasTip" title="Favourite Book::Choose an option for the field Favourite Book">Favourite Book:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" name="jform[profile][favoritebook]" id="jform_profile_favoritebook" value="" size="30"/></dd> |
|
<dt> |
|
<label id="jform_profile_aboutme-lbl" for="jform_profile_aboutme" class="hasTip" title="About Me::Choose an option for the field About Me.">About Me:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><textarea name="jform[profile][aboutme]" id="jform_profile_aboutme" cols="30" rows="5"></textarea></dd> |
|
<dt> |
|
<label id="jform_profile_dob-lbl" for="jform_profile_dob" class="hasTip" title="Date of Birth::Choose an option for the field Date of Birth">Date of Birth:</label> <span class="optional">(optional)</span> |
|
</dt> |
|
<dd><input type="text" title="" name="jform[profile][dob]" id="jform_profile_dob" value="" /><img src="/mag/templates/beez_20/images/system/calendar.png" alt="Calendar" class="calendar" id="jform_profile_dob_img" /></dd> |
|
</dl> |
|
</fieldset> |
|
<div> |
|
<button type="submit" class="validate">Register</button> |
|
or <a href="/mag/" title="Cancel">Cancel</a> |
|
<input type="hidden" name="option" value="com_users" /> |
|
<input type="hidden" name="task" value="registration.register" /> |
|
<input type="hidden" name="e0ec76afec050eaf23d00169eed52b76" value="1" /> </div> |
|
</form> |
|
</div> |
|
|
|
|
|
</div><!-- end main --> |
|
|
|
</div><!-- end wrapper --> |
|
|
|
|
|
|
|
<div class="wrap"></div> |
|
|
|
</div> <!-- end contentarea --> |
|
|
|
</div><!-- back --> |
|
|
|
</div><!-- all --> |
|
|
|
<div id="footer-outer"> |
|
|
|
<div id="footer-sub"> |
|
|
|
|
|
<div id="footer"> |
|
|
|
|
|
<p> |
|
Powered by <a href="http://www.joomla.org/">Joomla!®</a> |
|
</p> |
|
|
|
|
|
</div><!-- end footer --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
</html> |
Приложение 2.
Экранные формы
«Главная»
«Shell Helix»
«LIQUI MOLY»
«Лукойл»
«Роснефть»
«Luxe Oil»
«OILRIGHT»
«Neste Oil»
«FRAM»
«Регистрация»