38884

Разработка САЙТА на cms joomla 2.5

Дипломная

Информатика, кибернетика и программирование

Профессионально созданный сайт обеспечивает легкость его нахождения по запросам в поисковых системах, поскольку целевую аудиторию составляют пользователи, которые ищут конкретную информацию в Интернете. Постоянный контакт с клиентами и партнёрами позволяет оперативно реагировать на изменения рынка и проводить своевременную коррекцию. Кроме того, расходы на рекламу в Интернете значительно ниже, чем в традиционных средствах.

Русский

2013-09-30

2.1 MB

350 чел.

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ

РОССИЙСКОЙ ФЕДЕРАЦИИ

НОУ СПО Волго-Вятский колледж информатики, финансов, права, управления

  

УТВЕРЖДАЮ

Председатель ПЦК информатики

_________Н.Г.Репкина

« »  2013 г.

Разработка САЙТА

на cms joomla 2.5

 

Пояснительная записка дипломного проекта

ВВКИФПУ.230102.001 ПЗ

Разработал студент гр. АД-41    /Соловьева Е.Л./24.06.2013

(подпись) (Ф.И.О.) (дата)

Руководитель        /Репкин Д.А./ 24.06.2013

(подпись) (Ф.И.О.) (дата)

Нормоконтролер       /Репкин Д.А./ 24.06.2013

(подпись) (Ф.И.О.) (дата)

Киров 2013

Содержание:

Введение

3

1

Общий раздел

5

1.1

     Актуальность выбранной темы

5

1.2

     Обзор аналогов

5

1.3

     Выбор среды разработки CMS Joomla

9

1.4

     Минимальные системные требования

11

2

Проектная часть

12

2.1

     Разработка интерфейса пользователя

12

2.2

     Интерфейс пользователя

12

2.3

     Разработка контента

13

2.4

     Руководство пользователя

19

2.5

     Руководство администратора

21

Заключение

24

Список используемых источников

25

Приложения

                

 

Введение

В настоящее время Интернет представляет собой один из самых активно развивающихся средств информации. По статистике, значительное число населения имеют дома компьютер и имеют доступ к сети Интернет.

Создание сайта в Интернете обеспечивает новые возможности по расширению, информационной поддержке или рекламе бизнеса.

Профессионально созданный сайт обеспечивает легкость его нахождения по запросам в поисковых системах, поскольку целевую аудиторию составляют пользователи, которые ищут конкретную информацию в Интернете. Постоянный контакт с клиентами и партнёрами позволяет оперативно реагировать на изменения рынка и проводить своевременную коррекцию. Кроме того, расходы на рекламу в Интернете значительно ниже, чем в традиционных средствах.

Веб-сайт сегодня является не только информационным средством или визиткой, а полноценным маркетинговым инструментом, привлекающим новых клиентов, приносящим прибыль.

Существует огромное количество справочно-информационных сайтов, предоставляющих полную информацию почти по любому запросу. Намного легче зайти на сайт и узнать всё необходимое, нежели искать по газетам и журналам.

Качественный сайт является основным информационным ресурсом всей компании. При помощи сайта можно:

• передать всю необходимую информацию о товарах и услугах компании, в том числе самые последние новости;

• наладить прямой контакт с клиентом, начиная от продаж в интернет-магазине и заканчивая сервисной информационной поддержкой;

• красиво разрекламировать свою фирму, товары, услуги, так, чтобы иметь одновременно зрелищность телевизионной рекламы и информативность буклета.

Целью данной дипломной работы является проектирование интернет ресурса посвященного фирме, занимающейся в сфере оптовых продаж автохимии и автомасел. Для достижения поставленной цели необходимо решение следующих задач:

• сбора материалов относящихся к исследуемому объекту;

• анализа полученной информации;

• выбора технологии и программных средств реализации.

Объектом исследования является фирма, занимающаяся оптовыми продажами автохимии и масел.

Предмет исследования – методы, технологии разработки интернет - сайта.

Дипломная работа состоит из двух частей.

Первая - это методологическое обеспечение, которая посвящена анализу, выбору технологий проектирования и разработке программы обследования.

Вторая часть включает в себя описание результатов работ на предпроектной стадии. Конкретнее анализ и определение состава объектов и задач автоматизации, комплекс технических средств, среда проектирования.

1. Общий раздел

1.1 Актуальность выбранной темы

На сегодняшний день практически каждая организация имеет собственный веб-сайт. В условиях использования современных информационных технологий - это необходимый фактор существования, что позволяет расширить поле рекламной деятельности и привлечь тем самым дополнительных клиентов.

Процесс создания и разработки сайтов включает в себя:

1. Утверждение первичного технического задания на разработку сайта.

2. Определение структурной схемы сайта - расположение разделов, контента и навигации.

3. Веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации.

4. Разработку программного кода, модулей, базы данных и других элементов сайта необходимых в проекте.

5. Тестирование и размещение сайта в сети Интернет.

1.2 Обзор аналогов

Систе́ма управле́ния содержи́мым (конте́нтом) (англ. Content management system, CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым)

Основные функции CMS:

  •  Предоставление инструментов для создания содержимого, организация совместной работы над содержимым,
  •  Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.,
  •  Публикация содержимого,
  •  Представление информации в виде, удобном для навигации, поиска.

В системе управления содержимым могут находиться самые различные данные: документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.

CMS подразделяются на:

CMS общего назначения. Информационные сайты, визитки, блоги

MaxSite CMS.

Система написана на фреймворке, следовательно, дописывать любой функционал можно как угодно. Да и сама система поверх фреймворка предоставляет большое количество сервисного API. Сложная в управлении.

Mosquito Blood Mary.

Абсолютно все манипуляции делаются через интерфейс, а не вручную. Всё удобно и понятно.

Также для сайтов общего назначения можно задействовать и Wordpress, и Drupal, и Joomla.

Многофункциональные CMS.

Многофункциональность заключается в том, что к ним существует уйма плагинов, за счёт чего можно построить и портал, и мультиблог, и магазин, и галерею, и соцсеть, и всё это разом.

Joomla.

Основные возможности

  •  Функциональность можно увеличивать с помощью дополнительных расширений (компонентов, модулей и плагинов).
  •  Имеется модуль безопасности для многоуровневой аутентификации пользователей и администраторов (используется собственный алгоритм аутентификации и «ведения» сессий).
  •  Система шаблонов позволяет легко изменять внешний вид сайта или создать свой уникальный. В сети существует огромный выбор готовых шаблонов, как платных, так и бесплатных.
  •  Предусмотрены настраиваемые схемы расположения модулей, включая левый, правый, центральный и любое другое произвольное положения блока. При желании содержимое модуля можно включить в содержимое материала.
  •  К преимуществам системы можно отнести то, что все компоненты, модули, плагины и шаблоны можно написать самому, разместить их в структурированном каталоге расширений или отредактировать существующее расширение по своему усмотрению.
  •  Происходит регулярный выход обновлений. Существует публичный «баг-трекер» (система отслеживания ошибок). Существуют также трекеры миграции со старых версий Joomla, трекер пожеланий расширения функционала и так далее, где пользователи Joomla могут оставлять замечания по поводу работы CMS, которые впоследствии изучаются её разработчиками, при необходимости включающими в очередное обновление Joomla исправления, решающие те или иные проблемы.
  •  Начиная с версии 1.6 встроена многоязычность.
  •  Начиная с версии 2.5 расширена поддержка баз данных. Реализована поддержка Microsoft SQL Server, а с версии 3.0 —PostgreSQL. В дальнейшем планируется добавить поддержку Oracle, SQLite.

Возможности администрирования

  •  Для каждой динамической страницы можно создать своё описание и ключевые слова в целях повышения рейтинга в поисковых системах;
  •  Начало и окончание публикации любых материалов можно запрограммировать по календарю;
  •  Возможность ограничить доступ к определённым разделам сайта только для зарегистрированных пользователей, а с выходом Joomla 1.6 доступ как к разделу, так и к определённому материалу с точностью до конкретной связи материал↔пользователь;
  •  Настраиваемые схемы расположения элементов по областям шаблона;
  •  Различные модули (последние новости, счётчик посещений, подробная статистика посещений, гостевая книга, форум и другие);
  •  В версии 1.6 была сильно улучшена система установки и управления расширениями. Теперь возможно одновременно устанавливать несколько расширений, объединённых в один инсталляционный пакет. Более того, реализована возможность автоматического обновления установленных расширений (при условии, что разработчик расширения задействует этот механизм);
  •  В версии 1.6 появилась возможность публикации содержимого на нескольких языках;
  •  В версии 1.6 появилась возможность определить время начала и завершения публикации модулей. Так же в новой версии Joomla улучшены возможности по управлению отображением содержимого;
  •  Возможность создания не одной, а нескольких форм обратной связи для каждого контакта;
  •  Модуль приёма от удалённых авторов новостей, статей и ссылок;
  •  Иерархия объектов;
  •  Менеджер рассылки новостей. Поддержка более чем 360 служб рассылки новостей по всему миру;
  •  Встроенный визуальный редактор TinyMCE;
  •  ЧПУ — «человекопонятный URL», например, «example.com/news/2011/»;
  •  Более 10000 (по состоянию на 4 октября 2012) готовых модулей и компонентов


Wordpress.

Административная панель логична и проста. Растущая загруженность на сервер и ограниченность в какой-то мере. Её желательно знать и уметь настраивать на максимум производительности.

  Drupal

В минусах большая сложность этой системы. Мощный движок.
Главное преимущество — очень развитая и продуманная система хуков, позволяющая переопределять практически любое событие системы. Плюс два самых популярных модуля, cck и views, позволяющих конструировать произвольные типы данных и их отображение.

Галереи.

Социальные сети.

Форумы.

Интернет-магазины.

1.3  Выбор среды разработки CMS Joomla 

«Joomla» – это система управления контентом, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. «Joomla» является свободным программным обеспечением, защищённым лицензией GPL. Одной из главных особенностей «Joomla» является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. Название «Joomla» фонетически идентично слову «Jumla», которое в переводе означает «все вместе» или «единое целое», что отражает подход разработчиков и сообщества к развитию системы. Это название было выбрано сообществом среди многих, прошло проверку профессионалами маркетинга, и было решено, что «Joomla» – это самый удачный выбор. Административная панель «Joomla» представлена на рисунках 1,2.

Рисунок 1. Вход в административную панель

Рисунок 2. Административная панель (панель управления)

Система управления содержанием «Joomla» является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. 16 сентября 2005 года в свет вышла первая версия «Joomla», являющаяся по сути переименованной Mambo и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.

CMS «Joomla» включает в себя различные инструменты для изготовления web-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит пространство на хостинге.

Достоинства «Joomla»:

«Joomla» бесплатна.

«Joomla» развивается профессионалами уже больше 5 лет. Т.е. можно быть уверенным что система будет развиваться и дальше, а сайты написанные на ней будут и дальше актуальны.

Система работает с различными расширениями и модулями. Изначально в нее заложена только базовые компоненты, все остальное можно установить исходя из направленности сайта.

Более 4000 бесплатных и платных расширений.

Система реализована по блочному принципу. У каждого созданного сайта на «Joomla» существует своя шапка, левый и правый блоки, меню и т.д. Такое построение упрощает понимание системы.

«Joomla» позволяет создавать сайты любой сложности.

«Joomla» имеет много платных и бесплатных шаблонов которые легко модифицируются.

Недостатки «Joomla»:

«Joomla» не очень быстра на локальном сервере.

В 2008 году система перешла на новую ступень развития (версия 1.5.х), поэтому часть дополнений, сделанных под версию 1.0.х стали недоступными.

Текущая версия системы — 2.5.х, выпуск которой состоялся в начале февраля 2012 г.

Тестовая версия системы — 3.0.х, выпуск которой состоялся 27 сентября 2012 г.

1.4  Минимальные системные требования

  •  Для версий 1.6, 1.7 и 2.5 требуются, как минимум, Apache 2.0, PHP 5.2.4 и MySQL 5.0.4.
  •  Для версии 3.x требуются PHP 5.3.1+ (Magic Quotes GPC off), MySQL 5.1+ (с поддержкой InnoDB), Apache 2.x+ (с модулями mod_mysql, mod_xml, и mod_zlib)

2. Проектная часть

2.1 Разработка интерфейса пользователя

Главная:

             О компании (информация об организации)

             Продукция

                           Shell Helix 

                           LIQUI MOLY

                           Лукойл

                           Роснефть

                           Luxe Oil

                           OILRIGHT

                           Neste Oil

                           FRAM

2.2 Интерфейс пользователя

Интерфейс пользователя - элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением. В том числе: 
- средства отображения информации, отображаемая информация, форматы и коды; 
- командные режимы, язык пользователь-интерфейс; 
- устройства и технологии ввода данных; 
- диалоги, взаимодействие и транзакции между пользователем и компьютером; 
- обратная связь с пользователем; 
- поддержка принятия решений в конкретной предметной области; 
- порядок использования программы и документация на нее.

(экранные формы в приложении)

2.3 Разработка контента

2.3.1 Создание разделов сайта

Раздел - это главный (верхний) объект в основе иерархии структуры содержимого.

Для работы с разделами необходимо перейти на страницу "Разделы". Можно нажать на главной странице панели кнопку "Разделы" или в основном меню выбрать "Материалы", затем пункт "Менеджер разделов".

Будет открыта страница "Менеджер разделов". На странице "Менеджер разделов", используя кнопки на панели инструментов, можно (перечисление справа налево):

- открыть в новом окне страницу описания по данному окну ("Управление разделами"). Нажмите кнопку "Помощь".

- Создать новый раздел. Нажмите кнопку "Создать".

- Изменить существующий раздел. Нажмите на название раздела или отметьте нужный раздел и нажмите кнопку "Изменить".

- Удалить существующий раздел. Отметьте нужный раздел и нажмите кнопку "Удалить".

- Копировать существующий раздел. Отметьте нужный раздел и нажмите кнопку "Копировать".

- Скрыть (сделать неопубликованным) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Скрыть".

- Допустить (Опубликовать) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Показать".

- Для создания нового раздела нажмите кнопку "Создать". Будет открыта страница редактирования раздела.

На странице редактирования раздела с помощью кнопок на панели инструментов (перечисление справа налево):

- Помощь - открыть в новом окне страницу описания по данному окну (редактирование раздела). Нажмите кнопку "Помощь".

- Применить (сохранить) изменения, но остаться на странице редактирования раздела. Нажмите кнопку "Применить".

- Сохранить изменения и закрыть страницу редактирования раздела и вернуться (выйти) на страницу «Менеджер разделов» Нажмите кнопку "Сохранить".

- Загрузить изображение (сохраняется в папку images \ stories). Нажмите кнопку "Изображение".

На странице редактирования раздела нужно:

- В поле "Псевдоним" ввести короткое имя раздела, которое будет использоваться в меню или в выпадающих списках панели управления.

- В поле "Заголовок" ввести длинное имя раздела, которое будет использоваться при отображении содержимого раздела на сайте, показывая заголовок раздела.

- В поле "Изображение" выбрать изображение, которое будет использоваться при отображении раздела в меню.

- В поле "Порядок отображения" после применения (сохранения) изменений можно изменить порядок отображения раздела в списке на странице "Менеджер разделов".

- В поле "Доступ" можно выставить права доступа на просмотр данного раздела (содержимого данного раздела):

- "Все" - для всех посетителей веб-сайта;

- "Зарегистрированный" - для зарегистрированных пользователей сайта;

- "Специальный" - для зарегистрированных пользователей панели управления;

- В поле "Опубликовано" - выбрать публиковать сейчас или нет;

- В поле "Описание" можно написать краткое описание (аннотацию) содержимого раздела.

Кнопки на панели инструментов HTML-редактора помогают задавать стиль (формат) вводимого текста.

Закончив создавать или редактировать раздел, нажимаем кнопку «Сохранить» для сохранения результатов работы и выхода на страницу «Менеджер разделов» или кнопку «Применить» для сохранения результатов, не закрывая страницы редактирования раздела.

2.3.2 Создание категорий сайта

Категория - это второй (после раздела) объект в иерархии структуры содержимого. Создание категории похоже на создание раздела.

Для работы с категориями необходимо перейти на страницу «Менеджер категорий».

Есть два способа перейти на страницу «Менеджер категорий».

Первый способ: можно нажать на главной странице панели кнопку «Менеджер категорий», или в основном меню выберите "Содержимое", затем пункт «Менеджер разделов». Будет открыта страница «Менеджер категорий».

Второй способ: в основном меню выбрать "Содержимое", затем "Содержимое по разделам" и далее нужный нам раздел. И в выпадающем продолжении меню пункт "Добавить / изменить категории в выбранном вами разделе". Будет открыта страница «Менеджер категорий».

При открытии страницы «Менеджер категорий» первым способом будет доступно фильтрация категории по разделам. При создании новой категории можно будет выбрать раздел, в который должна войти новая категория. Опция фильтрации на странице доступна справа под панелью инструментов.

При открытии страницы «Менеджер категорий» вторым способом опция фильтрации будет "жестко" привязана к выбранному нами разделу. При создании новой категории, имя раздела, в который войдет новая категории будет "жестко" привязана к выбранному нами разделу.

Примечание: Чтобы выбрать другой раздел, потребуется снова повторить способ второй или первый, для доступа на страницу «Менеджер категорий».

Рисунок 3. Менеджер категорий в панели управления

На странице «Менеджер категорий», используя кнопки на панели инструментов, можно (перечисление справа налево):

- Помощь - открыть в новом окне страницу описания поданному окну ("Менеджер категорий»). Нажмите кнопку «Помощь».

- Создать новую категорию. Нажмите кнопку "Создать".

- Изменить существующую категорию. Нажмите на название категории или отметьте нужную категорию и нажмите кнопку «Изменить».

- Удалить существующую категорию. Отметьте нужную категорию и нажмите кнопку «Удалить».

- Копировать существующую категорию. Отметьте нужную категорию и нажмите кнопку "Копировать".

- Перенести - переместить существующую категорию и все ее содержимое в другой раздел. Отметьте нужную категорию и нажмите кнопку "Перенести".

- Скрыть (сделать неопубликованной) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Скрыть".

- Допустить (Опубликовать) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Показать".

- Для создания новой категории нажмите кнопку "Создать". Будет открыта страница редактирования категории.

- Страница редактирования категории аналогичная странице редактирования раздела. Основное отличие страниц редактирования "Категории" и "Раздела" - наличие поля выбора раздела, в который относиться категория. Создание новой категории почти полностью аналогично созданию нового раздела.

2.3.3 Создание объекта контента

Объект содержимого - это основное содержание сайта и нижний объект в иерархии структуры содержимого. Иными словами объект содержимого - это статья, которая должна содержаться в одной из наших категорий (соответственно и раздела).

Для работы с объектами содержимого необходимо перейти на страницу "Менеджер материалов".

Нужно нажать на главной странице панели кнопку "Менеджер материалов" или в основном меню выберем "Материалы", затем пункт "Менеджер материалов". Будет открыта страница "Менеджер материалов", при открытии страницы будет доступна фильтрация объектов по следующим критериям:

- по разделам;

- по категориям;

- по автору;

- по заголовку, значение указывается в поле "Фильтр".

Рисунок 4. Менеджер материалов в панели управления

На странице "Менеджер материалов", используя кнопки на панели инструментов, можно (перечисление справа налево):

- Помощь - открыть в новом окне страницу описания поданному окну ("Управление содержимым"). Нажмите кнопку «Помощь».

- Создать новый объект содержимого. Нажмите кнопку "Создать".

- Изменить существующий объект содержимого. Нажмите на название объекта или отметьте нужный объект и нажмите кнопку «Изменить».

- Удалить существующий объект содержимого. Отметьте нужный объект и нажмите кнопку "В корзину".

- Копировать существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Копировать" и затем выберите, куда скопировать объекты.

- Перенести - переместить существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Перенести" и затем выберите, куда перенести объекты.

- Скрыть (сделать неопубликованным) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Скрыть".

- Допустить (Опубликовать) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Показать".

- Отправить в архив существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "В архив".

При создании или редактировании объекта содержимого (статьи), на странице редактирования доступны дополнительные поля, необходимые для выбора того (в отличие от страницы редактирования раздела или категории), в каком разделе (поле "Раздел:") и в какой категории (поле "Категория:") будет содержаться данный объект содержимого.

Далее доступны два окна HTML редактора, позволяющие разбить содержание статьи на две части: введение и все содержимое статьи. Разделение содержимого статей позволяет представить их в виде так называемого "Блога" или "Вестника", т.е. списка краткого описания статей, с кнопками "Подробнее" на все содержимое статей.

Блог - популярный и удобный способ представить информацию или статьи, которые обновляются (добавляются) регулярно, например новости или пресс-релизы. Вместо простого списка ссылок к различным статьям, вывод статей как "блог" дает возможность показать название и ввода позволяют перейти ко всему содержанию статьи. Таким образом, введение может быть первым пунктом всей статьи или кратким описанием (резюме) статьи.

Далее, после сохранения, доступны дополнительные параметры управления объектом содержимого. Последняя вкладка "Связь с меню" может настраиваться при создании меню.

Если необходимо поместить изображения в содержании, то нужно использовать специальную возможность вставки изображений. Нажмем кнопку "Вставить изображение" (кнопка расположена внизу слева окна HTML редактора), после этого в содержимое будет добавлен текст {mosimage}, при обработке этого текста для отображения система (Joomla) определит, что необходимо вставлять изображения, список которых размещен на вкладке " параметры изображения ". Чтобы увидеть изображение в тексте, нажмем кнопку "Просмотр" на панели инструментов.

Использовать возможность {mosimage} можно много раз, изображения отображаются в порядке, указанном в списке; порядок можно менять, используя кнопки "Вверх" и "Вниз". Значение многих параметров на вкладке "Параметры-Расширенные", можно задать по умолчанию, для того, чтобы использовались "глобальные настройки". Задать значение "Глобальных настроек" можно в пункте меню "Менеджер материалов" меню "Материалы", во вкладке "Параметры". Данные значения можно индивидуально изменить для каждого объекта содержимого.

На данной вкладке можно ввести описание объекта и ключевые слова.

Если использовать кнопку "Добавить (Раздел, Категория, Заголовок)", то будут добавлены в поле "Ключевые слова" названия раздела, категории и заголовок объекта.

2.4 Руководство пользователя

В основе управления сайтом лежит принцип разделения уровней прав доступа пользователей к ресурсам сайта. Т.е. каждый посетитель сайта относится к одной или нескольким группам пользователей сайта, каждая из которых обладает определенным набором прав.

Каждый зарегистрированный пользователь сайта обладает уникальными идентификационными данными: логином и паролем. После авторизации в системе (ввода логина и пароля в специальную форму авторизации) пользователь получает доступ к расширенным ресурсам сайта.

Чтобы приступить к управлению сайтом, вам нужно авторизоваться в системе. Для этого используйте специальную форму для авторизации

Рисунок 5 . Форма для авторизации

Если  Вы не являетесь авторизованным пользователем, можно зарегистрироваться двумя способами, либо через форму авторизации, либо перейти на вкладку «Регистрация»

На главной странице отображается основная информация об организации Avto43.com. Информация включает в себя следующие пункты: создание организации, краткое описание сферы деятельности, область торговых точек, контакты.

Страница «Shell Helix» содержит информацию о компании Shell с ссылкой на сайт компании, логотип и видеопрезентацию с портала YouTube

Страница «LIQUI MOLY» содержит информацию о компании LIQUI MOLY с ссылкой на официальный сайт производителя, логотип компании и видеопрезентацию с портала YouTube

Страница «Лукойл» содержит информацию о компании Лукойл с ссылкой на официальный сайт производителя, логотип компании и видеопрезентацию с портала YouTube

Страница «LIQUI MOLY» содержит информацию о компании LIQUI MOLY с ссылкой на официальный сайт производителя, логотип компании и видеопрезентацию с портала YouTube

Страница «Роснефть» содержит информацию о компании Роснефть с ссылкой на официальный сайт производителя, логотип компании.

Страница «LuxeOil» содержит информацию о компании LuxeOil с ссылкой на официальный сайт производителя, логотип компании.

Страница «OILRIGHT» содержит информацию о компании OILRIGHT с ссылкой на официальный сайт производителя, логотип компании.

Страница «Neste Oil» содержит информацию о компании Neste Oil с ссылкой на официальный сайт производителя, логотип компании.

Страница «FRAM» содержит информацию о компании FRAM с ссылкой на официальный сайт производителя, логотип компании.

2.5 Руководство администратора

Вся работа администратора производится в панели управления

Рисунок 6. Панель управления

Добавление пользователей на страницу контактов

Добавлять пользователей на страницу контактов Joomla совсем не сложно.

Для начала войдите в админку. Затем перейдите в: «Компоненты» -> «Контакты» -> «Категории» и выберите категории.  

Joomla по умолчанию показывает категорию «Контакты». Можно использовать её или обновить, или создать собственную категорию.

Чтобы создать новую категорию:

  •  нажмите кнопу «Новая» в верхнем углу, откроется страница редактирования;  
  •  впишите имя категории в поле названия, его будет видно пользователю;  
  •  алиас - имя отображающееся в адресной строке браузера, впишите его в нужном поле без пробелов. Алиас не будет отображаться для пользователя;
  •  нажмите кнопку «Да» в поле размещения.
  •  можете добавить изображение, выровнять его вправо или влево и даже добавить описание;
  •  нажмите кнопку «Готово», и категория готова.

Создание нового пользователя

Вернитесь к главной странице категорий. Поскольку мы уже добавили категорию, осталось выбрать контакт. Существует несколько контактов по умолчанию. Их легко обновить, нажав на обновление информации, которая уже установлена. Но мы собираемся создать новый контакт с нуля.

  •  нажмите кнопку «Новый», при этом откроется окно редактирования;
  •  добавьте имя контакта, псевдоним для компьютера. В левой части окна находится информация о пользователе;
  •  в правой части окна мы видим много параметров. Под параметрами контакта впишите адрес и другую контактную информацию. В конце можно увидеть опции для VCard - это удобный вид цифровой визитной карточки;
  •  потом можете выбрать иконки. Если хотите пользовательские иконки - добавьте их в папку Медиа под иконками, здесь они будут доступны для вставки в контакт;
  •  в параметрах электронной почты можно редактировать контактную форму, которая будет видна посетителям на странице контактной информации. Так они смогут с dами связаться.

Где хранятся загруженные статьи и файлы в 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&amp;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!&#174;</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&amp;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>&#160;</dd>

<dt>

<label id="jform_name-lbl" for="jform_name" class="hasTip required" title="Name::Enter your full name">Name:<span class="star">&#160;*</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">&#160;*</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">&#160;*</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">&#160;*</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">&#160;*</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">&#160;*</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!&#174;</a>

</p>

</div><!-- end footer -->

</div>

</div>

</body>

</html>

Приложение 2.

Экранные формы

«Главная»

«Shell Helix»

«LIQUI MOLY»

«Лукойл»

«Роснефть»

«Luxe Oil»

«OILRIGHT»

«Neste Oil»

«FRAM»

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

PAGE  26


 

А также другие работы, которые могут Вас заинтересовать

77945. Современная концепция маркетинга 70.5 KB
  Сущность определение и роль маркетинга Термин маркетинг появился в экономической литературе в США на рубеже XIX и XX столетий и в буквальном смысле означает рыночную деятельность работу с рынком. Существует более двух тысяч определений маркетинга это: предпринимательская деятельность; система взглядов; реклама; система управления сбытовой деятельностью философия бизнеса и др. Следует отметить что среди специалистов нет общепринятого определения маркетинга.
77946. Маркетинговая среда организации. Матрица SWOT 136.5 KB
  Факторы маркетинговой среды организации Факторы Характеристика 1 2 Экономические изменение ВВП; инвестиционная активность; изменение ставок; конъюнктура рынка; структура доходов и расходов между группами населения; темпы инфляции; уровень безработицы; нормы налогообложения платежный баланс норма накопления величина номинальной и реальной заработной платы Демографические численность населения; рождаемость; возрастная структура; численность населения; расселение по регионам; квалификация трудовых ресурсов Научнотехнические новые...
77947. ТИПЫ РЫНКОВ И МАРКЕТИНГОВАЯ ДЕЯТЕЛЬНОСТЬ КОМПАНИИ 441 KB
  Стратегические и конъюнктурные приоритеты маркетинга Анализ рынка продукции. Комплексное исследование товарного рынка. Стратегические и конъюнктурные приоритеты маркетинга Стратегический маркетинг выполняет следующие функции: анализа рыночных возможностей; изучения конъюнктуры рынка; анализа возможностей конкурентов и их преимуществ; сегментации рынка и определения модели покупательского поведения; разработка прогноза спроса и предложения; определения стратегии маркетинга на рынке...
77948. Маркетинговые исследования и система маркетинговой информации 113.5 KB
  Система маркетинговой информации и методы ее сбора. Формулирование целей маркетинговых исследований Определение потенциальных источников информации Сбор информации и ее классификация Анализ собранных данных Формулирование результатов исследований Разработка рекомендаций руководству фирмы Рисунок. Информационное обеспечение систем маркетинга Комплекс средств и методов оформления маркетинговой документации организации хранения данных кодирования и поиска информации...
77949. Характеристика и основные элементы рынка 492 KB
  Характеристика и основные элементы рынка. Понятие рынка и емкости рынка. Наиболее простое определение рынка присущее любой модели рыночной экономики японской американской скандинавской и др. Однако это определение не выявляет глубинных свойств рынка как экономического феномена.
77950. Организация и управление маркетинговой деятельностью 154 KB
  Становится все труднее разрабатывать планы для каждого отдельного вида товара или рынка оценить эффективность различных рекламных мероприятий по каждому товару возникают проблемы с решениями о выходе на рынок с новыми товарами. Когда количество товаров и рынков превышает 7 9 на одного человека возникает реальная опасность того что некоторым товарам и рынкам не будет уделено достаточного внимания...
77951. Облік запасів. Запаси у виробничій сфері. Аналітичний та синтетичний облік придбання виробничих запасів 102 KB
  Облік запасів Загальна характеристика класифікація та оцінка запасів. Аналітичний та синтетичний облік придбання виробничих запасів. Облік виробничих запасів на складі їх вибуття. Методи оцінки вибуття запасів.
77952. Облік грошових коштів і дебіторської заборгованості 169 KB
  Грошові кошти. Законодавче регулювання на Україні готівкового обігу коштів. Порядок ведення касових операцій в національній та іноземній валюті в Україні. Грошові кошти підприємства, їх склад та завдання обліку. Документальне оформлення касових операцій
77953. Облік дебіторської заборгованості 207.5 KB
  Методичні основи бухгалтерського обліку дебіторської заборгованості та вимоги до її розкриття у фінансовій звітності регламентовані Положенням (стандартом) бухгалтерського обліку № 10 “Дебіторська заборгованість”.