Создание виртуальной страницы в Internet для рекламного агентства

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

105

Введение

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

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

Существует несколько путей «продвижения» фирмы в глобальной сети Internet основными из них являются: создание виртуальной страницы фирмы в Internet и e-mail - маркетинг. В его состав входят: списки рассылки, дискуссионные листы, конференции Usenet, Web - конференции, реклама на досках объявлений, рассылки новостей сервера, e - mail автоответчики, индивидуальные письма.

Цель данной работы является создание виртуальной страницы в Internet для рекламного агентства «Ъ». Разработать содержание, дизайн и оценить эффективность Web - страницы, с точки зрения экономики.

Необходимостью создания виртуальной страницы в Internet рекламного агентства «Ъ» является, прежде всего, реклама продукции и услуг, которые предлагает данная фирма. Интерактивная реклама - новый способ предложить товары и услуги потребителю. Интернет же являет собой наиболее динамично развивающуюся среду вещания. За последние пять лет кол-во пользователей сети выросло в десятки раз, и на сегодняшний момент превышает 150 миллионов человек. Таким образом, можно заключить, что быстро растущая аудитория сети Интернет являет собой область повышенного интереса для большинства рекламодателей. Многие компании немало выиграли от использования Internet, получив весьма ощутимое преимущество в конкурентной борьбе. Именно поэтому создание виртуальной страницы в Internet на примере ИП Старицин А. И. владельца рекламного агентства «Ъ» является выгодной необходимостью для его дальнейшего развития.



1. Анализ предметной области и постановка задач

1.1 Анализ возможностей Internet

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

К числу особенностей Internet относятся:

- коммуникационный простор, не ограниченный ни во времени, ни в пространстве;

- четко определенные каналы доступа;

- оптимальная прозрачность рынка, условия конкурентов можно выяснить в считанные секунды;

- активные пользователи, готовые понести определенные издержки;

- явная и высокая эффективность для клиента;

- возможность статистического анализа поведения пользователей;

- возможность оперативной передачи актуализированной информации;

- возможность расширения функций системы.

Характерным свойством Internet является ее безграничность - полный комплекс услуг, предоставляемых Internet, имеется уже в 75 странах мира, и еще в 77 странах можно посылать и принимать электронную почту.

Таким образом, Internet представляет собой уникальную коммуникационную систему, которая может использоваться не только для какой-то одной цели. Ее привлекательность как раз и состоит в многообразии возможностей и в том новом, что она несет для различных видов деятельности [4, c.32].

Internet, как универсальное средство коммуникации находит применение в самых различных сферах деятельности:

- издательское дело: электронные журналы; издание информационных бюллетеней, а также книг;

- торговля: компьютерные магазины;

- бизнес: корпорация General Electric использует сеть для распространения технической документации;

- радиовещание: проводятся эксперименты по цифровой подаче звуковых сигналов и видеофрагментов на подключенные к сети ПК;

- реклама: интерактивная реклама - новый способ предложить товары и услуги потребителю; в число рекламодателей вошли Volvo, IBM, Bank of America.

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

В настоящее время Internet все активнее вовлекается в сферу бизнеса, где ее используют для ведения деловых операций. Множество компаний различных стран мира, в том числе такие крупные корпорации, как IBM, AT&T, Ford, Merrill Lynch, J.P.Morgan, Dun & Bradstreet, J.C.Penney, Mitsubishi, и сотни других фирм являются клиентами сети.

Среди пользователей сети есть компании, целью которых является ведения бизнеса по сети. Ряд фирм электронной промышленности, среди которых Intel, Hewlett-Packard, IBM и Apple Computer работают над созданием на базе Internet единого рынка товаров и услуг CommerceNet. При реализации данного проекта исчезнет необходимость в тиражировании и рассылке бумажных бланков заказов и счетов по почте.

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

Сеть Internet способна стать эффективным средством рекламы, маркетинга, сбыта продукции и послепродажного обслуживания клиентов. Глобальные сети типа Internet помогут фирмам наладить прямые контакты с покупателями продукции, выведя отношения с ними на новый уровень, позволяющий получать оперативную информацию о конъюнктуре рынка и изменениях в структуре потребительского спроса. Так, Volvo и Alfa Romeo с помощью WWW обеспечивают «виртуальных» покупателей техническими данными и фотоснимками перспективных моделей. Компания J.P.Morgan & Co. предоставляет клиентам доступ к базе данных по управлению финансовыми рисками, а Hyatt Hotels Corp. использует сеть для рекламы своих фешенебельных гостиниц и отелей, расположенных в курортной зоне, обещая скидки всем, кто свяжется с ней по Internet.

Dun & Bradstreet Corp. планирует не позднее чем через год перейти на осуществление крупных операций через систему сетей Internet. А ее дочерняя фирма R.H. Donnelly собирается создать рекламно-информационный справочник наподобие телефонной книги Yellow Pages, с которым можно будет работать через WWW. Щелкнув клавишей мыши и настроившись на определенную рекламу, вы немедленно подключитесь к WWW-серверу соответствующего рекламодателя, чтобы ознакомиться с электронным каталогом его товаров и при желании разместить свой заказ.

Многие фирмы уже сегодня с помощью Internet производят торговые операции, делая на этом свой бизнес. Среди них и Robert Redford`s Sundance Catalog Inc. из г. Парк-Сити (шт. Юта), продающая по почте изделия ручной работы местных мастеров.

Однако наряду с многочисленными достоинствами у Internet есть и существенные недостатки. В Internet до сих пор отсутствует механизм, обеспечивающий бизнесменам конфиденциальность сведений о заключаемых сделках. Особенно важна защита информации для банковских и прочих финансовых сетей. Неудивительно, что компании избегают пользоваться онлайновыми сетями для передачи таких данных, как номера кредитных карточек, и прочей информации, сопровождающей совершение операций купли-продажи. Но уже в ближайшее время данная проблема будет решена [4, c.69].

1.2 Анализ основных принципов построения виртуальных страниц Internet

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

Для изложения маркетинговых принципов построения Web-страниц важно рассмотреть последовательность их создания:

1. Определение целей создания Web-страницы.

2. Определение целевого сегмента потребителей.

3. Разработка содержания Web-страницы.

4. Разработка дизайна Web-страницы.

5. Оценка эффективности Web-страницы.

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

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

- распространение информации о фирме, ее продукции и услугах;

- продажа товаров и услуг;

- формирование благоприятного имиджа фирмы или продукции;

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

Аудитория сети Internet огромна и определенную Web-страницу увидят не все пользователи сети. Необходимо, чтобы Web-страницу посещали те пользователи, которые могут быть потенциальными покупателями. Знание характеристик потенциальных потребителей позволит привлекать на Web-страницу посетителей, автоматически отбирая только тех, которые могут заинтересоваться продукцией фирмы.

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

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

- должна соответствовать целям создания Web-страницы;

- должна учитывать особенности целевого сегмента потребителей;

- должна быть в определенной степени уникальной, чтобы привлечь внимание посетителей, так как в сети Internet существует множество похожих Web-страниц, и конкуренция между ними достаточно сильная;

- должна быть оперативной. Для поддержания интереса к Web-странице ее необходимо постоянно обновлять и модернизировать. Можно установить, как часто будут обновляться данные. Web-страницы, информация на которых обновляется раз в месяц, могут рассчитывать на повторные посещения пользователей только через несколько месяцев. Если же новые сведения появляются каждый день, то повторные визиты будут происходить раз в несколько дней. Для того чтобы показать пользователям, что Web-страница обновляется, можно указать на ней дату ее создания и последнего обновления;

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

- не должна носить излишне рекламный, навязчивый характер.

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

Одна из основных задач, которую следует ставить перед собой при составлении текстов для Web-страниц - это использование технической и развлекательной информации для выделения особенностей фирмы. Низкая стоимость системы WWW приводит к тому, что у любой Web-страницы существует множество конкурентов. Поэтому тексты на Web-странице должны четко отвечать на вопросы: Чем отличается компания от всех остальных? Как можно обосновать и подчеркнуть эти отличия?

Многие компании начинают свои страницу с графического логотипа. Не следует делать его слишком большим. Не помешают также несколько строк, описывающих фирму.

Некоторые сведения следует указывать на каждой Web-странице. К ним относятся, в частности, электронный адрес и имя администратора сервера, а также название компании и сведения об авторском праве.

Первые страницы газет планируются таким образом, чтобы наиболее важные и интересные материалы располагались в их верхней части, выше линии сгиба, так как все, что находится ниже этой линии, на газетном стенде не видно. Точно таким же правилом следует руководствоваться и при создании Web-страниц. Большая часть пользователей уделяет очень мало внимания ссылкам, изображениям и тексту, находящимся в нижней части Web-страницы. Так, только 10% пользователей прокручивают информацию, не помещающуюся на экран. Поэтому вся самая важная информация и все устройства управления Web-страницей (кнопки, ссылки) должны быть наверху страницы [9, c.122].

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

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

Web-сервер содержит много страниц. Пользователь может подключиться к любой из них, однако главным входом является «домашняя страница», которая задает тон всему серверу. От нее будет зависеть первое впечатление, получаемое посетителями.

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

На «домашней странице» необходимо описать способы получения необходимой информации, указать контактные адреса и телефоны.

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

При этом важно учитывать следующее. Исследования показывают, что около 40-45% пользователей сети просматривают содержимое Web-страниц в режиме без загрузки графики, или останавливают загрузку графических файлов большого объема при помощи кнопки.

Примерно 40% посетителей WWW лишены возможности просмотра графических изображений, поэтому каждой картинке со ссылкой должна соответствовать аналогичная текстовая ссылка. Можно также создать «текстовый» вариант всей Web-страницы.

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

Желательно создать раздел обратной связи для получения откликов посетителей и поощрять активность посетителей.

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

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

Так же важную роль в привлечении внимания пользователей сети Internet к определенной Web-странице играет ее дизайн. При разработке дизайна Web-страницы прежде всего нужно учитывать особенности восприятия целевой аудитории. При этом оформление должно соответствовать содержанию Web-страницы.

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

Все Web-страницы одного сервера должны быть оформлены в едином стиле. Это создаст дополнительное представление о фирме и ее товарах. Дизайн Web-страниц предполагает разработку следующих элементов:

- цвет;

- шрифт;

- графика;

- компоновка Web-страницы.

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

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

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

Закончив создание Web-страницы, нужно посмотреть на нее со стороны потенциального пользователя. Возможно, разработка Web-страницы будет происходить на мощном компьютере Power Mac или Sun, однако большинство пользователей могут находиться в значительно худших условиях, и важно знать, как выглядит Web-страница с их точки зрения [9, c.203].



1.3 Обоснование выбора языка программирования для создания Web - сайта

1.3.1 HTML - язык разметки гипертекста

Язык HTML (Hyper Text Markup Language - язык разметки гипертекста) предназначен для формирования документов и приведения их к виду, пригодному для просмотра с помощью программ-браузеров, например Netscape Navigator или MS Explorer /1/. Основная идея, которая преследовалась при его разработке - создать такой формат документов, который не зависел бы от типа компьютера, на котором эти документы будут просматриваться.

Существуют несколько версий HTML. HTML 2.0 (ноябрь 1995) был разработан Internet Engineering Task Force (IETF) для упорядочения общепринятых положений в конце 1994 года. HTML+ (1993) и HTML 3.0 (1995) - это более богатые версии языка HTML /4/ . Большинство людей признают, что документы HTML должны работать в различных браузерах и на разных платформах. Достижение совместимости снижает расходы авторов, поскольку они могут разрабатывать только одну версию документа. В противном случае возникает еще больший риск, что Web будет представлять собой смесь личных несовместимых форматов, что в конечном счете приведет к снижению коммерческого потенциала Web для всех участников. В каждой версии HTML предпринималась попытка отразить все большее число соглашений между работниками и пользователями этой индустрии, чтобы усилия авторов не были потрачены впустую, а их документы не стали бы нечитаемыми в короткий срок [11, c.15].

Язык HTML разрабатывался с той точки зрения, что все типы устройств должны иметь возможность использовать информацию в Web: персональные компьютеры с графическими дисплеями с различным разрешением и числом цветов, сотовые телефоны, переносные устройства, устройства для вывода и ввода речи, компьютеры с высокой и низкой частотой и т.д.

Сам HTML-документ представляет собой текстовый файл. В основе любого World Wide Web - документа лежат дескрипторы. Дескрипторы, которые заключаются в угловые скобки < >, описывают структуру и формат документа. Дескрипторы можно разбить на четыре группы в соответствии с выполняемыми ими функциями. Различают дескрипторы определения, описания, связи и дескрипторы, вызывающие средства мультимедиа.

Сам по себе язык HTML, на котором создаются документы для Internet'а, позволяет размещать на Web-страничке текст, картинки, организовывать ссылки, но не позволяет сделать Web-страничку активной. На Рис. 1.1 представлены основные способы разработки HTML-документов.

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

105

Рис. 1.1 Технологии разработки документов формата HTML

Далее следует рассмотреть средства, позволяющие сделать Web-страничку активной.

1.3.2 JavaScript - язык создания сценариев

Назначение языка JavaScript - позволить сделать Web-страничку активной. Язык JavaScript не имеет никакого отношения к языку Java, несмотря на схожее название. Java имеет очень немного средств для связи аплитов с браузером, что так необходимо разработчикам в их приложениях, в то время как JavaScript разрабатывался именно для этого. В отличии от Java, JavaScript является интерпретируемым языком. Программа на языке JavaScript размещается прямо в HTML-документе в виде исходного текста и автоматически компилируется в байт-код при загрузке документа в браузер.

Для авторов HTML-документов JavaScript представляет важный шаг вперед на пути к созданию HTML-приложений, которые взаимодействуют с пользователем. Таким образом, главной целью языка JavaScript является обеспечение активного взаимодействия HTML-документов с пользователем. Этот язык не претендует на то, чтобы быть полномасштабным языком программирования, такими как Java и Си. Скорее, он является расширением языка HTML, облегчающим работу пользователя с конкретным браузером. Важен тот факт, что JavaScript-программы действительно являются выполнимым содержимым документов: они физически находятся внутри HTML-документов, в отличие от Java-аплетов, которые существуют вне документов, их активизирующих.

JavaScript "вышел на сцену" в конце 1995 года и к настоящему времени стал очень популярным и поддерживается многими браузерами. Язык JavaScript был создан компанией Netscape Communication Corporation в сотрудничестве с компанией Sun Microsystems. Первоначальное название языка JavaScript было LiveScript. Затем, после того как язык Java получил всемирную известность, LiveScript переименовали в JavaScript. Возможно, это было сделано фирмой Netscape из коммерческих соображений: все, что имело в своем названии ключевое слово "Java", вызывало живой интерес.

При разработке языка программирования JavaScript предполагалось, что он будет предназначен для непрофессионалов. По простоте использования JavaScript больше всего напоминает Basic, хотя с помощью него квалифицированные программисты могут решать достаточно серьезные и полезные задачи. JavaScript не предназначен для создания автономных программ или аплетов, и в этом он сильно отличается от других языков, таких как Си или Java. Конструкции JavaScript встраиваются непосредственно в исходный текст документов HTML и интерпретируются браузером по мере загрузки этих документов. Более того, с помощью JavaScript вы можете динамически формировать и изменять текст загружаемого документа HTML.

Еще одна важная особенность языка JavaScript - это его объектная ориентированность. И хотя объектно-ориентированные возможности JavaScript заметно беднее, чем в С++ или Java, они все же есть в этом языке. Программистам доступны многочисленные объекты, встроенные в браузер и загруженные в него документы HTML, такие как документы HTML, фреймы, формы, ссылки на другие документы и так далее.

Допускается создание собственных классов, а также группирование объектов и структур данных для расширения базовых классов. С помощью конструкций JavaScript, встроенных в документы HTML, можно обрабатывать события. Эти события возникают в результате выполнения пользователем различных операций над документом HTML, загруженным в окно браузера. Это позволяет получать различные визуальные эффекты, например, изменение внешнего вида органов управления, когда над ними находится курсор мыши. Можно предварительно проверять данные, введенных пользователем в полях формы перед их отправкой для обработки на сервер Web, а также выполнять произвольные действия перед загрузкой документа HTML в окно браузера и делать другую полезную работу.

Отметим также то, что JavaScript не предназначен для создания сложных программ. Подобные задачи лучше решать с использованием других языков программирования, например, с помощью Java. Однако с помощью JavaScript вы можете быстро создавать активные страницы с достаточно сложным поведением. Этот язык несложен в изучении, а программы, составленные с его использованием, легко поддаются отладке [11, c.31].

1.3.3 CSS - средство управления макетом HTML документа

Каскадные таблицы стилей CSS (Cascade Style Sheets) - это набор стандартов, которые регулируют некоторые методы применения стиля к страницам HTML. Стиль включает в себя все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля, и расположение объекта на страницах.

CSS разрабатывались так, чтобы обеспечить больший уровень контроля над размещением текста или графики. К сожалению CSS остаются новой технологией со своими недостатками. Самая большая проблема состоит в том, что на данный момент Web-браузеры не полностью поддерживают CSS. Хотя Microsoft реализовала поддержку каскадных таблиц стилей в Internet Explorer 3.0, в ней содержатся ошибки. Netscape подгоняемая конкурентами, сделала Navigator 4.0 совместимым с CSS. Тем не менее, таблицы стилей предоставляют долгожданное решение для борьбы со многими ограничениями HTML. В результате имеется возможность контролировать шрифты, возможность управления цветами, полями и даже дополнительными специальными эффектами типа добавления тени к тексту.

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

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

Определены три метода для применения CSS к документу HTML/2/:

- встроенный (Inline). Этот метод позволяет в любой тег HTML добавить стиль. Использование встроенного метода предоставляет максимальный контроль над всеми свойствами документа. Например, если необходимо задать внешний вид отдельного абзаца, то можно просто добавить атрибут style = x к тегу абзаца, и браузер отобразит этот абзац с помощью параметров стиля, добавленного в код;

- внедренный (Embedded). Внедрение позволяет контролировать всю страницу HTML. При использовании тега <style>, помещенного внутри раздела <head> документа, в код вставляются детализированные атрибуты стиля, которые будут применяться ко всей странице;

- связанный (Linked или External). Связанная таблица стилей - мощный инструмент, который позволяет создавать образцы стилей, который затем можно применять ко всем документам HTML одновременно. Основной документ таблицы стилей (расширение .css) создается программистом. Этот документ содержит стили, которые будут едиными для всех документов. Любой документ HTML, связанный с этим файлом, будет использовать указанные стили;

- синтаксис всех методов, используемых для применения стилей к документам HTML, практически одинаков. Таблицы стилей, как и предложения, составляются из определенных частей. Эти части включают следующие элементы;

- указатель (Selector). Указатель является элементом, к которому будут применяться назначаемые атрибуты. Это может быть просто тег типа заголовка или абзаца. Таблицы стилей позволяют использовать различные объекты, включая и классы;

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

- значение (Value). Значения определяют свойства. Предположим имеется заголовок первого уровня Н1 (указатель) и необходимо включить свойство tipe-family (свойство шрифта). Шрифт который применяется к указанному фрагменту, задается значением этого свойства;

- описание (Declaration). Свойства и значения объединяются, образуя описания;

- строка (Rule). Указатель и описание образуют строку.

На рис. 1.2 показаны все описанные выше элементы и их взаимосвязь.

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

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

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

105

Рис. 1.2 Элементы CSS и их взаимосвязь

При проектировании информационных страниц сайта - эта технология даст возможность построения четко структурированного материала.

1.3.4 Выбор технологии разработки Web-сайта

В настоящее время средства динамической разметки гипертекста (DHTML), JavaScript, таблиц стилей (CSS) приобретают все большую популярность. Простота конструкций языка разметки одно из главных преимуществ, перед другими средствами. Для приобретения навыков в программировании на этом языке не обязательно иметь какие-либо узкоспециальные знания, более того правила использования большинства тегов HTML интуитивно поняты. Освоить принципы создания интерактивных документов с помощью DHTML несравненно проще, чем осваивать какой-нибудь высокоуровневый язык программирования, хотя и требуется знание основ программирования, для того чтобы освоить создание скриптов с помощью языков сценариев.

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

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

При использовании же других средств, нет гарантии того, что различные версии программ «просмотрщиков» однозначно интерпретируют созданный документ. Также они не обладают достаточной степенью переносимости на другие платформы.

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

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

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

Также для создания сайта был использован Macromedia Dreamweaver MX 2004 v7.0. Данное программное обеспечение (ПО) содержит режим визуальной компоновки web-страниц и редактор тегов, который позволяет отредактировать HTML-код. Интерфейс Dreamweaver очень прост в осваивании начинающего дизайнера, что позволяет создать профессиональный web-сайт. С помощью Dreamweaver можно создавать анимации в формате Macromedia Flash, использовать данные из Microsoft Office, легко импортировать rollover-графику, меню и кнопки из Fireworks.

- Dreamweaver является мощным пакетом для Web-разработчика. В новой версии данного ПО значительно переработан интерфейс, упрощена работа с документами, доступ к панелям инструментов.

- Dreamweaver MX обладает следующими достоинствами: поддерживается разработка Web-сайтов, с использованием средств ColdFusion MX, ASP.NET и PHP, для быстрого обучения, в пакет программ включены примеры Web-страниц и шаблоны, а так же поддержка Flash при разработке, значительно улучшена работа со стилями и безопасность данных при передаче по сети.

Полный контроль над исходным текстом осуществляется с помощью компонента Code View, который дает возможность получить доступ к новому интегрированному текстовому редактору, а с помощью представления Split View можно одновременно видеть исходный HTML-код страницы и ее изображение. Быстрый редактор тэгов (Quick Tag Editor) позволяет отредактировать HTML-код любого объекта. Проектирование сложных страниц осуществляется средством компоновки Layout View, который позволяет рисовать непосредственно на странице и мышью перемещать ячейки или группы ячеек для создания вложенных таблиц. Независимо от того, ведется ли работа с готовыми таблицами или создается новая компоновка, Layout View всегда создает корректные таблицы, которые правильно отображаются в любом Web-браузере.

Dreamweaver поддерживает возможность импорта из Microsoft Office. Команда Clean Up Word HTML удаляет специфические тэги, вставленные Microsoft Word, а объект Table Object позволяет импортировать в Dreamweaver файлы с данными, разделенными запятыми. Отладка JavaScript. Новый отладчик JavaScript Debugger позволяет контролировать выполнение сценариев JavaScript в web-браузерах Netscape и Microsoft, помогая понять разницу в реализациях JavaScript.

Так же как и многие ПО Dreamweaver включает в себя справочную систему. Быстрое получение справок по JavaScript, HTML, CSS и модели DOM (Document Object Model) благодаря новой функции Code Reference.

Выбор динамического языка разметки гипертекста (DHTML), JavaScript, таблиц стилей (CSS), в качестве наиболее удобного средства разработки Web-сайтов определяется всеми вышеперечисленными достоинствами. В условиях современного развития коммуникационных технологий преимущества становятся более очевидными [11, c.57].



2. Проектная часть

2.1 Постановка задач на дипломное проектирование

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

Web-сайты являются самым эффективным инструментом оповещения пользователей оперативной информацией.

Экономическая целесообразность разрабатываемой темы обусловлена сокращением временных и увеличением качественных характеристик информирования пользователей.

Используя современные визуальные средства разработки такие как Dreamweaver MX 2004 v.7.0, можно с малыми временными затратами спроектировать web-сайт, обладающий достаточной полнотой материала, универсальностью и простотой использования.

Таким образом, создание Web-сайта, является экономически оправданным и конкурентно способным на рынке информационных систем, хотя и требует определенных затрат на проектирование и программирование.

Данная тема выполняется одним разработчиком, основная квалификация которого - программист. К подготовке специалиста предъявляются следующие требования:

Обязательные:

- знание общих правил работы с персональным компьютером;

- владение английским языком на уровне технических текстов;

- знание основ программирования в среде Windows 9x, 2000, Me, XP, Longhorn;

- знание принципов разметки гипертекста в частности языка (HTML);

- владение языками создания сценариев (напр. JavaScript или VBScript);

Рекомендуемые:

- изучение визуальной системы программирования DreamWeaver MX 2004 v.7.0.

Заказчиком разработки является рекламного агентства «Ъ». Особым разделом организационного обеспечения разработки является сбор исходных данных. Для этого разработчику были предоставлены материалы со стороны фирмы, так же использовалась информация, полученная из сети Интернет и книжных пособий.

Среди достоинств разработанного сайта можно выделить следующие:

- возможность отправки заказа непосредственно во время просмотра Web-сайта;

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

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

Таким образом, качественное изменение сайта не потребует существенных денежных затрат.

Данное проектное решение, предназначено для получения необходимой информации о деятельности и услугах рекламного агентства «Ъ».

К выводам, доказывающим экономическую целесообразность разработки Web-сайта проекта, можно отнести следующее:

- сокращение временных затрат на знакомство и выбор нужных услуг для непосредственных пользователей сайта;

- возможность получения информации о стоимости товаров и услуг фирмы;

- возможность заказа на определенные товары и услуги непосредственно вовремя пользования сайтом;

- сокращение суммарного времени на весь процесс получения необходимой информации.

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

2.2 Этапы проектирования Web - сайта для рекламного агентства «Ъ»

Сайт для рекламного агентства «Ъ» был спроектирован по пяти этапам жизненного цикла программного обеспечения:

Первый этап проектирования: Системный анализ (определение требований к проекту) (рис. 2.1). На данном этапе, предварительно получив задание на создание сайта, разработчик, анализируя соответствующую информацию, предлагает некоторый дизайн-проект на сайт. Данный проект обсуждается с заказчиком, вследствие чего конкретизируются и утверждаются требования к сайту.

Рис. 2.1 Первый этап проектирования - Системный анализ

Второй этап проектирования: Проектирование (рис. 2.2). На данном этапе разработчик формирует структуру сайта и согласовывает ее с заказчиком, после утверждения структуры разработчик выбирает оптимальное программное обеспечение для реализации проекта [16, c.87].

Рис. 2.2 Второй этап проектирования - Проектирование

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

Четвертый этап проектирования: Отладка и исправление ошибок. На данном этапе разработчик представляет заказчику итоговый вариант сайта. Заказчик, внимательно изучив структуру сайта и информацию разделов, выявляет ошибки и сообщает о них разработчику для дальнейшего их исправления. Завершением этапа является полная отладка проекта и исправление ошибок в информации.

Пятый этап проектирования: Сопровождение. На данном этапе составляется техническая документация, в которой содержится информация о сайте.

2.3 Структура Web - сайта рекламного агентства «Ъ»

Создание Web-сайтов является одной из важнейших технологий разработки ресурсов Internet.

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

Программная реализация Web - сайта требует тщательной проработки структуры и содержания. В свою очередь содержание Web-страницы является одним из основных преимуществ, которые может получить фирма, если разместит на ней нужную пользователям информацию. Важной составной частью Web-сайта является содержательная часть, которая хранится на рабочей станции или на сервере в виде готовых HTML-страниц, связанных между собой гипертекстовыми ссылками.Структура Web-сайта для рекламного агентства «Ъ» представлена на рис. 2.3

Рис. 2.3 Структура Web-сайта для рекламного агентства «Ъ».

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

- заголовочная часть сайта, которая включает в себя логотип фирмы и заголовок, данные структурные элементы постоянно отображаются на экране, при работе с сайтом (рис. 2.4);

- меню навигации;

- информационная область.

Рис. 2.4 Экранная форма заголовочной части сайта

Меню навигации сайта, так же как и заголовочная часть, постоянно отображается на экране, что является очень удобным свойством сайта, при осуществлении переходов на страницы сайта. Пункты меню сайта для рекламного агентства «Ъ» представлены на рис. 2.5

Рис. 2.5 Меню навигации Web-сайта для рекламного агентства «Ъ».

Меню Web-сайта содержит прямые ссылки на его разделы:

- раздел «О компании» - содержит информацию о компании и ее коллективе;

- раздел «Список продукции» - содержит информацию о видах продукции данной компании;

- раздел «Список услуг» - содержит информацию о предоставляемых услугах и ценах. (прил. Д, табл. 2.1). Пункт меню «E - MAIL» загружает Outlook Express и позволяет послать сообщение о заказе на определенный вид услуг данной фирмы (рис. 2.6).

Рис. 2.6 Экранная форма загружаемая, при выборе пункта меню «E - MAIL»

Последняя возможность выгодно отличает данный продукт по сравнению с традиционным использованием Outlook Express.

2.4 Файловая организация Web - сайта

Тщательная разработка файловой структуры Web-сайта облегчает в дальнейшем его модернизацию и информационную поддержку, а также играет большое значение, при его размещении в Интернет и корректности работы [16, c.45].

На рис. 2.7 приведена структура файловой организации Web - сайта. Рисунок отражает структуру файловой организации, которая состоит из следующих файлов:

- файл index.htm - модуль запуска главной страницы сайта;

- файл okompany.htm - модуль страницы о компании;

- файл spprodukt.htm - модуль страницы с информацией о продукции;

- файл spyslug.htm - модуль страницы с информацией об услугах;

Весь проект находиться в директории Сайт «Ъ», в подкаталоге Images находятся файлы рисунков в формате jpg.

На этапе проектирования структуры сайта выделены следующие составляющие:

- заголовок;

- меню навигации сайта;

- содержательная часть.

Рис. 2.7 Файловая структура сайта рекламного агентства «Ъ»

При запуске файла index.htm в браузере отображается главная страница Web - сайта. Здесь представлена заголовочная часть страницы, отражающая название фирмы, ее логотип, меню навигации, и информационную область. Меню навигации включает в себя следующие разделы:

- главная;

- о компании;

- список продукции;

- список услуг;

- E-MAIL.

Каждая кнопка меню осуществляет переход на страницу с информацией соответствующей названию раздела. Внешний вид главной страницы приведен на рис. 2.8. При создании страниц разделов сайта использовались теги HTML для следующих целей:

- использование гипертекстовых ссылок на информационные ресурсы;

- вставка графических элементов;

- форматирование текста;

- разбиение на абзацы и другое тексторазделение;

- использование заголовков различных уровней;

- представление текста в виде списков;

- создание таблиц.

На рис. 2.9-2.11 представлен внешний вид страниц «О компании», «Список продукции» и «Список услуг».

При выборе пункта меню E-MAIL загружается Outlook Express и позволяет послать сообщение о заказе на определенный вид услуг (рис. 2.12).



Рис. 2.8 Экранная форма главной страницы сайта рекламного агентства «Ъ».

Рис. 2.9 Экранная форма страницы «О компании» сайта рекламного агентства «Ъ»

Рис. 2.10 Экранная форма страницы «Список продукции» сайта рекламного агентства «Ъ»

Рис. 2.11 Экранная форма страницы «Список услуг» сайта рекламного агентства «Ъ»

2.5 Разработка HTML-документов средствами визуальных интегрированных сред

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

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

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

- быстрый просмотр документа в любом браузере, причем может использоваться внутренний браузер;

- от разработчика не требуется знания языка HTML;

- возрастание скорости создания HTML-документов за счет использования высокоуровневых средств разработки и снижения вероятности появления трудно находимых ошибок;

- возможность использования кода скриптов, предоставляемых средой разработки;

- возможность качественной отладки кода скриптов;

Среди удачно разработанных интегрированных сред визуальной разработки HTML-документов, можно выделить Dream Weaver, разработанный фирмой Macromedia и Front Page фирмой Microsoft.

Для разработки Web - сайта была выбрана среда Dream Weaver 7.0. Это обусловлено используемым в программе разработки более простым и интуитивно понятным интерфейсом, а так же более продуманным алгоритмом генерации HTML-документов в плане избыточности формируемого кода. Среда обладает всеми функциональными возможностями интегрированной среды фирмы Microsoft [18, c.97].

Рассмотрим основные возможности Dream Weave. На рис. 2.12 изображен вид программы на экране монитора при запуске.

Рис.2.12 - Вид программы DreamWeaver 7.0

Начнем разбор интерфейса с панели "палитра объектов", при помощи которой помещается практически всю внешнюю (не касающуюся текста) информацию на HTML-документ, она находиться слева. Эта палитра имеет несколько разных вариантов, которые могут быть открыты при помощи выпадающего меню в верхней части "палитры объектов". Рассмотрим, палитру, которая всегда отображается по умолчанию это - палитра common objects (основные объекты). В нее включено практически все, что нужно для начальной работы (слева-навправо, сверху-вниз):

- Rollover Image - вставляет на страничку конструкцию, которая Image (картинка) - вставляет на страничку графический элемент;

- имитирует анимированную кнопку (кнопку изменяющую свой вид при наведении на нее);

- Table (таблица) - вставляет на страничку таблицу;

- Tabular data (табличные данные) - вставляет готовую с таблицу с готовыми данными (например из Exel);

- Horizontal Rule (линейка) - вставляет декоративный элемент - линейку (обычно используется как разделитель абзацев);

- Navifgation Bar - вставляет навигационную панель, состоящую из нескольких кнопок;

- Draw Layer (нарисовать слой) - вставляет на страничку слой (как в PhotoShop);

- Line Break (мягкий перенос) - вставляет на страничку (в тексте) мягкий перенос;

- E-mail Link (сслыка на электронную почту) - вставляет на страничку ссылку на электронный адрес;

- Date (дата) - вставка в документ текущей даты (можно с автообновлением);

- Flash - вставляет флеш-анимацию в страничку;

- ShockWave - вставляет Shockwave-анимацию;

- Generator - вставляет заготовку Generator;

- FireWorks - вставляет объект FireWorks;

- Applet - вставляет ява-апплет;

- ActiveX - вставляет ActiveX;

- Plugin - вставляет объект, проигрываемый плагином;

- SSI - вставляет инклюд (подключаемый внешний HTML файл);

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

Кроме перечисленных характеристик, в Dream Weaver 7.0 встроена возможность быстрой отладки скриптов, а также просмотра документа в окне браузера (по нажатию клавиши F10). Причем имеется возможность разрабатывать документ в режиме простого текстового набора, при этом производиться цветовая и структурная разметкой HTML тегов.

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

2.6 Создание справочных систем средствами DHTML

DHTML (Dynamic Hyper Text Markup Language) - язык динамической разметки гипертекста, является очень мощной технологией разработки современных диалоговых систем используемых не только для сетевого представления но и для локального применения.

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

DHTML - это объектно-ориентированная технология, включающая в себя три компоненты:

- язык гипертекстовой разметки документов;

- языки создания сценариев (JavaScript, VBScript);

- технологии создания интерактивных приложений (аплетов, сервлетов) таковыми являются объектно-ориентированный язык Java и технология ActiveX;

- технологию контроля над созданием макета страницы - CSS (Cascade Style Sheets) - каскадные таблицы стилей.

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

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