Создание Интернет-магазина при помощи программы WYSIWYG Web Builder v3.2.0 на примере создания Интернет-магазина "MEDIATORG.ru"

Дипломная работа - Компьютеры, программирование

Другие дипломы по предмету Компьютеры, программирование



>

Характеристики и описание входной и выходной информации:

Входная информация, необходимая для создания Интернет - магазина:

.Информация о фирме создателе

.Информация об ассортименте товаров

.Ценовая политика фирмы и цены ее товаров

.Информация о товарном наименовании, товарной категории и т.д.

.Информация о системе предоставления услуг

.Перечень предоставляемых услуг

.Информация о фирмах - поставщиках

.Информация о сертификатах, лицензиях связанных с торговой деятельностью

.Налаженная обратная связь

Для создания Интернет - магазина MEDIATORG.ru понадобилась информация о фирме, новинках поступления, перспективе сотрудничества, информации по каждому конкретному товарному наименованию, информация о посылке заказов, контактная информация фирмы, ее адрес, телефон, e-mail.

Выходная информация Интернет - магазина:

.Доведение информации о фирме до потребителя

.Выведение информации на общедоступный уровень

.Прямая связь между товаром и покупателем (без посредников и без потери лишнего времени на дорогу)

.Простая система заказа

.Простая система получения товара

.Система изучения товара и получение более точной информации, чем у продавцов - консультантов

Установка программы WYSIWYG Web Builder v3.2.0

Для того, чтобы установить WYSIWYG Web Builder v3.2.0 необходимо проделать следующие действие:

.Запустите загрузочный диск с программой

.Откройте папку WWB

.Откройте папку Setup

.Загрузите файл WYSIWYG Web Builder 3.2.0.exe

Далее действуйте в соответствие с приведенными ниже изображениями и пояснениями к ним:

1)Next

2)Вам предлагается ознакомиться с условиями соглашения. Для того, чтобы продолжить установку, согласитесь с условиями, поставив переключатель на I agree to the terms of this license agreement. Next

)В данном окне вы можете выбрать папку, в которой будет храниться программа WYSIWYG Web Builder v3.2.0 на Локальном диске. Также вы можете изменить программу, выбранную по умолчанию, нажав кнопку ChangeтАж, и выбрав там путь к желаемой папке хранения.) Next

)Next (В представленном окне вам предлагается выбрать способ отображения программы WYSIWYG Web Builder v3.2.0 в Программах в Главном меню)

5)Next (После нажатия начнется процесс установки. Вам придется немного подождать)

6)Finish

1)

2)

3)

4)

5)

6)

Запустите программу WYSIWYG Web Builder v3.2.0

При запуске программа попросит вас об активации. Для того, чтобы активизировать программу снова откройте установочный диск и следуйте по адресу D:\WWB\Key

В папку Key откройте файл Serial.txt.

Скопируйте данные из файла Serial.txt в окно программы WYSIWYG Web Builder v3.2.0

Программа успешно запущена. Но она на английском языке. Для того, чтобы русифицировать вашу версию WYSIWYG Web Builder v3.2.0 откройте загрузочный диск с программой D:\ \WWB\rus.

В папке rus вы найдете файл Russian.lng. Скопируйте его в папку с установленным WYSIWYG Web Builder. По умолчанию: C:\Program Files\WYSIWYG Web Builder

Запустите WYSIWYG Web Builder и выберите в меню: Tools->Options->Application в списке Language выберите Russian. (см. рис. 1_7)

Щелкните ОК и перезапустите программу.

Теперь интерфейс приложения стал русскоязычным.

(рис. 1_7)

Создание интернет - магазина при помощи программы WYSIWYG Web Builder v3.2.0 на примере создания Интернет магазина MEDIATORG.ru

.Создание структурного макета интернет - магазина

Программа установлена и вы готовы к работе.

Запустите программу Пуск Программы WYSIWYG Web Builder WYSIWYG Web Builder

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

Преступим к созданию Интернет - магазина - MEDIATORG.

Первым делом настроим главную страницу (index.htm), для этого вызовите Контекстное меню Свойства страницы

Заполните вкладку Общие (см рис.1)

Надпись - Интернет - магазин MEDIATORG

Имя кнопки - Главная

Ширина страницы 1280 Высота страницы 1024

(рис. 1)

Заполните вкладку Фон (см рис.2)

Картинка - ОбзортАж D:\Mediatorg\ background.jpg

Звук - ОбзортАж D:\Mediatorg\ just_do_it.mp3

(рис. 2)

Заполните вкладку Полосы прокрутки (см рис.3)

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

(рис. 3)

Теперь сохраните имеющийся проект: Файл Сохранить Web-страницу

Сохраните свою страницу в рабочей папке под названием MEDIATORG.wbs. Страница сохранится с расширением .wbs. Это стандартное расширение рабочего проекта программы WYSIWYG Web Builder v3.2.0.

Для того, чтобы просмотреть страницу нажмите Файл Открыть в браузеретАж или кнопку просмотр на панели инструментов.

Скопируйте страницу index.php и создайте 13 ее копий, каждую из который переименуйте в соответствие со следующим списком (About.php, Contacts.php и т.д.)

Список html страниц Интернет - магазина MEDIATORGТекст кнопкиНазвание страницГлавнаяIndex.phpО компанииAbout.phpКонтактыContacts.phpТелевизорыTV.phpТелевизоры SonyTv_sony.phpТелевизоры LGTv_lg.phpТеле