Разработка электронного каталога (на примере ООО «Экслибрис»)

Автор работы: Пользователь скрыл имя, 29 Апреля 2013 в 23:38, курсовая работа

Описание работы

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

Содержание работы

Введение

Глава 1.Теоретические основы разработки электронного каталога

1.1 Виды мультимедийной презентационной продукции

1.2 Классификация и преимущества электронных каталогов

1.3. Этапы создания электронного каталога

1.4. Создание каталога в формате HTML

1.5. Привлечение внимания к тексту в электронном каталоге

1.6. Навигация в электронном каталоге

Глава 2. Практическая разработка электронного каталога

2.1. Рекламно-производственная компания «Экслибрис»

2.2Создание электронного каталога товаров и услуг компании «Экслибрис»

Заключение

Библиографический список

Приложения

Скачать архив (1.73 Мб) Сколько стоит заказать работу?

Файлы: 1 файл

Курсовая работа 2.doc

— 2.55 Мб (Скачать файл)

Материал в каталоге должен располагаться следующим образом:

Главная страница содержит навигационную панель, блок информации о компании, место для логотипа, графические ссылки и текстовые ссылки на основные разделы и блок с реквизитами компании, где также есть форма отправки электронного письма менеджеру компании «Экслибрис» (Рис. 2.2.4.).

Рис. 2.2.4. Схема расположения материала на главной странице каталога

Основные страницы содержат навигационную панель, блок для информации, место для логотипа, блок с реквизитами компании и форму отправки электронного письма (Рис. 2.2.5.).

Рис. 2.2.5. Схема расположения материала на основных страницах каталога

Дополнительные страницы делятся на страницы с фотографиями с образцами продукции и страницы с прайс-листами и состоят из навигационной панели, блока для прайс-листов либо фотографий, места под логотип, блок с реквизитами компании и формой отправки электронного письма (Рис. 2.2.6.).

Рис. 2.2.6. Схема расположения материала на дополнительных страницах каталога

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

Такой несложный электронный каталог был воплощен в жизнь с помощью языка HTML. HTML – это язык гипертекстовой разметки документа, позволяющий форматировать Web-страницы и устанавливать между ними связь. HTML-файлы могут быть открыты в окне любого Web-браузера. Внешний вид HTML-документа определяются специальными его элементами (дескрипторами), которые должным образом интерпретирует Web-браузер.

Таким образом, пользуясь языком HTML, каталог был организован в виде нескольких фреймов: вертикальных и горизонтальных.

Фрейм – это отдельный законченный HTML-документ, который вместе с другими HTML-документами может быть отображен в окне Web-браузера.

Создание фреймов предполагает создание нового HTML-документа специального типа, который называется управляющим файлом (frameset). Управляющий файл – это особый тип HTML-документа, в котором указывают количество фреймов и файлы Web-страниц, которые должны быть отражены в соответствующих фреймах этого документа. [2]

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

Рис. 2.2.7. Главная Web-страница электронного каталога

<HTML> <HEAD> <TITLE> Электронный каталог </TITLE> </HEAD>

</FRAMESET> </HTML>

<HTML> <HEAD> <TITLE> first </TITLE> </HEAD>

</FRAMESET> </HTML>

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

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

Гиперссылка – фрагмент текста HTML-документа, с помощью которого осуществляется переход на другую Web-страницу или Internet-ресурс.

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

Все гиперссылки в каталоге имеют стандартный цвет – синий, а посещенные – фиолетовый, что также упрощает навигацию по каталогу.

Ниже приведен код, с помощью которого был написан HTML-документ навигационной панели, изображенной на рис. 2.2.8.

Рис. 2.2.8. Навигационная панель электронного каталога

<HTML> <HEAD> <TITLE> navbar </TITLE> </HEAD>

<A HREF="main.html" TARGET="main"> <FONT FACE="Arial" SIZE="4"> ГЛАВНАЯ СТРАНИЦА </FONT> </A> <BR> <BR>

<LI> <A HREF="текстиль.html" TARGET="main"> <FONT FACE="Arial" SIZE="4"> печать на текстиле </FONT> </A> <BR> <BR>

<LI> <A HREF="деколь.html" TARGET="main"> <FONT FACE="Arial" SIZE="4"> стекло и керамика </FONT> </A> <BR> <BR>

<LI> <A HREF="имидж.html" TARGET="main"> <FONT FACE="Arial" SIZE="4"> имиджевая продукция </FONT> </A> <BR> <BR>

<LI> <A HREF="сувенир.html" TARGET="main"> <FONT FACE="Arial" SIZE="4"> сувениры и подарки </FONT> </A> <BR> <BR>

</UL> </BODY> </HTML>

Главное окно было организовано с помощью таблицы. Таблица состоит из нескольких горизонтальных строк и вертикальных столбцов. В ячейках этой таблицы расположены отдельные элементы страницы, такие как логотип, текст, графические изображения-гиперссылки и текстовые гиперссылки (Рис. 2.2.9.). Ниже показан сокращенный код такой таблицы.

Рис. 2.2.9. Главное окно электронного каталога

<TR><TD COLSPAN="4" WIDTH="620px"> <P ALIGN="right"> <IMG SRC="лого.gif"> <br/> <FONT FACE="Arial" SIZE="6" COLOR="FEF76E"> <B> Экслибрис </B> </FONT> <BR/> <FONT FACE="Arial Black" SIZE="2" COLOR="FFFBC6"> рекламно-производственная компания </FONT> </P> </TD></TR>

<TR><TD COLSPAN="4" WIDTH="620PX"> <P ALIGN="justify"> <BR/> <FONT FACE="Arial" SIZE="4">          Если Вы заботитесь об имидже фирмы, проявляете интерес к своим партнерам, поставщикам, клиентам, хотите поздравить их с праздником или удачно заключенной сделкой, готовитесь к проведению выставки, конференции или юбилею - мы предлагаем Вам продукцию, которую изготовим на заказ с Вашей фирменной символикой. </FONT> </P> <BR> <BR></TD> </TR>

<A HREF="obr1.html"> <IMG SRC="текстиль.gif" WIDTH="120px" HSPACE="10" VSPACE="10" ALIGN="center" TITLE="образцы продукции" ALT="образцы продукции"> </A> <BR/> <A HREF="текстиль.html"> <FONT FACE="Arial" SIZE="4"> <CENTER>печать на <BR> текстиле </CENTER> </FONT> </A> </TD>

…

</TABLE></BODY></HTML>

Блок с реквизитами и формой отправки электронного письма организованы также в виде таблицы. Для формы отправления письма воспользовались формой текстовой области и стандартными кнопками «Очистить», «Отправить». Данные направляются на почту менеджера компании, в данном случае на электронную почту Лиходед Марии. (Рис. 2.2.10.). Код такой формы описан ниже.

Рис. 2.2.10. Блок с реквизитами и формой отправки письма

<HTML> <HEAD> <TITLE> rekvizity </TITLE> </HEAD>

<TR> <TD ROWSPAN="2" WIDTH="410"> НАШИ РЕКВИЗИТЫ: <BR /> ул. Красный Путь, 153/3 <BR /> тел/факс: 398-625 <BR /> </TD>

<CENTER> <TEXTAREA NAME="mail" ID="mail" ROWS="2" COLS="23"> Написать письмо менеджеру: </TEXTAREA> </CENTER> </TD> <TR>

</CENTER> </TD> </TR> </TABLE> </FONT> </CENTER> </BODY> </HTML>

Основные страницы с описанием технологии изготовления отдельно по каждой группе продукции представлены в HTML-документе также в виде таблицы (Рис. 2.2.11.). Кроме того, страницы содержат текстовые гиперссылки на главную страницу и дополнительные страницы.

Рис. 2.2.11. Блок с реквизитами и формой отправки письма

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

Рис. 2.2.12.. Страница каталога с прайс-листом

<HTML> <HEAD> <TITLE> prise </TITLE> </HEAD>

<TR> <TD COLSPAN="4" WIDTH="620px"> <P ALIGN="right"> <IMG SRC="лого.gif"> <BR/> <FONT FACE="Arial" SIZE="6" COLOR="FEF76E"> <B> Экслибрис </B> </FONT> <BR/> <FONT FACE="Arial Black" SIZE="2" COLOR="FFFBC6"> рекламно-производственная компания </FONT> </P> </TD> </TR>

<TR> <TD COLSPAN="4"> <BR> <BR> <FONT FACE="Arial" SIZE="4" COLOR="FFFBC6"> Нанесение на бейсболки (6*8 см) </FONT> <BR> <BR> <FONT FACE="Arial" SIZE="3" COLOR="FFFFFF">

<TR> <TH> ТИРАЖ </TH> <TH>50</TH> <TH>100</TH> <TH>150</TH> <TH>200</TH> <TH>300</TH> <TH>400</TH> <TH>500</TH> </TR>

<TR> <TH> 2 цвета </TH> <TD>28</TD> <TD>27</TD> <TD>26</TD> <TD>25</TD> <TD>24.5</TD> <TD>24</TD> <TD>23.5</TD> </TR>

<TR> <TH> 3 цвета </TH> <TD>34</TD> <TD>33</TD> <TD>32</TD> <TD>31</TD> <TD>30.5</TD> <TD>30</TD> <TD>29.5</TD> </TR>

<TR> <TH> 4 цвета </TH> <TD>40</TD> <TD>39</TD> <TD>38</TD> <TD>37.5</TD> <TD>36.5</TD> <TD>36</TD> <TD>35.5</TD> </TR>

<TR> <TD COLSPAN="8"> * При печати на изделиях заказчика цена увеличивается на 10% </TD> </TR> </TABLE> </FONT> </TD> </TR>

…

</TABLE> </BODY> </HTML>

Остальные подобные этой страницы организованы точно так же. А страницы с фотографиями образцов продукции (Рис. 2.2.13.) организованы вообще несложно: фотографии вставлены в HTML-документ в качестве фона. Ниже описан код такой страницы.

Рис. 2.2.13. Страница каталога с прайс-листом

Полностью готовый электронный каталог записан на электронный носитель и помещен в Приложение № 6.

ЗАКЛЮЧЕНИЕ

В данной работе были рассмотрены вопросы разработки электронного каталога товаров и услуг на примере рекламно-производственной компании ООО «Экслибрис».

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

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

Информация о работе Разработка электронного каталога (на примере ООО «Экслибрис»)