Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 5)

Після створення структури вмісту, необхідно створити меню для користувачів веб-сайту. Меню – це набір кнопок, які приведуть на конкретні об'єкти, наприклад, об'єкт вмісту, список категорій, компонент і так далі.

Використовуючи розширення Joomla легко створити меню для відображення на сайті. У даному керівництві розглядається меню, побудоване на стандартному модулі (встановленому за умовчанням) mod_mainmenu. Даний модуль є за умовчанням головним для створення меню. Місце виведення меню на сайті визначається в шаблоні сайту. Встановлюючи додаткові розширення, можна розширити можливості відображення стандартного меню або відобразити його в іншому вигляді, наприклад у вигляді випадного каскадного меню з підміню (часто необхідно, щоб з боку користувача була включена підтримка Javascript в браузері).

Найпростіший варіант (але обмежений в можливостях) пов'язати об'єкт вмісту з пунктом меню, це використовувати на сторінці редагування об'єкту вмісту у вікні додаткових параметрів вкладку "связь с меню". У вкладці даного вікна необхідно:

1. Вибрати меню, в яке буде доданий пункт (посилання).

2. Вибрати назву пункту меню.

3. Натисніть кнопку "Связать с меню".

Примітка: На сторінці редагування розділу або категорії в додатковому вікні справа(для створюваного розділу або категорії дане вікно буде доступне після збереження – кнопка "Зберегти"). У даному вікні необхідно:

1. Вибрати меню, в яке буде доданий пункт (посилання).

2. Вибрати тип меню, в якому вигляді відображатиметься розділ або категорія.

3. Вибрати назву пункту меню.

4. Натисніть кнопку "Связать с меню".

Рис. 16. Доступ до сторінки "Управление меню [mainmenu]"

Для роботи з меню для сайту необхідно перейти на сторінку "Главное меню". У основному меню вибрати "Все меню", потім пункт меню "Главное меню".

Для роботи з пунктами меню певного меню (наприклад, mainmenu) необхідно перейти на сторінку "Управління меню [mainmenu]". У основному меню вибрати "Все меню", потім пункт меню "Главное меню".

На сторінці "Пункты меню[mainmenu]" (рис. 17) можна побачити список вже створених пунктів меню (за умовчанням без установки демонстраційних даних доступний тільки один пункт – "Главная").

Рис. 17. Сторінка "Пункты меню[mainmenu]"

Для додавання нового пункту меню необхідно перейти на сторінку "Создать". Натисніть кнопку "Создать" на сторінці "Управління Пункты меню[mainmenu]" для додавання нового пункту меню в меню mainmenu.

На сторінці "Пункт меню: [Создать]" (рис. 18) доступні декілька типів створюваного пункту меню. Всі типи розбиті по групах.

Рис. 18. Додавання нового пункту меню

Коли вибраний тип нового пункту меню, необхідно перейти на сторінку "Пункт меню: [Создать]. На цій сторінці необхідно вибрати і заповнити основні параметри і поля нового пункту меню. Параметри і поля відрізняються залежно від вибраного типу нового пункту меню. Натисніть на кнопку "Далі" або на вибраний тип пункту меню.

На рис. 19 розглядається приклад додавання нового пункту меню типу: "Стандартный шаблон материала". Для додавання необхідно:

1. Ввести ім'я нового пункту меню, поле "Заголовок".

2. Вибрати об'єкт вмісту (статтю), поле "Выберите материал".

3. Вибрати батьківський пункт меню, поле "Родительский элемент".

4. Вибрати порядок розташування, поле "Порядок показа".

5. Вибрати рівень доступу, поле "Доступ".

6. Вибрати опублікований пункт меню, поле «Опубликовано».

Справа можна, але не обов'язково вибрати зображення меню, поле "Картинка меню".

Рис. 19. Додавання нового пункта меню

У поле "Родительский элемент" перераховуються всі існуючі пункти меню, які можна вибрати як "родительский элемент" для нового пункту меню. Підтримка ієрархічної структури меню і відображення її на сайті можливі, тільки якщо в шаблоні є підтримка відображення ієрархії пунктів меню (більшість безкоштовних шаблонів не підтримують цю можливість). Для реалізації меню з підміню використовуються додаткові розширення, що дозволяють поліпшити створення і відображення структури меню на сайті.

2.3.6 Установка шаблона сайта

Якщо ви самі безпосередньо встановлюєте і настроюєте Joomla, то однією з перших дій з настройки є установка шаблону сайту для вашого проекту. Є багато вільно поширюваних шаблонів для Joomla 1.5, і установка нового шаблону не є складною процедурою. Шаблони сайту для Joomla зазвичай розповсюджуються (так само як і розширення) у вигляді .zip файлів(або також .tar.gz файлу) .Для використання таких файлів необхідно зберегти файл шаблону і далі перейти на сторінку "Установка нового шаблону сайту" (рис. 20).

Рис. 20. Доступ до сторінки "Установить/Удалить"

На сторінці "Установить/Удалить" необхідно вибрати потрібний файл для установки. Натисніть кнопку "Обзор" для вибору файлу шаблону сайту і натисніть кнопку "Загрузить и установить".

Рис. 21. Сторінка "Менеджер шаблонов"

Щоб почати використовувати шаблон сайту, необхідно перейти на сторінку "Менеджер шаблонов". Виберіть в головному меню "Расширения", потім пункти "Менеджер шаблонов".

Рис. 22. Доступ до сторінки "Менеджер шаблонов"

На сторінці "Менеджер шаблонов" виберіть потрібний вам шаблон сайту і натисніть кнопку "По умолчанию". Шаблон сайту, вибраний за умовчанням, використовуватиметься для відображення всього сайту.

1. Створення категорії товарів магазина

Після встановлення та настройки необхідних для функціонування сайту розширень, необхідно створити категорії для товарів. Для цього ми використовуємо розширення для CMS Joomla “VirtueMart”, яке розповсюджується по ліцензії GNU\GPL, тобто можна використовувати розширення безкоштовно і змінювати програмний код розширення для своїх потреб. Місце виведення категорій визначено в шаблоні сайта.

Для того, щоб створити нову категорію для товарів, потрібно в основному меню вибрати «Компоненты», потім пункт «VirueMart» (рис. 23). Після того, як перейшли на головну сторінку компонента «VirtueMart», потрібно вибрати «Товары», потім пункт «Добавить категорию» (рис. 24).

Рис. 23. Доступ до сторінки «VirtueMart».

Рис. 24. Доступ до сторінки «Добавить категорию».

На рис. 25 розглядається приклад додавання нової категорії товарів.Для додавання необхідно:

1. Ввести ім’я нової категорії в полі «Наименование категории».

2. В полі «Описание категории» ввести інформацію про кавтегорію.

3. Вибрати чи буде це підкатегорія чи категорія в полі «Родительская категория».

4. В полі «Опубликовать?» відмітити, якщо потрібно щоб категорія була відображена на сайті.

У вкладці «Изображение» (рис. 26) можна загрузити зображення для категорії товарів.

Після того, як поля заповнені натискаємо «Сохранить» для зберігання введеної інформації.

Рис. 25. Сторінка «Добавить категорию».

Рис. 26. Вкладка «Изображение».

Для того щоб передивитися категории товарів, потрібно потрібно вибрати «Товары», потім пункт «Отобразить категорию». На сторінці «Дерево категорий» будуть відображені всі категорії товарів. Щоб категория не відображалась в магазині, потрібно відзначити певну категорію та натиснути «Скрыть». Для того щоб видалити категорію, потрібно вибрати категорію та натиснути «Удалить».

1. Розміщення товарів в on-line магазині

Після створення категорій товарів товарів, потрібно розміщати товари в on-line магазині. Для того, щоб добавити новий товар в магазин, потрібно в основному меню вибрати «Компоненты», потім пункт «VirueMart» (рис. 23). Після того, як перейшли на головну сторінку компонента «VirtueMart», потрібно вибрати «Товары», потім пункт «Добавить товар».

На рис. 27 розглядається приклад додавання нового товару .Для додавання необхідно:

1. В полі «Артикул» потрібно ввести актрикул нового товару.

2. Ввести назву товара в поле «Название».

3. Вибрати категорію товара із списка поля «Категории».

4. В полі «Цена товара» вказати ціну даного товара.

5. Ввести коротке описання товара в поле «Краткое описание».

5. Ввести повне описання товара в поле «Описание товара».

Рис. 27. Сторінка «Новый товар».

На сторінці «Новый товар» окрім основної вкладки «Информация о товаре» існує 4 додаткові вкладки:

1. Вкладка «Состояние товара» - в цій вкладці можна добавити інформацію про кількість товару, коли буде в наявності, спеціальні умови.

2. Вкладка «Габариты товара и вес» - в цій вкладці можна ввести габаритні параметри товару.

3. Вкладка «Изображения товара» - в цій вкладці можна загрузити зображення товара.

4. Вкладка «Сопутствующиме товары» - в цій вкладці можнга вибрати товри, які супутні даному товару.

1. Висновки

Згідно технічного завдання було створено сайт інтернет-магазин на базі CMS Joomla. Був створений дизайн сайта в виді шаблона, який використовується в системі управління вмістом Joomla. На головній сторінці розміщено логотип веб-сайта, основне меню сайту (для навігації по його структурі), форму аутентифікації (входу зареєстрованих користувачів), реєстраційне посилання (реєстрація нових клієнтів). Також сайт має початкові категорії товарів та початкові товари для відображення працездатності інтернет-магазина. Окрім каталогу товарів сайт має інформативні сторінки, які мають інформативний вміст для користувачів і корисну інформацію для клієнтів інтернет-магазину.

Висновок

В ході виконання випускної кваліфікаційної роботи був отриманий повнофункціональний веб-сайт, повністю готовий до застосування. Даний сайт орієнтований для широкого спектру застосування в on-line торгівлі. З його допомогою користувачі зможуть отримувати необхідну інформацію про товар, а також можливість купівлі товару. При розміщенні його в глобальній мережі географія розповсюдження зростає до масштабів всього світу.

При розробці веб-сайта були проаналізовані сучасні веб-технології, що дозволяють створювати інтерактивні веб-сторінки. Найбільш відповідними для виконання поставленого завдання виявилися Macromedia Dreamweaver MX 2004 і Joomla 1.5.

Розроблений сайт задовольняє всім вимогам, поставленим на етапі постановки завдання. При розробці веб-сайта були використані готові модулі аутентифікації, голосування, on-line магазин і здійснення пошуку по сайту. Дані модулі були допрацьовані з урахуванням специфіки веб-сайта і успішно упроваджені в його структуру.

Як подальше вдосконалення веб-сайта представляється можливим розробка модулів доступу. Так само можливе доопрацювання інтерфейсу сайту з метою подальшого підвищення його інформативності, привабливості і зручності.

Використані джерела

1. «Веб Database Application with PHP and MYSQL», 2nd Edition By David Lane, Hugh E. Williams. © O'Reilly, May 2004. ISBN: 0-596-00543-1.

2. CMS List. Огляд cms. Сайт про системи управління сайтом. http://www.cmslist.ru

3. Joomla CMS по-російськи. http://joomlaportal.ru

4. Матеріал з Вікипедії — вільній енциклопедії про системи управління сайтом. http://ru.wikipedia.org/wiki/CMS

5. Content management system http://www.brutto.ru/informacija/uznat-bolshe/content-management-system

6. Joomla-инструменты. http://docs.joom.ru/!;C651=0O:Categories

7. CMS огляд: CMS, движок сайту, система управління сайтом, mambo, php nuke, netcat, phpbb, invision power board, vbulletin. http://cmsobzor.ru/news.php

8. «Dreamweaver MX 2004 для "чайников".» Уорнер, Джанни, Гарднер, Сюзанна.

Пер. с англ. — М. : Издательский дом "Вильямс", 2004. — 352 с.

9. «PHP, MySQL и Dreamweaver MX 2004. Разработка интерактивных Web-

сайтов.» Дронов В. А. — СПб.: БХВ-Петербург, 2005. — 448 с : ил.

10. «PHP and MySQL Web Development (4th Edition)», Luke Welling, Laura Thomson 848 стр., с ил.; ISBN 978-5-8459-1574-0, 978-0-672-32916-6.

1. 11. «Joomla! 1.5. Руководство пользователя», Колисниченко Д.Н., с ил.; ISBN 978-5-8459-1509-2; 2009,224 с.

12. «Движок для вашего сайта. CMS Joomla!. Slaed, PHP-Nuke». Колисниченко Д., СПб.: БХВ-Петербург, 368 с.,

13. «Joomla! Практическое руководство»., Норт Б., 448 с., СПб: Символ-Плюс.

14. «Самоучитель Joomla!»., Дэн Рамел, БХВ-Петербург, 2008 г., 448 с.

15. «Создание веб-сайтов с помощью Joomla! 1.5». Хаген Граф, Издательский дом "Вильямс", 304 с., 2009.

Додатки

Додаток А

Код шаблону сайта

// no direct access

defined( '_JEXEC' ) or die( 'Restricted index access' );

define( 'YOURBASEPATH', dirname(__FILE__) );

require( YOURBASEPATH.DS."styles.php");

require( YOURBASEPATH.DS."rt_styleswitcher.php");

JHTML::_( 'behavior.mootools' );

global $template_real_width, $leftcolumn_width, $rightcolumn_width, $tstyle;

global $js_compatibility, $menu_rows_per_column, $menu_columns, $menu_multicollevel;

global $overlay_style, $bg_style, $showcase_title, $showcase_text, $showcase_link, $body_text, $body_link, $primary_color;

$live_site = $mainframe->getCfg('live_site');

$template_path= $this->baseurl . '/templates/' . $this->template;

$preset_style = $this->params->get("presetStyle", "style3");

$overlay_style = $this->params->get("overlayStyle", "dark");

$bg_style = $this->params->get("bgStyle", "bgstyle3");

$showcase_title = $this->params->get("showcaseTitle", "#ffffff");

$showcase_text = $this->params->get("showcaseText", "#fffddd");

$showcase_link = $this->params->get("showcaseLink", "#21bddf");

$body_text = $this->params->get("bodyText", "#999999");

$body_link = $this->params->get("bodyLink", "#21bddf");

$frontpage_component = $this->params->get("enableFrontpage", "show");

$enable_ie6warn = ($this->params->get("enableIe6warn", 0) == 0)?"false":"true";

$font_family = $this->params->get("fontFamily", "refraction");

$enable_fontspans = ($this->params->get("enableFontspans", 1) == 0)?"false":"true";

$enable_inputstyle = ($this->params->get("enableInputstyle", 1) == 0)?"false":"true";

$inputs_exclusion = $this->params->get("inputsExclusion", "'.content_vote'");

$enable_featured_effects= ($this->params->get("featEffects", 1) == 0)?"false":"true";

$panel_hooks= $this->params->get("panelHooks", ".showcase-panel-trigger, a[href*=showcasemoduletrigger]");

$panel_fixheight= $this->params->get("panelFixHeight", 1);

$panel_height= $this->params->get("panelHeight", "337");

$panel_opacity= $this->params->get("panelOpacity", "0.9");

$panel_totop= $this->params->get("panelToTop", 1);

$panel_clickclose = $this->params->get("panelClickClose", 1);

$panel_closebutton= $this->params->get("panelCloseButton", 0);

$template_width = $this->params->get("templateWidth", "959");

$leftcolumn_width= $this->params->get("leftcolumnWidth", "210");

$rightcolumn_width= $this->params->get("rightcolumnWidth", "210");

$leftinset_width= $this->params->get("leftinsetWidth", "180");

$rightinset_width= $this->params->get("rightinsetWidth", "180");

$splitmenu_col= $this->params->get("splitmenuCol", "rightcol");

$menu_name = $this->params->get("menuName", "mainmenu");

$menu_type = $this->params->get("menuType", "moomenu");

$menu_rows_per_column = $this->params->get("menuRowsPerColumn");

$menu_columns = $this->params->get("menuColumns");

$menu_multicollevel = $this->params->get("menuMultiColLevel", 1);

$default_font = $this->params->get("defaultFont", "default");

$show_logo = ($this->params->get("showLogo", 1) == 0)?"false":"true";

$show_topbutton = ($this->params->get("showTopbutton", 1) == 0)?"false":"true";

$show_copyright = ($this->params->get("showCopyright", 1) == 0)?"false":"true";

$js_compatibility = ($this->params->get("jsCompatibility", 0) == 0)?"false":"true";

// moomenu options

$moo_bgiframe = ($this->params->get("moo_bgiframe'","0") == 0)?"false":"true";

$moo_delay = $this->params->get("moo_delay", "500");

$moo_duration = $this->params->get("moo_duration", "600");

$moo_fps = $this->params->get("moo_fps", "200");

$moo_transition = $this->params->get("moo_transition", "Sine.easeOut");

$moo_bg_enabled = ($this->params->get("moo_bg_enabled","1") == 0)?"false":"true";

$moo_bg_over_duration = $this->params->get("moo_bg_over_duration", "500");

$moo_bg_over_transition= $this->params->get("moo_bg_over_transition", "Expo.easeOut");

$moo_bg_out_duration= $this->params->get("moo_bg_out_duration", "600");

$moo_bg_out_transition = $this->params->get("moo_bg_out_transition", "Sine.easeOut");

$moo_sub_enabled= ($this->params->get("moo_sub_enabled","1") == 0)?"false":"true";

$moo_sub_opacity= $this->params->get("moo_sub_opacity","0.95");

$moo_sub_over_duration= $this->params->get("moo_sub_over_duration", "50");

$moo_sub_over_transition= $this->params->get("moo_sub_over_transition", "Expo.easeOut");

$moo_sub_out_duration = $this->params->get("moo_sub_out_duration", "600");

$moo_sub_out_transition= $this->params->get("moo_sub_out_transition", "Sine.easeIn");

$moo_sub_offsets_top= $this->params->get("moo_sub_offsets_top", "0");

$moo_sub_offsets_right = $this->params->get("moo_sub_offsets_right", "1");

$moo_sub_offsets_bottom= $this->params->get("moo_sub_offsets_bottom", "0");

$moo_sub_offsets_left= $this->params->get("moo_sub_offsets_left", "1");

require(YOURBASEPATH . "/rt_styleloader.php");?>

require(YOURBASEPATH . DS . "rt_utils.php");

require(YOURBASEPATH . DS . "rt_head_includes.php");

?>

countModules('logo')) : ?>

countModules('logo')) : ?>

Характеристики

Список файлов ВКР