Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
пояснительная записка К ДИПЛОМУ.doc
Скачиваний:
1
Добавлен:
01.05.2025
Размер:
2.21 Mб
Скачать

Где хранятся загруженные статьи и файлы в 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»

«Регистрация»

49