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

Описание программного обеспечения для разработки Интернет-магазина. Установка программы WYSIWYG Web Builder v3.2.0. Создание структурного макета Интернет-магазина. Проектирование главной страницы с перечнем товарных наименований (на примере TV.html).

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 30.11.2011
Размер файла 4,0 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Размещено на http://www.allbest.ru/

Курсовая работа по дисциплине Информационные технологии в коммерческой деятельности

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

Содержание

  • Введение
    • Характеристики программного обеспечения
    • Установка программы WYSIWYG Web Builder v3.2.0
    • Создание интернет - магазина при помощи программы WYSIWYG Web Builder v3.2.0 на примере создания Интернет магазина «MEDIATORG.ru»”
    • Создание структурного макета интернет - магазина
    • Создание Главной страницы (index.html)
    • Создание страницы, с перечнем товарных наименований (на примере TV.html)
    • Создание страницы, с перечнем товарных наименований (на примере TV_.html)
    • Создание Интернет - магазина «MEDIATORG.ru
    • Заключение
    • Список литературы

Введение

Интернет магазины это часть Интернет маркетинга, который на данный момент занимает значительное место на рынке товаров и услуг по всему миру.

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

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

В сравнении с другими видами медиамаркетинга (печатными, радио и телевидением), интернет-маркетинг растет очень быстро. Он завоевывает все большую популярность не только у бизнеса, но и обычных пользователей, которые хотят продвинуть свой веб-сайт или блог и заработать на нем. Тем не менее, в развитых странах, затраты на Интернет-маркетинг и рекламу составляют около 5 % от общих рекламных затрат.

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

Характеристики программного обеспечения

WYSIWYG Web Builder - Редамктор HTML или HTML-редамктор -- компьютерная программа, позволяющая составлять и изменять страницы в формате HTML. Несмотря на то, что HTML-код может быть написан на простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Принцип их работы условно делится на две категории:

1. Редактор показывает только исходный код.

2. Редактор показывает готовую страницу, работая по технологии WYSIWYG.

Есть также редакторы, работающие по смешанной системе, то есть поддерживающие оба принципа работы

WYSIWYG (сокращение от What You See Is What You Get, англ. что видишь, то и получишь, произносится как «ви-зи-виг») -- способ редактирования, при котором редактируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

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

Термин был придуман в исследовательском центре Xerox PARC.

WYSIWYG Web Builder :

Ш не требует специфического знания и изучения HTML языка.

Ш Удобный редактор текста, ссылок, закладок, линий, фигур и таблиц

Ш Управление сайтом очень простое. Простота добывления, изменения, копирования поражает.

Ш Все элементы управления синхронизированы с операционной системой Windows

Ш В данном редакторе можно работать с элементами форм, такими как различные кнопки, флажки, поля для ввода текста и т.д.

Ш Также Web Builder использует элементы Javascripts. В том числе можно добавить элемент Javascripts и HTML? Которого изначально не было в программе

Ш Программа поддерживает ActiveX, JAVA, Flash, Windows Media player, Quicktime, Real Audio и другие Plug-In'ы

Ш Большим плюсом программы является комплексное создание страниц, т.е одновременно редактор может обслуживать более одной нитернет страницы

Ш Очень много вариантов работы с графическими изображениями.

Системные требования WYSIWYG Web Builder 3.2:

ь Для стабильной работы программы нужна операционная система Windows XP / Vista

ь Internet Explorer (начиная с версии 5.0)/ Opera, или другой интернет браузер

ь Менее 10 Мб на винчестере

ь Специальные требования WYSIWYG Web Builder 3.2 не определены

Программа достаточно быстро обновляется и, следовательно, часто выходят новые версии HTML - редактора WYSIWYG Web Builder.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1) Next

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

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

4) 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»”

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

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

Запустите программу Пуск Программы 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.html и создайте 13 ее копий, каждую из который переименуйте в соответствие со следующим списком (About.html, Contacts.html и т.д.)

Список html страниц Интернет - магазина MEDIATORG

Текст кнопки

Название страниц

Главная

Index.html

О компании

About.html

Контакты

Contacts.html

Телевизоры

TV.html

Телевизоры Sony

Tv_sony.html

Телевизоры LG

Tv_lg.html

Телевизоры Samsung

Tv_samsung.html

Мониторы

Monics.html

Мониторы LG

Monic_lg.html

Мониторы Asus

Monic_asus.html

Мониторы Acer

Monic_acer.html

Ноутбуки

Nout.html

Ноутбуки Asus

Nout_asus.html

Ноутбуки Acer

Nout_acer.html

Ноутбуки Sony

Nout_sony.html

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

Создание Главной страницы (index.html)

Данная страница будет содержать следующие элементы и иметь вид:

1. Заголовок страницы

2. Главное меню

3. Текст с новостями сайта

4. Бегущую строку

5. Картинки - гиперссылки на Новинки

6. Надписи - гиперссылки на Новинки

7. Рекламный ролик (Windows media объект)

8. Ссылку на возвращение в начало страницы

Создание текстовых полей:

Посередине страницы вставьте надпись «Интернет - магазин MEDIATORG».

Для этого на панели Инструментарий (находится в левой стороне окна программы) в разделе Общие используйте инструмент Текст.

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

Инструменты форматирования расположены в Прочие Шрифт / Абзац и т.д. или на панели инструментов. (Установите Размер текста - 26, Полужирный, Цвет - Желтый).

Таким же образом заполните самостоятельно Новости Интернет - магазина MEDIATORG.

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

Создание главного меню:

Для этого на панели Инструментарий Навигация Панель навигации.

Активизировав инструмент Панель навигации, необходимо выделить на рабочем листе область, в которую предположительно будет находиться Главное Меню.

На рабочем листе появится меню из 4х кнопок (оно идет по умолчанию), но ванн необходимо самостоятельно его настроить для вашего интернет - магазина.

Откройте Свойства меню (Контекстное меню Свойства).

На вкладке Общие:

· поставьте галочку в области «Синхронизировать со структурой сайта».

· В списке Уровень выберите Родительский уровень

· Установите Тип «По горизонтали»

· Нажмите Ok

(рис. 4)

На вкладке Стиль вы можете изменять картинки, т.е вид кнопок меню и форматировать шрифт кнопки.

В итоге у вас получится меню следующего вида:

Основная информация, имеющаяся на сайте создается в визуальном редакторе WYSIWYG Web Builder v3.2.0 с помощью таких элементов навигации, как Текст, Таблица, Картинка, Список, Бегущая строка и т.д.

Создание Бегущей строки:

Для этого на панели Инструментарий Общие Бегущая строка.

Активизировав инструмент Бегущая строка, необходимо выделить на рабочем листе область, в которую предположительно будет находиться Бегущая строка. Форматируется она таким же образом, как и объект Инструментария Текст. В Свойствах данного элемента можно отредактировать Текст, Направление, Скорость движения, Поведение, Поворот (на вкладке Общие) и внешний вид (на вкладке Стиль).

Новинки поступления могут быть отображены, например, картинками или текстом со ссылками.

Создание Картинок:

Для этого на панели Инструментарий Общие Картинка.

Активизировав инструмент Картинка, выделить на рабочем листе область, в которой разместится картинка. После выделения области автоматически всплывает окошко, запрашивающее путь к вставляемой картинке. Выберите картинку и нажмите Открыть (D:\MEDIATORG \images).

В Интернет - магазине MEDIATORG на странице index.html создайте 3 картинки. Создайте надписи к этим картинкам с помощью инструмента Текст.

Создание Гиперссылок:

Гиперссылки могут быть созданы на различных инструментах, таких как Текст, Картинки, Кнопки и т.д.

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

1. Контекстное меню Свойства. Вкладка Ссылка (только для картинок)

2. Активизировав / выделит элемент (картинку/текст) нажать на кнопку Гиперссылка на Панели инструментов. (см. рис.ниже)

По итогам любого из вышеперечисленных действий вы попадаете в следующее окно:

Объект может быть связан с:

· FTP (страница ftp типа)

· Веб - сайтом (сайтом в интернете, необходимо указать http адрес)

· E-mail адресом (указать e-mail по которому будет осуществляться связь)

· Локальной веб- страницей (страницей, находящейся в Локальном доступе)

Страница index.html Интернет - магазина MEDIATORG будет содержать ссылки на Локальные Веб - страницы. Ссылки картинок и подписей к ним будут совпадать.

Для того, чтобы создать ссылки - картинки на Новинки, которыми являются ЖК-телевизор LG RZ-37LP1R, 22" TFT Acer P223Wbd black и SONY VAIO (VGN-AR51MR):

1. Используйте объект Картинка

2. Во вкладке Общие: заполните поля следующим образом Имя файла: D:\MEDIATORG \images\3_tv_lg.jpg, Подсказка ЖК - телевизор LG RZ-37LP1R

3. Во вкладке Ссылка: заполните поля следующим образом Связана с: Локальная веб-страница Страница tv_LG Закладка tv_lg_3 Данные закладки самостоятельно создаются на страницах с информацией о товаре. Описание смотри в части - «Создание страниц с информацией о товаре (на промере TV_sony.html)»

4. нажмите ОК.

Для создания следующий картинке совершите вышеперечисленные действия, но со следующими изменениями:

Для 22" TFT Acer P223Wbd black

ь Во вкладке Общие: заполните поля следующим образом Имя файла: D:\MEDIATORG \images\2_mon_acer.jpg, Подсказка: 22" TFT Acer P223Wbd black

ь Во вкладке Ссылка: заполните поля следующим образом Связана с: Локальная веб-страница Страница Monic_Acer Закладка: _2_mon_acer, 3 Данные закладки самостоятельно создаются на страницах с информацией о товаре. Описание смотри в части - «Создание страниц с информацией о товаре (на промере TV_sony.html)»

Для SONY VAIO (VGN-AR51MR):

ь Во вкладке Общие: заполните поля следующим образом Имя файла: D:\MEDIATORG \images\4_nout_sony.jpg, Подсказка: SONY VAIO (VGN-AR51MR)

ь Во вкладке Ссылка: заполните поля следующим образом Связана с: Локальная веб-страница Страница Nout_sony Закладка: _4_nout_sony3

Для того, чтобы создать ссылки - подписи картинок проделайте следующие действия:

1. Используйте объект Текст. В текстовое поле введите «LG RZ-37LP1R». Выделите текст и нажмите на значок «Гиперссылка» на панели инструментов.

2. В появившемся окне действуйте также, как и с гиперссылкой - картинкой.

Использование инструмента Windows Media Player:

Для этого на панели Инструментарий Расширенные Windows Media player.

Активизировав инструмент Windows Media player, выделить на рабочем листе область, в которой разместится окно Windows Media player'a. После выделения области автоматически всплывает окошко, запрашивающее путь к загружаемому файлу. Выберите .avi файл и нажмите Открыть (D:\MEDIATORG \ Sony commercial .avi).

Создание гиперссылки на начало страницы:

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

Выберите на панели Инструментарий Общие Закладка. Поместите флажок (на рисунке показан стрелкой) в верхний левый угол рабочей страницы.

Откройте Свойства Закладки и измените имя на «_top».

В конце страницы создайте Текст с надписью «В начало»

Создайте текстовую гиперссылку. В окне редактирования ссылки установите:

· Связь с: - Локальная веб - страница

· Закладка - _ top (имя закладки, которую вы поместили в верхний угол стриницы)

· Цель - _top (означает, что при переходу по ссылке закладка - цель будет расположена в верхней части окна)

· Нажмите Ok

Создание страницы, с перечнем товарных наименований (на примере TV.html)

Данная страница будет содержать следующие элементы и иметь вид:

1. Заголовок страницы

2. Главное меню

3. Текущее меню

4. Кнопку загрузки Прайс листа (.xls страницы)

5. Текст с названиями групп товаров

6. Картинки - гиперссылки на конкретный товар

7. Надписи - гиперссылки на конкретный товар

8. Ссылку на возвращение в начало страницы

Во многом создание данной страницы напоминает создание страницы index.html. Поэтому в данном разделе будет не такой подробное описание действий, как в описании создания Главной страницы.

Создание текстовых полей:

Посередине страницы вставьте надпись «Интернет - магазин MEDIATORG».

Для этого на панели Инструментарий (находится в левой стороне окна программы) в разделе Общие используйте инструмент Текст.

Прочие Шрифт Установите Размер текста - 26, Полужирный, Цвет - Желтый.

Создание главного меню: (или можно скопировать его с главной страницы)

Для этого на панели Инструментарий Навигация Панель навигации.

Откройте Свойства меню (Контекстное меню Свойства).

На вкладке Общие:

· поставьте галочку в области «Синхронизировать со структурой сайта».

· В списке Уровень выберите Родительский уровень

· Установите Тип «По горизонтали»

· Нажмите Ok

Создание текущего меню:

Для этого на панели Инструментарий Навигация Панель навигации.

Откройте Свойства меню (Контекстное меню Свойства).

На вкладке Общие:

· поставьте галочку в области «Синхронизировать со структурой сайта».

· В списке Уровень выберите Текущий уровень

· Установите Тип «По вертикали»

· Нажмите Ok

На вкладке Стиль вы можете изменять картинки, т.е вид кнопок меню и форматировать шрифт кнопки.

В итоге у вас получится меню следующего вида(рис. 3_1):

(рис. 3_1)

Создание кнопки загрузки Прайс листа (.xls страницы):

Для этого на панели Инструментарий Формы Расширенная кнопка.

Двойным нажатием на объект можно изменять текст кнопки. Введите «Открыть Прайс». Откройте Свойства меню (Контекстное меню Свойства).

На вкладке Общие:

· Значение «price_list».

· Тип кнопки По щелчку

· Действие при щелчке Открытие окна или открытие адреса

· Значение действия price.xls

· Нажмите Ok

На вкладке Стиль измените цвет на Желтый.

Создание ссылок - картинок на телевизоры:

Страница TV.html Интернет - магазина MEDIATORG будет содержать ссылки на ЖК - телевизоры различных компаний, выставленные на продажу. Ссылки картинок и подписей к ним будут совпадать.

Для того, чтобы создать ссылки - картинки на ЖК-телевизор Sony KDL-37P3000, которыми являются:

1. Используйте объект Картинка

2. Во вкладке Общие: заполните поля следующим образом Имя файла: D:\MEDIATORG \images\1_tv_sony.jpg, Подсказка ЖК-телевизор Sony KDL-37P3000

3. Во вкладке Ссылка: заполните поля следующим образом Связана с: Локальная веб-страница Страница tv_Sony, Закладка tv_sony_1 Данные закладки самостоятельно создаются на страницах с информацией о товаре. Описание смотри в части - «Создание страниц с информацией о товаре (на промере TV_sony.html)»

4. нажмите ОК.

Для того, чтобы создать ссылки - подписи картинок проделайте следующие действия:

1. Используйте объект Текст. В текстовое поле введите «ЖК-телевизор Sony KDL-37P3000». Выделите текст и нажмите на значок «Гиперссылка» на панели инструментов.

2. В появившемся окне действуйте также, как и с гиперссылкой - картинкой.

И так далее с каждой следующей картинкой и текстовой ссылкой.

Создание гиперссылки на начало страницы: (или скопируйте поле «В начало» с гравной страницы)

Выберите на панели Инструментарий Общие Закладка. Поместите флажок (на рисунке показан стрелкой) в верхний левый угол рабочей страницы.

Откройте Свойства Закладки и измените имя на «_top».

В конце страницы создайте Текст с надписью «В начало»

Создайте текстовую гиперссылку. В окне редактирования ссылки установите:

· Связь с: - Локальная веб - страница

· Закладка - _ top (имя закладки, которую вы поместили в верхний угол стриницы)

· Цель - _top (означает, что при переходу по ссылке закладка - цель будет расположена в верхней части окна)

· Нажмите Ok

Таким же образом заполняются следующие страницы интернет - магазина «MEDIATORG.ru» ---- TV.html,Monics.html, Nout.html

Создание страницы, с перечнем товарных наименований (на примере TV_.html)

интернет магазин программный макет

Данная страница будет содержать следующие элементы и иметь вид:

1. Заголовок страницы

2. Главное меню

3. Текущее меню

4. Кнопку загрузки Прайс листа (.xls страницы)

5. Рекламный ролик компании - производителя (Windows media объект)

6. Текст с информацией о товаре

7. Картинки - гиперссылки на место в документе с информацией о конкретном товаре

8. Надписи - гиперссылки на место в документе с информацией о конкретном товаре

9. Отправка письма с уведомлением о покупке (купить)

10. Ссылку на возвращение в начало страницы

Создание текстовых полей: (или вставьте заглавие с главной страницы)

Посередине страницы вставьте надпись «Интернет - магазин MEDIATORG».

Для этого на панели Инструментарий (находится в левой стороне окна программы) в разделе Общие используйте инструмент Текст.

Прочие Шрифт Установите Размер текста - 26, Полужирный, Цвет - Желтый.

Создание главного меню: (или можно скопировать его с главной страницы)

Для этого на панели Инструментарий Навигация Панель навигации.

Откройте Свойства меню (Контекстное меню Свойства).

На вкладке Общие:

· поставьте галочку в области «Синхронизировать со структурой сайта».

· В списке Уровень выберите Родительский уровень

· Установите Тип «По горизонтали»

· Нажмите Ok

Создание текущего меню: (или скопируйте его со страницы TV.html)

Для этого на панели Инструментарий Навигация Панель навигации.

Откройте Свойства меню (Контекстное меню Свойства).

На вкладке Общие:

· поставьте галочку в области «Синхронизировать со структурой сайта».

· В списке Уровень выберите Текущий уровень

· Установите Тип «По вертикали»

· Нажмите Ok

Создание кнопки загрузки Прайс листа (.xls страницы): (или скопируйте ее со страницы TV.html)

Для этого на панели Инструментарий Формы Расширенная кнопка.

Двойным нажатием на объект можно изменять текст кнопки. Введите «Открыть Прайс». Откройте Свойства. На вкладке Общие:

· Значение «price_list».

· Тип кнопки По щелчку

· Действие при щелчке Открытие окна или открытие адреса

· Значение действия price.xls

· Нажмите Ok

На вкладке Стиль измените цвет на Желтый.

Использование инструмента Windows Media Player:

Для этого на панели Инструментарий Расширенные Windows Media player. Выберите .avi файл и нажмите Открыть (D:\MEDIATORG \ Sony commercial .avi).

Создание ссылок - картинок на телевизоры:

Ссылки картинок и подписей к ним будут совпадать. Для того, чтобы создать ссылки - картинки на место в документе, в котором находится информация о ЖК-телевизор Sony KDL-37P3000:

1. Установите Закладку в том месте, где на странице TV_sony.html находится информация об указанном телевизоре.

2. Назовите закладку _tv_sony_1

3. Используйте объект Картинка

4. Во вкладке Общие: заполните поля следующим образом Имя файла: D:\MEDIATORG \images\1_tv_sony.jpg, Подсказка ЖК-телевизор Sony KDL-37P3000

5. Во вкладке Ссылка: заполните поля следующим образом Закладка tv_sony_1

6. нажмите ОК.

Для того, чтобы создать ссылки - подписи картинок проделайте следующие действия:

1. Используйте объект Текст. В текстовое поле введите «ЖК-телевизор Sony KDL-37P3000». Выделите текст и нажмите на значок «Гиперссылка» на панели инструментов.

2. В появившемся окне действуйте также, как с гиперссылкой - картинкой.

И так далее с каждой следующей картинкой и текстовой ссылкой.

Создание гиперссылки на начало страницы: (или скопируйте поле «В начало» с гравной страницы)

Выберите на панели Инструментарий Общие Закладка. Поместите флажок (на рисунке показан стрелкой) в верхний левый угол рабочей страницы.

Откройте Свойства Закладки и измените имя на «_top».

В конце страницы создайте Текст с надписью «В начало»

Создайте текстовую гиперссылку. В окне редактирования ссылки установите:

· Связь с: - Локальная веб - страница

· Закладка - _ top (имя закладки, которую вы поместили в верхний угол страницы)

· Цель - _top (означает, что при переходу по ссылке закладка - цель будет расположена в верхней части окна)

· Нажмите Ok

Таким же образом заполняются следующие страницы интернет - магазина «MEDIATORG.ru» ---- Tv_sony.html, Tv_lg.html, Tv_samsung.html, Monic_lg.html, Monic_asus.html, Monic_acer.html, Nout_asus.html, Nout_acer.html и Nout_sony.html

Создание Интернет - магазина «MEDIATORG.ru

После того, как все структурные единицы сайта будут заполнены, а именно все приведенные ниже страницы будут заполнены в соответствие с их структурной (описанной в пункте «Создание структуры интернет - магазина»).

Главная

Index.html

О компании

About.html

Контакты

Contacts.html

Телевизоры

TV.html

Телевизоры Sony

Tv_sony.html

Телевизоры LG

Tv_lg.html

Телевизоры Samsung

Tv_samsung.html

Мониторы

Monics.html

Мониторы LG

Monic_lg.html

Мониторы Asus

Monic_asus.html

Мониторы Acer

Monic_acer.html

Ноутбуки

Nout.html

Ноутбуки Asus

Nout_asus.html

Ноутбуки Acer

Nout_acer.html

Ноутбуки Sony

Nout_sony.html

После того, как Интернет - магазин готов нужно его опубликовать и перевести в привычную html форму. Для этого:

1. Нажмите на Панели инструментов значок «Опубликовать» (активен на рис.).

2. В появившемся окне нажмите кнопку Добавить и выберите место, в которое распакуется html вариант готового Интернет - магазина

3. Нажмите Опубликовать

4. После загрузки нажмите Done

Заключение

Итогом проведенной работы явилась точная инструкция , которой можно воспользоваться при создании Интернет - магазина. В работе детально и наглядно показано как и что делать про создании сайта. Там же описываются варианты, отличные от взятого за основу Интернет - магазина«MEDIATORG.ru».

Интернет - магазин «MEDIATORG.ru» был разработан при помощи программного продукта WYSIWYG Web Builder 3.2.0. Это простой в обращении, не требующий специальных познаний в HTML Java программировании. Данная программа подходит как опытному программисту, так и простому бизнес - клерку.

С помощью такого рода программ и данной работы любой желающий может разработать и открыть свой Интернет - магазин. Визуальный редактор WYSIWYG Web Builder с этим поможет.

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

Список литературы

1. http://setx.ru/2006/05/29/WYSIWYG_Web_Builder_3.2.0_ i_rusifikator.html

2. http://soft.mydiv.net/win/download-WYSIWYG-Web-Builder.html

3. http://ru.wikipedia.org/

Размещено на Allbest.ru


Подобные документы

  • Разработка интернет-магазина для реального заказчика. Проведение анализа и выбор интернет-технологий для разработки интернет-магазина. Проектирование предметной области. Разработка динамических web-страниц интернет-магазина, управляемых базой данных.

    дипломная работа [1,7 M], добавлен 08.06.2013

  • Общая схема интернет-магазина. Установка CMS Joomla, Virtuemart и Denwer на компьютер. Настройка внешнего вида и функционала интернет-магазина. Доставка товара покупателю и способы его оплаты. Оптимизация работы интернет-магазина с базами данных.

    курсовая работа [505,3 K], добавлен 17.12.2014

  • Разработка и написание программного обеспечения для интернет-магазина по продаже свежих овощей в режиме "online". Функциональные требования, схема данных. Главная страница сайта, корзина, регистрация пользователя. Описание классов и файлов программы.

    курсовая работа [1,2 M], добавлен 18.04.2013

  • Этапы проектирования и программная реализация интернет-магазина. Методы разработки его интерфейса - элементов и компонентов программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением. Защита интернет-магазина.

    контрольная работа [28,7 K], добавлен 02.10.2010

  • Обзор принципов построения информационных систем для торговли через интернет. Сравнительная характеристика программных средств построения электронного магазина. Проектирование и программная реализация интернет–магазина. Экономическое обоснование проекта.

    дипломная работа [2,5 M], добавлен 13.02.2006

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

    отчет по практике [2,9 M], добавлен 01.05.2015

  • Проведение формализации и стандартизации данных и задач, являющихся необходимыми для этапов разработки прототипа Интернет-магазина. Тестирование и отладка программного обеспечения. Инструкция пользователя, алгоритм программы. Затраты на ее разработку.

    дипломная работа [2,0 M], добавлен 30.06.2014

  • Обоснование выбора языка программирования для создания интернет магазина. Построение виртуальных страниц. Определение затрат на создание Web-сайта. Расчет трудоемкости создания программного продукта. Использование HTML как языка разметки гипертекста.

    дипломная работа [1,2 M], добавлен 28.05.2016

  • Разработка и внедрение Интернет-магазина, соответствующего требованиям заказчика. Усовершенствование исследуемого бизнес-процесса. Оценка и обоснование экономической эффективности магазина. Управление проектами по созданию программного обеспечения.

    дипломная работа [2,6 M], добавлен 20.06.2017

  • Преимущества и недостатки электронной коммерции. Описание локального сервера Denwer. Структура файлов и папок. Особенности PHP, MySQL, CSS, HTML. Разработка структуры сайта интернет-магазина по продажи гитар и комплектующих, его программная реализация.

    курсовая работа [5,0 M], добавлен 25.10.2014

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.