Создание Интернет-магазина при помощи программы WYSIWYG Web Builder v3.2.0 на примере создания Интернет-магазина "MEDIATORG.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 предлагают больше удобств и функциональности. Принцип их работы условно делится на две категории:

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

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

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

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

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

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

WYSIWYG Web Builder :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для создания Интернет - магазина 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:WWBKey

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

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

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

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

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

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

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

(рис. 1_7)

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

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

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

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

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

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

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

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

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

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

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

(рис. 1)

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

Картинка - Обзор… `a D:Mediatorg background.jpg

Звук - Обзор… `a D:Mediatorg just_do_it.mp3

(рис. 2)

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

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

(рис. 3)

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

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

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

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

Список html страниц Интернет - магазина MEDIATORGТекст кнопкиНазвание страницГлавнаяIndex.htmlО компанииAbout.htmlКонтактыContacts.htmlТелевизорыTV.htmlТелевизоры SonyTv_sony.htmlТелевизоры LGTv_lg.htmlТелевизоры SamsungTv_samsung.htmlМониторыMonics.htmlМониторы LGMonic_lg.htmlМониторы AsusMonic_asus.htmlМониторы AcerMonic_acer.htmlНоутбукиNout.htmlНоутбуки AsusNout_asus.htmlНоутбуки AcerNout_acer.htmlНоутбуки SonyNout_sony.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

·Нажмите Ok

(рис. 4)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.нажмите ОК.

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

Для 22" TFT Acer P223Wbd black

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

"uВо вкладке Ссылка: заполните поля следующим образом `a Связана с: Локальная веб-страница Страница Monic_Acer Закладка: _2_mon_acer

Для SONY VAIO (VGN-AR51MR):

"uВо вкладке Общие: заполните поля следующим образом `a Имя файла: D:MEDIATORG images4_nout_sony.jpg, Подсказка: SONY VAIO (VGN-AR51MR)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

·Нажмите Ok

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

·Нажмите Ok

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

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

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

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

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

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

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

·Нажмите Ok

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

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

(рис. 3_1)

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

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

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

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

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

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

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

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

·Нажмите Ok

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

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

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

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

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

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

.Во вкладке Ссылка: заполните поля следующим образом `a Связана с: Локальная веб-страница Страница tv_Sony, Закладка tv_sony_1

.нажмите ОК.

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

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

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

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

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

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

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

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

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

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

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

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

·Нажмите Ok

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

·Нажмите Ok

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

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

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

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

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

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

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

·Нажмите Ok

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

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

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

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

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

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

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

·Нажмите Ok

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

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

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

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

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

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

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

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

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

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

.нажмите ОК.

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

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

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

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

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

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

Откройте Свойства Закладки и измените имя на «_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Телевизоры SonyTv_sony.htmlТелевизоры LGTv_lg.htmlТелевизоры SamsungTv_samsung.htmlМониторыMonics.htmlМониторы LGMonic_lg.htmlМониторы AsusMonic_asus.htmlМониторы AcerMonic_acer.htmlНоутбукиNout.htmlНоутбуки AsusNout_asus.htmlНоутбуки AcerNout_acer.htmlНоутбуки SonyNout_sony.html

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

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

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

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

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

Заключение

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

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

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

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

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

.
http://setx.ru/2006/05/29/WYSIWYG_Web_Builder_3.2.0_ i_rusifikator.html <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/>