Использование сетевых технологий при проектировании дистанционной информационной системы и компьютерной сети туристической фирмы "SunTour"

Курсовой проект - Компьютеры, программирование

Другие курсовые по предмету Компьютеры, программирование

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

Исходя из выше представленной информации, представим разработанный макет сайта турагентства SunTour (рис.6), содержащий информацию:

- полоса логотипа (1);

- полоса навигации (2);

- холст страницы (3).

 

Рис.6 Макет ДИС турагенства “SunTour”

 

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

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

 

2.1 Структурная схема веб-интерфейса пользователя ДИС

 

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

 

Рис.7 Структурная схема веб-интерфейса ДИС

 

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

2.2 Экранные формы страниц и описание основных html-тегов

 

2.2.1 Экранные формы страниц

Экранные формы страниц ДИС турфирмы SunTour представлены на рис.8-11. Полный текст HTML-кода представлен в приложении А.

 

Рис.8. Главная страница.

 

Рис. 9.О компании.

Рис. 10. Карта изображения Горящие туры.

 

Рис. 12 Наши контакты

Рис.11. Подбор тура

 

При разработке страниц веб-ресурса были использованы следующие html-теги:

Структура html-документа

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

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

Документ обычно состоит из заголовка и тела документа.

Заголовок документа содержит информацию о самом документе.

- тег заголовка документа;

- тег название документа, появляется в строке заголовка Internet Explorer и в списках журнала (History) и папки Избранное (Favorites).

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

BACKGROUND= - определяет фон, на котором отображается текст

документа.

BGCOLOR= #XXXXXX - цвет фона;

TEXT= #XXXXXX - цвет текста;

VLINK= #XXXXXX - цвет пройденных гипертекстовых ссылок

LINK= #XXXXXX - цвет гипертекстовых ссылок

ALINK= #XXXXXX - цвет ссылки, которая в данный момент активизируется

#XXXXXX - определяет цвет в терминах RGB - красный, зеленый, синий.

Если один или более параметров цвета текста и ссылок не определены,

то по умолчанию цвета для них задаются следующим образом: LINK=blue, ALINK=red, VLINK=purple.

Элементы управления разметкой.

- используется для того, чтобы обозначить начало нового абзаца.

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

ALIGN=LEFT - выравнивание по левому краю;

ALIGN=RIGHT - - выравнивание по правому краю;

ALIGN=JUSTIFY- выравнивание по левому и правому краям;

ALIGN=CENTER - центрирование.

- принудительный перевод строки.

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

, где n- номер стиля.

Стандарт языка HTML насчитывает 11 атрибутов у элемента заголовка. Но чаще всего применяется только ALIGN.

Гипертекстовые ссылки.

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

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

ссылок (LINK).

Другой формой использование элемента A является определение точек внутри текста на которые можно сослаться:

Средства описания графической информации.

Для того, чтобы поместить изображение внутрь страницы используется

тэг с обязательным параметром SCR= URL.

<IMG SCR= U