13451

Створення власного електронного магазина

Лабораторная работа

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

Лабораторна робота №2/1 Створення власного електронного магазина Спрощена інструкція по роботі з конструктором електронних магазинів JShop Professional 1. Створення папки де будуть зберігатися всі елементи власного електронного магазину. Створіть папку присвоївши ї...

Украинкский

2013-05-11

744 KB

5 чел.

Лабораторна робота №2/1

Створення власного електронного магазина

Спрощена інструкція по роботі з конструктором електронних магазинів JShop Professional

1. Створення папки, де будуть зберігатися всі елементи власного електронного магазину.

Створіть папку, присвоївши їй імя - власне прізвище латинськими літерами_номер групи (наприклад, Ivanov_01).

2. Запуск конструктора електронних магазинів.

Для запуску конструктора  активізуйте таку команду послідовність: Пуск Программы  JShop Professional  JShop Professional, в результаті чого зявиться основне робоче вікно конструктора (рис.1).

Рис.1. Основне робоче вікно конструктора електронних магазинів JShop  Professional

3. Створення основного робочого файлу електронного магазину.

Для цього необхідно виконати наступні дії:

3.1. виберіть в головному меню команду File та активізуйте у вертикальному меню New.

3.2. за допомогою вікна Сохранение знайдіть папку, створену під час виконання п.2 (дивись вище), в рядок Имя файла введіть імя файла - власне прізвище латинськими літерами_номер групи (наприклад, Ivanov_01) (рис.2), та натисніть на Сохранить;

     

Рис.2. Створення основного робочого файла для електронного магазина

3.3. в додатковому вікні New  Store Created виберіть валюту, наприклад, російські рублі (рис.3), після чого послідовно натисніть Setup Currency, Ok та Close.

Рис.3. Вікно вибору валюти в JShop Professional

4. Вибір каталогу для розміщення основного робочого файла електронного магазина.

Для цього необхідно виконати наступні дії:

4.1. активізуйте в головному робочому вікні піктограму Global, в результаті чого зявиться додаткове робоче вікно Global Options (рис.4);

Рис.4. Вікно для вибору каталогу для розміщення основного робочого файла електронного магазина

4.2. за допомогою кнопки Browse виберіть папку, створену під час виконання п.3.2, та натисніть Ок та Ок (рис.4)

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

Для цього необхідно виконати наступні дії:

5.1. активізуйте у верхній середній частині основного робочого вікна закладку Products та натисніть справа кнопку New, в результаті чого зявиться додаткове вікно для опису товарів Product Information (рис. 5) . В цьому вікні обовязково слід заповнити наступні поля: Product Code, Name, Image, Description, Weight та Main Price. На закінчення слід натиснути Ок.

5.2. повторіть дії, описані в п.5.1, для інших товарів, що будуть реалізовуватися у власному електронному магазині.

Рис.5. Вікно для введення інформації про товари, що реалізуються в електронному магазині

6. Формування каталогу товарів, що реалізуються в електронному магазині.

Для цього слід виконати наступні дії:

6.1. активізуйте у верхній середній частині закладку Product Pages та натисніть справа кнопку New, в результаті чого зявиться додаткове вікно Product Pages Information (рис.6).

Рис.6. Вікно для формування каталогу товарів, що реалізуються в електронному магазині

 В цьому вікні обовязково слід заповнити такі поля: Page Title, Information for Top of page, Information for Bottom of Page, Page Image. На закінчення слід натиснути ОК.

6.2. повторіть дії, описані в п.6.1, для інших товарних відділів (інших позицій в каталозі товарів).

7. Створення головної сторінки електронного магазину.

Для цього слід виконати такі дії:

7.1. активізуйте у верхній середній частини закладку Menu Pages та натисніть справа кнопку New, в результаті чого зявиться додаткове вікно Menu Page Information (рис.7).

Рис.7. Вікно для формування головної сторінки електронного магазина

В цьому вікні слід обовязково заповнити наступні поля: Menu Title, Description, Information for Top of page, Information for Bottom of page, та Image. На закінчення слід натиснути Ок.

Примітка: гіперпосилання Main редагувати не можна!!!

8.  Звязування основних елементів  електронного магазину в єдине ціле.

Для цього слід виконати наступні дії:

8.1.  при активізованій закладці Menu Pages захопіть маркером миші гіперпосилання  головної сторінки електронного магазину (наприклад, Електронний магазинах офісних меблів) і, утримуючи його, перенесіть вліво у верхню частину та відпустіть на  словосполучення Main Menu.

8.2. активізуйте закладку Product Pages, захопіть гіперпосилання товарного відділу (наприклад, Відділ офісних меблів для керівників)  та, утримуючи його, перенесіть  в ліву верхню частину та відпустіть на словосполученні назви головної сторінки електронного магазину (наприклад, на Електронний магазин офісних меблів…). Повторіть дії цього пункту і для інших товарних відділів Вашого електронного магазина. В результаті таких дій в лівій верхній частині Your Shops Structure утвориться ієрархічна структура, наведена на рис. 8;

Рис.8. Зв’язування основних елементів електронного магазина в єдине ціле

8.3. активізуйте закладку Products та гіперпосилання товарного відділу (наприклад, Відділ офісних меблів для керівників) в лівій верхній частині.

Після цього, захопивши в верхній середній частині гіперпосилання на конкретний товар (наприклад, Офісний куточок СПЕЦИАЛИСТ), перенесіть його  в середню нижню частину з назвою відповідного товарного відділу (наприклад, Page: Відділ офісних меблів).  Повторіть дії цього пункту для всіх товарів усіх відповідних відділів.

9. Оздоблення всіх елементів електронного магазина.

Процедура оздоблення передбачає вибір кольору шрифту (Foreground), вибір кольору фону (Background), вибір типу та розміру шрифту для складових кожного із елементів електронного магазину. Для  цього слід виконати наступні дії:

9.1. активізуйте в основному робочому вікні піктограму Design, в результаті чого зявиться додаткове вікно Design Options (рис. 9).

9.2. активізуйте в цьому вікні закладку Basket та виберіть колір шрифту, колір фону, тип  шрифту та  його розмір для всіх складових;

Рис.9. Додаткове вікно Design Options для проведення оздоблення всіх елементів електронного магазина

9.3. почергового переходячи до наступних закладок - Buy  Page, Menu Pages, Product Pages, виконайте дії, описані в пункті 9.2.;

9.4. після закінчення процедури оздоблення всіх елементів електронного магазину  натисніть ОК.

10. Генерація електронного магазину.

Для цього слід виконати наступні дії:

10.1. активізуйте в головному вікні піктограму Create, в результаті чого зявиться додаткове вікно Create Shop  (рис.10).

Рис.10. Додаткове вікно Create Shop для генерації електронного магазина

10.2. в цьому вікні почергово натисніть на кнопки Select All Pages та Create (в нижній частині); в результаті таких дій відбудеться процедура генерації першої версії електронного магазину;

10.3. на закінчення  натисніть на кнопку ОК в додатковому вікні другого рівня та на кнопку  Finished у вікні Create Shop.

11. Перегляд згенерованого магазина.

Для цього слід виконати такі дії:

11.1. відкрийте папку, створену в пункті 1;

11.2. в цій папці активізуйте файл idx1. html, в результаті чого зявиться головна сторінка створеного  електронного магазина (рис.11).

Рис.11. Головна сторінка згенерованого електронного магазина

11.3.  Для перегляду решти сторінок згенерованого електронного магазина  почергового активізуйте наступні гіперпосилання та виконайте наступні дії:

  •  назва електронного магазина (наприклад Електронний магазин офісних меблів);
  •  назва будь-якого товарного відділу (наприклад, Відділ офісних меблів для керівників);
  •  вкажіть кількість товару, котру хочете придбати, та натисніть почергово Add to Basket та ОК;
  •  натисніть  в нижній частині Check Basket  для перегляду змісту кошика з товарами;
  •  натисніть в нижній частині Buy Goods для оформлення замовлення.

Відповідні вікна згенерованого електронного магазина наведені на рис. 12-15.

Рис.12. Сторінка одного із відділів згенерованого електронного магазина

Рис.13. Сторінка вітрини товарів згенерованого електронного магазина

Рис. 14. Сторінка кошика з товарами згенерованного електронного магазина

Рис.15. Сторінка для оформлення замовлення в згенерованному електронному магазині

PAGE  1


 

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

23929. Основы производственной санитарии и гигиены труда в отрасли 126 KB
  Физиологичные особенности различных видов деятельности. Понятие гигиены труда и медицины труда. Основные положения законодательных актов в области гигиены труда. Факторы, влияющие на условия труда. Критерии и показатели условий труда (Гигиеническая классификация труда).
23931. Историческое развитие мифологии 18.94 KB
  Бытование мифологии в произведениях искусства.
23932. Стиль гомеровских поэм. Образы. Язык. Метрика 24 KB
  В поэмах Гомера сочетаются черты древнего и нового эпических стилей. Древний эпический стиль: отсутствие авторского начала все черты содержания определяются традиционностью: 1 Формульность. В нем проявляются черты будущего монарха. Новый эпический стиль Особенности: зачатки романа зачатки жанровой дифференциации зачатки повести основа для ораторского красноречия элементы лирики черты моралистических рассуждений зачатки драмы комедии и трагедии.
23933. Гомеровский вопрос 29 KB
  7 городов оспаривали место жительства Гомера. К ним относили Гомера. рапсоды – поэты – декламаторы Уже в древности исследователи замечали противоречия в поэмах Гомера: культурносоциальные мифологические языковые Но в античности не высказывали сомнений в авторстве Гомера. Классицизм – не любил Гомера.
23934. Древнегреческий фольклор и мифология 15.38 KB
  Древнегреческий фольклор и мифология Фольклор: гимны песни сказки басни предания легенды мифы пословицы. Появляются мифы о родовом проклятии чтобы это объяснить. В этот период появляются мифы о гибели лучших родов Эллады – мифы о войнах Троянская Фиванская. Мифы о мировых катастрофах – Атлантида.
23936. ГОМЕР 15.91 KB
  Эту войну он показал как вооруженный поход греков названных ахейцами данайцами аргивянами под предводительством микенского царя Агамемнона против Трои и ее союзников. Действие Илиады происходит в конце девятого года осады Трои другое название города Илиос Илион отсюда и заглавие поэмы. Он возвращается на поле боя лишь тогда когда его друг Патрокл находит смерть от руки Гектора несгибаемого защитника Трои старшего сына царя Приама. Однако в конце концов он отдает тело Приаму когда старый царь Трои сам приходит в...