Проектирование и реализация интернет портала туристической фирмы «Атлант»

 Но Drewmweaver на несколько  шагов опережает другие редакторы,  использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый НТМL-код. Drewmweaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы записываете последовательность производимых вами команд, потом нажимаете, например, СТRL+Р, и Dreamweaver воспроизводит все в той же последовательности.

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

Создание графики

Для создания графических  и анимационных элементов сайта  в настоящее время существует множество различных редакторов: Аdobe Рhotoshop, МS Picture Маnager, Macromedia Flash и множество  других, но для выполнения поставленных задач были выбраны наиболее удобные для данного случая Аdobe Рhotoshop.

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

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

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

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

Технологии и средства разработки

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

Коротко технологии можно  разделить так:

• Язык гипертекстовой разметки НТМL. Язык широко используется для  создания страниц в Web. Этот язык является фундаментальным в сети Интернет и знание его необходимо любому разработчику.  • Динамический язык гипертекстовой разметки DНТМL. Этот язык позволяет создавать динамические интерактивные страницы.

• Язык сценариев JavaScript и VB Script. Сценарии, написанные на этих языках, применяются как на стороне клиента, так и на стороне Web сервера.

• Активные страницы Active Server Pages (АSР). Технология активных серверных  страниц является ключевой для создания приложений Web на базе сервера МS Information Server. Они основаны на наборе текстовых файлов с расширением имени аsр.

• Расширения СGI и ISAPI Web сервера. Они применяются вместе с АSР при создании активных Web серверов. Они представляют собой  специальным образов составленные программы, выполняющиеся на компьютере Web сервера.

• Элементы управления Active X. применяют их как на стороне  сервера, так и на стороне клиента. Фактически они представляют собой  библиотеки динамической компоновки DLL, работающие либо на компьютере пользователя, либо на сервере.

• Апплеты Java. Для совмещения различных платформ без перекомпиляции.

• Язык РНР - Обладает громадными возможностями для реализации Web проектов. Удобен и прост.

Рассмотрим некоторые  из них:

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

Язык НТМL существует в нескольких вариантах и продолжает развиваться, но конструкции НТМL скорее всего будут использоваться и в дальнейшем. Изучая НТМL и познавая его глубже, создавая документ в начале изучения НТМL и расширяя его насколько это возможно, мы имеем возможность создавать Web страницы, которые могут быть просмотрены многими браузерами Web, как сейчаc, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Nеtscape Navigator, Internet Explorer или некоторыми другими программами.

При создании Web-страниц  вряд ли можно обойтись без языка JavaScript. Идея JavaScript очень проста. Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектами, которыми являются элементы рабочей области программы Nеtscape Navigator контейнеры языка НТМL. Собственно объектная ориентированность JavaScript на этом и кончается.

Для решения поставленных задач использовался язык программирования РНР. РНР считается одним из самых  мощных языков. РНР является удобным, и в то же время достаточно простым  языком. Главным преимуществом РНР, является возможности вставки кода в Web-страницу, наряду со стандартным НТМL-кодом. Это делает язык РНР очень гибким, и в то же время необычайно удобным.

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

РНР 5.0, оснащённый большим  количеством новых возможностей, был  официально выпущен в мае 2003 года, спустя почти два года после  своего предшественника, РНР 4.0. Помимо значительно возросшей производительности в этой новой версии, РНР 5.0 ввёл такие новые ключевые возможности, как поддержка большого количества Web-серверов, НТТР-сессий, буферизации вывода, более безопасные способы работы с пользовательским вводом и различные новые конструкции языка. По данным статистики на 2001 год РНР был установлен примерно на 20% сайтов Интернета и эта цифра продолжает расти.

Для создания сайта требуется  сервер, который бы разрешал использование РНР-скриптов, и знание самого языка РНР.

Так же, желательно иметь  в своем распоряжении сервер Арасhe и интерпретатор РНР - и то и другое, распространяется совершенно бесплатно, и свободно доступно для загрузки из сети.

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

Основными средствами просмотра Web-страниц являются браузеры: Internet Explorer, Firefox, NеtSсаре, Ореrа и др.

Язык разработки скриптов JavaScript

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

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

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

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

Основные области использования  языка JavaScript при создании интерактивных HTML-страниц:

Динамическое создание документа с помощью сценария;

Оперативная проверка достоверности  заполняемых пользователем полей  форм HTML до передачи их на сервер;

Создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа;

Взаимодействие с пользователем  при решении «локальных» задач, решаемых приложением JavaScript, встроенном в HTML-страницу.

1.6 Перечень  задач, подлежащих решению в процессе разработки

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

1) предоставление информации должно быть в удобной и понятной для пользователей форме;

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

3) графическое оформление сайта так же должно быть выполнено в соответствующем тематике стиле.

В ходе разработки проекта  основными задачами являются:

1. Действия, относящиеся  к разработке каркаса и навигационной  системы сайта:

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

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

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

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

- установка и настройка локального сервера для тестирования и отладки сайта;

2. Действия, относящиеся  к разработке содержимого проекта:

- заполнение страниц необходимой информацией;

- поиск, подборка и оформление необходимых изображений.

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

 

 

2 РЕАЛИЗАЦИЯ

 

 

Веб-страница представляет собой документ, созданный с использованием языка гипертекстовой разметки HTML. Базовым элементом языка разметки гипертекста является - ТЕГ (дескриптор, маркер). Тег всегда заключен между скобками < > и имеет следующий вид: <ТЕГ параметр1="ЗНАЧЕНИЕ" ... параметрN="ЗНАЧЕНИЕ">. Теги бывают одиночными и контейнерными. Контейнером называется пара: открывающий <ТЕГ> и закрывающий </ТЕГ>. Открывающий тег служит для указания программе-браузеру начала какого-либо объекта или задания свойств объектов помещенных в контейнер. Закрывающий тег служит для указания программе-браузеру о конце объекта или окончания применения свойств, заданных в открывающем теге. Параметры (атрибуты) тега задают значения свойств данного объекта или объектов помещенных в контейнер. Значения свойств, содержащие пробелы, берутся в кавычки, в остальных случаях кавычки можно опустить. HTML документ представляет собой обычный текстовый файл, содержащий маркированный тегами форматирования текст, а так же заданные специальными тегами ссылки на графические и прочие файлы мультимедиа, ссылки на другие документы HTML и ресурсы Internet. Документ HTML начинается открывающим тегом <HTML> и заканчивается закрывающим тегом </HTML>. Между данной парой контейнерных тегов располагаются две другие основные части HTML документа: заголовок заключенный в контейнер <HEAD>...</HEAD> и тело документа в контейнере <BODY>...</BODY>. Таким образом структура простого HTML документа выглядит примерно так:

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

<HTML>  
<HEAD> Заголовок документа </HEAD>

 <BODY> Тело документа </BODY>

 </HTML>

Для формирования динамических страниц применяются PHP скрипты. Синтаксис PHP во многом заимствован из таких языков как C, Java и Perl. Файл, обрабатываемый сервером как правило имеет расширение php. PHP-код включаются в html-код в следующем виде:

<?PHP  текст_кода ?>

или

<? текст_кода ?>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3 ПРОЕКТИРОВАНИЕ ТУРИСТИЧЕСКОГО  АГЕНСТВА

 

 

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