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

Содержание

Введение

1. Теоретическое обоснование

1.1 Общие сведения о предприятии ООО "РеалТрансТревел"

1.2 Обоснование проектных решений по техническому обеспечению и задачи «Разработки web - сайта для предприятия ООО "РеалТрансТревел"

1.3 Обоснование создание дополнительной услуги на предприятии

2. Практическая часть: разработка информационного Web-сайта для предприятия

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

2.2 Этапы проектирования Web - сайта для туристической компании ООО "РеалТрансТревел"

2.3 Структура Web - сайта предприятия ООО "РеалТрансТревел"

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

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

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

2.7 Программная реализация сайта " сайта ООО "РеалТрансТревел"

2.8 Тестирование и продвижение WEB-сайта предприятия ООО "Реалтранстревел"

3. Совершенствование WEB - сайта предприятия ООО "РеалТрансТревел"

3.1 Основные принципы и правила совершенствование web- сайта компании ООО "Реалтранстревел"

3.2 Внешнее совершенствование сайтов: с помощью качественных ссылок

Заключение

Список использованных источников и литературы

Приложение

Введение

Бурное развитие информационных технологий и совершенствование компьютерной техники привело к глобальной интеграции их во все сферы человеческой деятельности. В последнее время скорость роста в нашей стране количества WEB ресурсов увеличивается в геометрических пропорциях. Вместе с ростом количества WEB ресурсов растет количество пользователей «паутиной». Пользователи становятся все более и более разборчивее.

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

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

Все эти, и не только, факты делаю вопрос о создании интересно оформленного, технически грамотно спланированного WEB - сайта. Выбор темы для дипломного проекта связан со всеми этими причинами. В качестве юридического лица - владельца WEB - ресурса взята одна из туристических компаний ООО "РеалТрансТревел"

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

Тема дипломной работы: Разработка Web-сайта посвященного компании ООО "РеалТрансТревел"

Актуальность темы обусловлена необходимостью создания информационного web-сайта туристической компании ООО "РеалТрансТревел", поскольку это позволяет заявить о себе в полном объеме, предоставить полную информацию о своих возможностях, услугах, товарах и ценах, иметь собственный Интернет-ресурс.

Объект исследования: Web-сайт туристической компании ООО "РеалТрансТревел"

Предмет - создание структуры Web-сайта.

Основной целью проекта является разработка информационного web-сайта туристической компании ООО "РеалТрансТревел".

Исходя из цели дипломной работы, ставятся следующие задачи:

1. Рассмотреть организационную структуру управления деятельностью предприятия, с учетом его организационно-правой формы;

2.Изучить методику проектирования web-сайта;

3.Выявить эффективность функционирования web-сайта и информационных технологий предприятия;

3.Рассчитать необходимые экономические показатели для обоснования эффективности использования web-сайта;

4.Разработать информационный web-сайт для туристической компании ООО "РеалТрансТревел".

Данный проект состоит из трех частей.

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

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

Совершенствование целесообразность проекта - одна из основных характеристик разрабатываемой системы.

В заключении сделаны выводы по проекту, определены пути его внедрения на объекте и направления дальнейшего совершенствования.

сайт визуальный файловый справочный

1. Теоретическое обоснование

1.1 Общие сведения о предприятии ООО «РеалТрансТревел»

Наименование Общества: Общество с ограниченной ответственностью туристическая компания ООО «РеалТрансТревел» RealTransTravel.LLC.

Лицензией ФМС РФ № 20111391156 от 24/01/2011 на трудоустройство граждан РФ за пределами Российской Федерации.

Срок действия лицензии: Бессрочна.

Компания ООО" РеалТрансТревел" была основана 22/10/2010г в г.Калининграде и в настоящее время является действующей Компанией. ИНН 3917508993/КПП 391701001, ОГРН 1103926010748, 236000, Россия, г.Калининград, Ул. Проспект Московский 121, офис 31.

Сфера деятельности предприятия является

ь Трудоустройство граждан РФ за пределами Российской Федерации.- Крюинговых компаний (Crewing Agency)

ь Деятельность по трудоустройству моряков и плавсостава на Международные судна.

ь Осуществление деятельности по трудоутсройству граждан РФ для работы на круизных лайнерах.

ь Оформление программ Международного обмена для студентов (Work and Travel USA, Intership, Work in Cruise Liners, Au-pair) в США, Канаду и страны Евросоюза

ь Оказывать весь спектр услуг туристического характера и услуг по оформлению виз и подаче документов в посольства иностранных государств на территории РФ.

ь Оформление программ "Образования за рубежом" для взрослых и детей. Поступление в Высшие учебные заведения за рубежом, поступление в Магистратуру и изучение иностранных языков.

Компания "РеалТрансТревел" имеет корпоративную сеть в ОАО "МТС" г.Калининграда и г. Москвы.

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

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

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

Компания ООО «РеалТрансТревел» предоставляет:

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

· сотрудничество с самыми крупными и надежными международными компаниями в сфере организации международных программ и трудоустройства за рубежом;

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

Имеет опытный, высококвалифицированный персонал.

Компания "RealTransTravel LLC" имеет многолетний опыт на рынке международных программ и зарубежного трудоустройства. Занимается организацией международных студенческих стажировок, а также предоставляет временную и постоянную работу за рубежом и на круизных лайнерах. Одна из предлагаемых программ международная студенческая программа Work and Travel USA, а также Au Pair в США и трудоустройство за рубежом молодых специалистов различных сфер деятельности -- туризм, гостиничный и ресторанный бизнес, индустрия развлечений и торговли. Является аккредитованным агентством в Посольстве США, г. Москва с 2010 года и официальными представителями многих образовательных центров США и Канады. Спонсорами компании является организация в Америке, благодаря которой у клиентов есть возможность устроиться на работу в США без излишних финансовых затрат.

1.2 Обоснование проектных решений по техническому обеспечению и задачи «Разработки web - сайта для предприятия ООО «РеалТрансТревел»

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

Все предугадать невозможно, но на начальном этапе можно придерживаться следующих правил:

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

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

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

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

На нашем web-сайте будет располагаться вся информация о предприятии ООО «РеалТрансТревел» а именно: о компании, об предлагаемых услугах, энциклопедия услуг, о том как работают с клиентами, заказчики, планы, отзывы клиентов, и конечно информация о контактах

1.3 Обоснование создание дополнительной услуги на предприятии ООО «РеалТрансТревел»

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

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

Очень удобен тот факт, что на сайте услуги предоставляются круглосуточно.

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

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

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

Коротко перечислим основные инструменты Internet-маркетинга, с помощью которых можно решать эту задачу.[3]

Размещение (индексирование) сайта в поисковых системах, каталогах и рейтингах, таких как Yahoo, HotBot, Lycos, Яndex, Rambler, Апорт;

Реклама на сайтах тематических и посещаемых;

контекстная реклама;

участие в баннерообменных сетях;

обмен кнопками, баннерами, ссылками;

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

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

каталоги;

доски объявлений;

прайс-листы и базы данных;

новостные сайты;

форумы;

предоставлять информацию интересным изданиям и проектам.

Более того, Internet можно активно использовать для продвижения своих предложений и своего имени через Сеть даже имея только e-mail, используя, например:

Direct-mail (не переходящий в спам).

Телеконференции.

При этом пользователям открываются и возможности получения информации, например через подписку на рассылки (новостные, профессиональные, дискуссионные), новости серверов и др. Однако, чем выше уровень использования Internet у фирмы, тем больше у нее маркетинговых возможностей.[3]

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

Реклама на самых посещаемых сайтах (http://www.rambler.ru, http://www.yandex.ru) - наиболее эффективна. А формы такой рекламы на сайте возможны самые разные: баннеры и кнопки на отдельных или на всех страницах, текстовая и баннерная реклама в рассылке, Web-страничка в Web-Каталоге (что позволяет иметь свое представительство в Internet на посещаемом сайте при минимальных финансовых затратах!), и др. Полезную и интересную для посетителей (потенциальных клиентов) информацию можно разместить за подписью фирмы в различных разделах и Т.о. способствовать положительному имиджу фирмы.[5]

Это пример возможностей для представителей бизнеса. Подобные проекты и возможности существуют для многих направлений бизнеса. И не надо забывать, что аудитория Internet отличается образованностью и квалификацией, поэтому в ней велика доля людей, называемых "лидерами мнений", к которым часто обращаются за информацией или советом (например, в отношении покупки компьютера, турпутевки и др.).[6]

2. Практическая часть: разработка информационного Web-сайта для предприятия

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

Любой web- сайт создается с определенной целью, преследует выполнение определенных задач. Очевидно чтобы для того, чтобы придумать хорошее решение, необходимо иметь хорошо сформулированную задачу. [7]

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

· целевая аудитория, на которую рассчитывается создание данного проекта;

· основные цели и задачи проекта. Будь-то сайт общественной организации или корпоративный сайт, интернет-магазин или развлекательный портал, у каждого из этих сайтов будут совершенно разные цели и задачи, которые в состоянии воплотить только высококлассные специалисты.[8]

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

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

Как только задача, решаемая сайтом, установлена, вы должны определить требования к нему в контексте преимуществ и/или желательной реакции от каждой из аудиторий, для которых предназначен ваш сайт.[11]

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

Также при создании сайта на этапе построения задачи решается вопрос создания структуры сайта. Под структурой сайта понимается составление разделов сайта. Под структурой сайта понимают навигационную структуру, и она обычно представлена в виде пунктов меню.[12]

К постановке задачи также относится разработка функциональности сайта и требования к дизайну.

Функциональность сайта важный элемент, от которого зависит понравится ли посетителю система управления сайтом. Если Вы сделаете слишком сложную систему управления, тем меньшее количество посетителей захочет вернуться на ваш сайт. В данной ситуации работает правило: «Будьте проще и люди к Вам потянуться!». Подробнее рассмотрим этапы разработки Web - сайта.

Прежде чем начать разрабатывать информационный web сайт необходимо знать этапы создания Интернет сайта.[13]

Разработка сайта, как правило, имеет следующие этапы:

Концепция

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

Проектирование[14] Один из важнейших этапов, так как ошибки в проектировании могут привести к многочисленным доработкам. На данном этапе выполняется:

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

ь Разработка технического задания.

ь Представление клиенту первичных дизайн-эскизов (2-3 эскиза)

ь Заключение договора. Если клиент объявляет тендер на разработку сайта, то до заключения договора представляются несколько дизайн-эскизов.

Разработка

Получение всех информационных материалов (тексты и фотографии) в

электронном виде или на твердых копиях от Заказчика.

ь Уточнение требований к дизайну и информационному наполнению (фирменная цветовая гамма, образы, слоган и т.д.). Требования к верстке.

ь Согласование дизайн-проекта. Визуальное представление первой страницы и 2-3 уровней сайта без верстки.

ь HTML-верстка и программирование (CGI, CSS, JavaScript и т.д.)

Тестирование

ь Открытие тестового домена на сервере Narod.ru или другом сервере по указанию Заказчика.

ь Размещение beta-версии корпоративного сайта на сервере. Представление Заказчику.

ь Тестирование, исправление замечаний. Размещение

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

ь Анонсирование ресурса на поисковых системах в Internet.

ь Периодическое обновление информации на сайте (в течение 24-48 часов после получения информации).

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

ь Разработка баннеров и рекламных кнопок.

ь Организация баннерной рекламы в различных системах.

Сроки

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

2.2 Проектирования Web - сайта для туристической компании ООО "РеалТрансТревел"

Сайт для предприятия ООО "РеалТрансТревел" был спроектирован по пяти этапам жизненного цикла программного обеспечения:

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

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

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

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

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

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

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

2.3 Структура Web - сайта для предприятия ООО "РеалТрансТревел"

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

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

Наполнение сайта возможно через административный интерфейс (систему управления сайтом при ее наличии) либо путем заполнения статичных страниц после верстки сайта.

К основным этапам наполнения относятся:

1. Подготовка текстовой информации (копирайт).

2. Обработка текстовой информации (проверка орфографии, синтаксиса и пунктуации).

3. Обработка графической информации (подготовка изображений).

4. Пополнение сайта подготовленными текстами и фотографиями.

Подготовка текстовой информации

Для того чтобы разработанное оформление сайта могло быть представлено на web-странице, то есть чтобы его можно было описать средствами HTML, надо уже на этапе подготовки макета учесть особенности верстки страницы в окне браузера. Сделать это можно, только владея хотя бы основами языка HTML. [18]

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

HTML-код (или HTML-документ) состоит из нескольких разделов. Все элементы страницы описываются специальными командами -- тегами. Поэтому и структура документа определяется какой-либо командой.

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

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

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

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

Рис. 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.[20]

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

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

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

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

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

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

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

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

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

- заголовок;

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

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

Рис. 2.7. Файловая структура сайта компании ООО "РеалТрансТревел"

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

- главная;

- о компании;

- контакты;

- образование;

- стоимость;

- работа;

- визы;

- форум.

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

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

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

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

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

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

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

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

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

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



Рис. 2.8. Экранная форма главной страницы сайта предприятия ООО "РеалТрансТревел

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



Рис. 2.10. Экранная форма страницы "Стоимость" сайта ООО "РеалТрансТревел"

Рис. 2.11. Экранная форма страницы "Образование" сайта ООО "РеалТрансТревел"



Рис. 2.12. Экранная форма страницы "Визы" сайта ООО "РеалТрансТревел"

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

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

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

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

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

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

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

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

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

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

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

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



Рис.2.13 - Вид программы 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-документов существуют два подхода: написанные скрипты интерпретируются браузером или предварительная компиляция приложения в байт код.

Первый подход следует традиции WWW (World Wide Web), согласно которой для разработки гипертекстовой страницы нужен только обычный текстовый редактор. Второй подход позволяет повысить эффективность выполнения программы и защищенность кода от несанкционированных модификаций. Как первый, так и второй способ опираются на объектно-ориентированный подход к программированию [22]..

Рассмотрим использование первого подхода. Создание динамического документа подразумевает использование языка сценариев JavaScript или VBScript. Более универсальным является JavaScript, поскольку он появился раньше и поддерживается как Microsoft Internet Explorer, так и Netscape Navigator. Несмотря на то, что оба производителя предлагают свои версии языка - различия в них не очень велики и заключаются в большинстве случаев в поддержке различных объектов. Оптимальной версией языка для поддержки всех основных возможностей свойств и методов объектов является JavaScript.

Для понимания того, каким образом функционирует механизм внедрения кода скриптов в HTML-документ, необходимо подробнее рассмотреть объектную модель документа.

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

Рассмотрим простой HTML-документ содержащий два рисунка, одну ссылка и некую форму с двумя полями для ввода текста и одной кнопкой. С точки зрения языка JavaScript окно браузера - это некий объект window. Этот объект также содержит в свою очередь некоторые элементы оформления, такие как строка состояния. Внутри можно разместить документ HTML (или файл какого-либо другого типа).

Такая страница является ни чем иным, как объектом document. Это означает, что объект document представляет в языке JavaScript загруженный на настоящий момент документ HTML. Объект document является очень важным объектом в языке JavaScript. К свойствам объекта document относятся, например, цвет фона для web-страницы. Однако гораздо важнее то, что все без исключения объекты HTML являются свойствами объекта document.

Примерами объекта HTML являются, к примеру, ссылка или заполняемая форма. На рис.2.13 иллюстрируется иерархия объектов, создаваемая HTML-страницей из приведенного примера.

Рис. 2.13. Иллюстрация иерархии объектов Web-страницы

Разумеется, необходимо иметь возможность получать информацию о различных объектах в этой иерархии и управлять ею. Для этого нужно знать, как в языке JavaScript организован доступ к различным объектам. Как видно, каждый объект иерархической структуры имеет свое имя. Следовательно, если требуется узнать, как можно обратиться к первому рисунку на HTML-странице, то необходимо сориентироваться в иерархии объектов. И начать нужно с самой вершины. Первый объект такой структуры называется document. Первый рисунок на странице представлен как объект images[0]. Это означает, что имеется возможность получить доступ к этому объекту, записав на JavaScript document.images[0]. Если же, например, нужно знать, какой текст ввел пользователь в первый элемент формы, то сперва необходимо выяснить, как получить доступ к этому объекту. И снова обзор начинают с вершины иерархии объектов.

Затем прослеживается путь к объекту с именем elements[0] и последовательно записываются названия всех объектов, которые проходятся. В итоге получается, что доступ к первому полю для ввода текста можно получить, записав: document.forms[0].elements[0].

А если требуется узнать текст, введенный пользователем. Элемент, соответствующий полю для ввода текста, имеет свойство value, которое как раз и соответствует введенному тексту. Чтобы прочитать искомое значение нужно написать на языке JavaScript строку:

Name = document.forms[0].elements[0].value;

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

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

Для встраивания скриптов в тело HTML-документа используется контейнер SCRIPT.

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

2.7 Программная реализация сайта " сайта ООО "РеалТрансТревел"

Программная реализация сайта включает в себя:

1. Создание страниц сайта, основываясь на современных методах и средствах Web-дизайна.

2. Информационное наполнение страниц сайта.

При разработке Web-сайта использовались Dreamweaver MX 2004 v7.0, а также возможности встроенного языка скриптов JavaScript, а при оформлении каскадные таблицы стилей: CSS-стили. Программный код таблицы стилей приведен в Приложении Г.

При создании информационных страниц Web-сайта теги HTML использовались для следующих целей:

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

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

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

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

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

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

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

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

- заголовок страницы (область метаиндексов);

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

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

Заголовок страницы (область метаиндексов) описывается следующими тегами:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>рекламное агентство</TITLE>

<META http-equiv=Content-Type content="text/html; charset=windows-1251">

Логотип туристической компании ООО "РеалТрансТревел" (рис. 2.14) представлен в ячейки таблицы, что описывается следующим образом:

<TABLE width="95%" align=center>

<TBODY>

<TR>

<TD width="19%"><IMG height=97 alt="туристическая компания"

src="images/logotip.jpg" width=200></TD>

<TD class=TD3 colSpan=2>

<H2> туристическая компания компании Real Tranc Travel" </H2></TD></TR>

<TR>

Рис. 2.14. Логотип туристическая компания компании ООО "РеалТрансТревел" в Web - сайте

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

С помощью метатегов в код Web-страницы можно поместить следующую информацию:

- краткое описание страницы;

- набор ключевых слов;

- интернет-адрес страницы, на которую будет выполнен переход по истечении некоего промежутка времени (задержка перед перенаправлением на другую Web-страницу);

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

- "родственную связь" между двумя страницами и тип этой "связи";

- текстовую кодировку страницы;

- некоторые другие данные, создаваемые и используемые, в основном, специальными программами, например популярнейшим Web-редактором Macromedia Dreamweaver MX 2004 v7.0.

Все метатеги помещаются в секции HTML-заголовка (тег <HEAD>) Web-страницы. Большинство из них создается с помощью одинарного тега <МЕТА> и трех его атрибутов. Тип метатега задается атрибутом NAME или НТТР-EQUIV, а сами данные -- атрибутом CONTENT. Выше приведен метатег, задающий текстовую кодировку.

Любая таблица определяется в HTML с помощью тега <TABLE>. Все, что расположено между тегами <TABLE> и </TABLE>, считается таблицей.

Строки таблицы создавались с помощью тега <TR> и его закрывающего тега, а ячейки -- с помощью тега <TD> и его закрывающего тега. Для того чтобы таблица из одной ячейки имела рамку, нужно задать ее ширину, установив атрибут BORDER=. Этими тегами были созданы: колонка с пунктами меню, а так же информационная область.

Пункты Меню навигации сайта созданы в виде ячеек таблицы с помощью тега <TABLE>, <TR>, <TD>. Пункты меню определены в программе следующим образом:

<TD class=TD2 vAlign=top width="19%"><BR><BR>

<TABLE cellSpacing=4 width="80%">

<TBODY>

<TR>

<TD><A href="index.htm">Главная</A></TD>

</TR>

<TR>

<TD><A href="okompany.htm">О компании</A></TD>

</TR>

<TR>

<TD><A href="spprodukt.htm">Образование </A></TD>

</TR>

<TR>

<TD><A href="spyslug.html">Визы </A></TD></TR>

<TR>

<TD><A>

href="mailto:tv@znak.ru/">E-MAIL</A></TD></TR></TBODY></TABLE><BR><BR>

</TD>

Программный код меню представлен в Приложении А.

Информационная область создавалась с помощью тегов: <TABLE>, <TBODY>,<TR>,<TD>. Размещение тегов приведено на рис. 2.15.

Программный код страниц сайта для представлен в



Рис. 2.16. Экранная форма размещения кода при создании информационной области

2.8 Тестирование и продвижение WEB-сайта предприятия ООО "Реалтранстревел"

Тестирование сайта предполагает собой выполнение следующих действий:

· проверка содержимого гиперссылок;

· определить продолжительность временных задержек;

· проверка работы при включенной работе с графикой и при отключении ее;

· проверка работы сайта на различных типах мониторов;

· проверка работы в различных браузерах.

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

Что касается продвижения, то к основным его этапам можно отнести следующие:

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

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

Осуществляется детальный анализ структуры сайта, удобства навигации, дизайна, наличия системы управления сайтом, usability сайта в целом.

Исследуется потенциал сайта для решения поставленных перед ним задач и преследуемых целей на базе анализа:

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

- статистики посещений вашего сайта;

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

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

- какие мероприятия необходимы для повышения уровня видимости сайта, в частности по ключевым запросам (оптимизация сайта);

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

Аудит сайта -- лишь начало глобальной работы по его продвижению. На основе аудита сайта можно проводить оптимизацию сайта под поисковые запросы.

Поисковая оптимизация сайта.

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

К мероприятиям по поисковой оптимизации сайта, которые проводят SEO специалисты, можно отнести следующие:

-- внесение коррективов на страницы сайта (изменение различных тэгов заголовков);

-- работа с текстами на страницах сайта;

...