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

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

ВВЕДЕНИЕ

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

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

Internet -- это огромное объединение компьютерных сетей в планетарном масштабе. А если учесть, что обитатели Международной Космической Станции пользуются услугами электронной почты, то становится ясно, что Internet уже шагнул за пределы планеты. Очень часто Internet ошибочно отождествляют с самой популярной и масштабной его частью -- всемирной путиной, которая в английском языке получила наименование WWW (World Wide, Web). По сути дела, паутина -- просто огромное количество взаимосвязанных документов. Ключевое слово -- взаимосвязанных, то есть текст Web-страницы органично вставляются гиперссылки, которые служат механизмом соединения с другими Web-страницами.

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

Именно гиперссылки, позволяющие связывать друг с другом самые различные документы из Сети, создали ту удивительную общность, которая и является теперь визитной карточкой всемирной паутины. Гиперссылки используют для отыскания документа его уникальный адрес во всемирной паутине, который также называется URL (Universal Resource Locator). Web-страницы, просматриваются при помощи специализированных программ, которые обычно называют браузерами.

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

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

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

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

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

Перед разработчиком были поставлены следующие задачи:

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

· должна содержаться информация о всех направлениях деятельности фирмы;

· сайт должен знакомить посетителей с последними имеющимися вакансиями.

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

· сайт должен предоставлять возможность общения пользователей посредством форума;

· должна быть предусмотрена система администрирования форума.

· проектирование навигационной системы сайта;

· разработка интерфейса базовой страницы;

· тестирование проекта и его корректировка.

ГЛАВА 1: Описание предметной области

1.1 Обоснование разработки системы

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

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

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

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

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

1.2 Анализ аналогов и прототипов

В ходе разработки проекта, были выявлены аналоги прототипы.

Фирма «www.softage.ru» занимается разработкой и продажей программных продуктов. Рассматривая сайт этой фирмы с точки зрения дизайна; мы можем определить, что используется минимализм, это означает, что при создании сайта использовано минимум графики и цветов, но максимум информации, что способствует быстрой загрузки сайта в глобальной сети. Рассмотрев сайт с точки зрения пользователя, мы можем сказать, что сайт фирмы «www.softage.ru» имеет удобной рабочий интерфейс. Так же на сайте «www.softage.ru» мы можем воспользоваться поиском и можем сделать заказ на продукт . На сайте мы можем выбрать язык, представлены: русский, английский и китайский. Но в этом проекте нет наличия администрирования. Проанализировав сайт этой фирмы, я разработал свой сайт таким образом:

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

· разработаем поиск, отправку сообщений на почтовый ящик;

· разработать администрирование.

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

сайт алгоритм internet справочный

1.3. Подтверждение актуальности проектирования

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

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

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

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

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

1.4. Постановка задачи проектирования

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

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

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

1. Требование к эффективности, то есть получение выходных данных с минимальными расходами машинного времени.

2. Требование к мобильности, то есть возможность эффективного использования сайта при различных системных требованиях.

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

4. Требование к надёжности. Должны быть обеспечены восстановление после сбоев и ошибок, контроль ввода данных при оформление заявок.

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

6. Требования к тестированию. Необходимо провести следующие тесты:

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

- отображение страниц в разных браузерах;

- отображение страниц в разных редакторах.

В процессе тестирования отследить ошибки размещения объектов на страницах и ошибки работы.

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

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

Для осуществления данных требований необходимо последовательное выполнение следующих этапов разработки:

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

- разбиение информации на логические блоки;

- выбор программных средств разработки;

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

- выбор графического оформления страниц;

- разработка сайта;

- тестирование.

1.5 Средства решения поставленной задачи

При создании Web-страниц можно воспользоваться различными инструментами. Это может быть MS FrontPage или Macromedia Dreamweaver, Namo Web Editor, Allaire HomeSite, EasyPHP или PHP Edit. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

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

Выбор редактора

Macromedia Dreamweaver.

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

Dreamweaver имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю).

Но Dreamweaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. Dreamweaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и Dreamweaver воспроизводит все в той же последовательности.

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

Svoi Net PHP Edit 5.3

Быстрый, удобный, мощный инструмент для программистов. Мощная подсветка кода для HTML, ASP, PHP, Perl, Java, JavaScript, VBScript, CSS, XML, C/C++, Python и др. Работа с файлами в кодировках: Ansi, Arabic, Baltic, Chinese, EastEurope, Gb2312,Greek, Hangeul, Hebrew, Johab, Mac, Eom, Russian, ShiftJis, Symbol, Thai, Turkish. Декодирование текста из Windows в Koi, Iso, Dos и обратно.

Работа с закладками, недавно открытыми файлами. Бесконечное Undo/Redo.

Предварительный просмотр во встроенном браузере, отладка и тестирование PHP скриптов. Запуск PERL скриптов. Быстрая вставка (Ctrl+Space), пока что только PHP функций. Работа со сниппетами (уже более 120 штук), просмотр всех классов, функций, переменных в текущем php файле.

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

Для создания графических и анимационных элементов сайта в настоящее время существует множество различных редакторов: Adobe Photoshop CS2, MS Picture Manager, Macromedia Flash, Xara 3D v. 6.0, Adobe ImageReady CS2 и множество других, но для выполнения поставленных задач были выбраны наиболее удобные для данного случая Adobe Photoshop.

Создание и оптимизация графики - сложная и капризная задача.

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

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

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

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

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

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

Пакет предлагает, например, средства для восстановления поврежденных изображений, ретуширования фотографий или создания самых фантастических коллажей, которые только может позволить себе наше воображение. В общем, потенциал этого пакета поистине огромен. Начиная с версии 5.5 в пакет включена программа Adobe ImageReady, предоставляющие огромные возможности по обработке графики под WEB (оптимизация изображений, создание анимированных gif, "разрезание" картинок на более мелкие и т.д.). Девиз разработчиков Adobe Photoshop - "Camera of your mind" - предполагает не только техническое совершенство, но и полную свободу творчества, на которую человек, работающий с этой программой, просто обречен.

Языки проектирования

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

Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими броузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Internet Explorer или некоторыми другими браузерами.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.

При создании Web-страниц вряд ли можно обойтись без языка JavaScript. Идея JavaScript очень проста. Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектами, которыми являются элементы рабочей области программы Netscape Navigator и контейнеры языка HTML. Собственно объектная ориентированность JavaScript на этом и кончается. Есть только объекты с набором свойств и набор функций над объектами. Последние называются методами. Кроме методов существуют и другие функции, которые больше похожи на функции из традиционных языков программирования и позволяют работать со стандартными математическими типами или управлять процессом выполнения программы. Еще в JavaScript есть события - аналог программных прерываний. Эти события также ориентированы на работу в World Wide Web, например, загрузка страницы в рабочую область Navigator'a или выбор гипертекстовой ссылки. Используя события, автор гипертекстовой страницы и программы ее отображающей может организовать просмотр динамических объектов, например, бегущая строка, или управление многооконным интерфейсом.

Каскадные таблицы стилей были предложены w3c(WWW Consorcium) в рамках разработки спецификации HTML 3.0. Однако, реализованы в реально действующих навигаторах они были только в 1997 году. Фактически, в качестве применяемой HTML-разметки они стали доступны только с версий Netscape Navigator 4.0 и Internet Explorer 4.0. Идея положенная в основу таблиц достаточно проста. К версии 4.0 HTML превращается в язык разметки, опирающийся на контейнерное представление документа, т.е. документ - это множество вложенных в друг друга контейнеров, каждый из которых имеет свои свойства по представлению информации. Многие контейнеры можно сгруппировать в классы однотипных контейнеров, например, заголовки или параграфы. Свойства контейнера, перечисляются в качестве атрибутов тага начала контейнера. При этом у большинства контейнеров, начиная с версии HTML 3.0 набор этих атрибутов типизирован. Контейнеры во многом походят на блоки в универсальный языках программирования. При этом свойства контейнеров можно интерпретировать как переменные, которые принимают определенные значения в пределах каждого из контейнеров. Как и в языках программирования, например в Паскаль, описание свойств можно вынести в специальную секцию данных в начале документа. Такой секцией и является секция описания каскадных стилей.

Основными средствами просмотра web-страниц являются браузеры: Internet Explorer, Mozilla FireFox, Opera и др.

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

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

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

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

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

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

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

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

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

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

ГЛАВА 2. РАЗРАБОТКА ПРОЕКТА СИСТЕМЫ

2.1 Разработка структуры системы

Рисунок 2 - Логическая структура сайта

2.2 Разработка и описание алгоритмов

Алгоритм метода доступа к Internet

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

Основу транспортных средств стека протоколов ТСР/IР составляет протокол межсетевого взаимодействия -- Internet Protocol(IР). К основным функциям протокола IР относятся:

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

- сборка и разборка пакетов при передаче их между сетями с различным максимальным значением длины пакета. В стеке протоколов ТСР/IР протокол ТСР (Transmission Control Protocol) работает так же, как и протокол UDР, на транспортном уровне. Он обеспечивает надежную транспортировку данных между прикладными процессами путем установления логического соединения.

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

- дистанционно-векторный алгоритм (Distance Vector Algorithms,DVA);

- ГП алгоритм состояния связей (Link State Algorithms, LSA ).
В дистанционно-векторных алгоритмах каждый маршрутизатор периодически и широковещательно рассылает по сети вектор расстояний от себя до всех известных ему сетей. Под расстоянием обычно понимается число промежуточных маршрутизаторов, через которые пакет должен пройти прежде, чем попадет в соответствующую сеть. Может использоваться и другая метрика, учитывающая не только число перевалочных пунктов, но и время прохождения пакетов по связи между соседними маршрутизаторами. Получив вектор от соседнего маршрутизатора, каждый маршрутизатор добавляет к нему информацию об известных ему других сетях, о которых он узнал непосредственно (если они подключены к его портам) или из аналогичных объявлений других маршрутизаторов, а затем снова рассылает новое значение вектора по сети. В конце концов, каждый маршрутизатор узнает информацию об имеющихся в интерсети сетях и о расстоянии до них через соседние маршрутизаторы.

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

Алгоритм аутентификации пользователя и средств защиты

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

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

Однако, если имя пользователя и пароль, введенные в диалоговое окно будут некорректны, диалоговое окно будет снова отображено, запрашивая имя пользователя и пароль. Этот цикл будет повторен, пока надлежащая комбинация имени пользователя/пароля не будет введена, или пользователь закроет окно ввода.

Обоснование выбора браузера для доступа к Internet

Для работы в WWW используется протокол НТТР (Нуреr Техt Тransmission Рrotocol), а программы, позволяющие работать с соответствующими документами в Internet называют просмотрщиками или браузерами (browser).

В настоящее время на этом рынке доминируют два броузера: Navigator
фирмы Netscape и Internet Explorer фирмы Мicrosoft. Они предоставляют пользователям весьма схожий интерфейс и набор основных возможностей и ведут на этом рынке весьма жёсткую конкурентную борьбу, постоянно обновляя предыдущие версии.

Использование НТМL для создания е-mail-писем в Ехр1оrеr-е позволяет использовать редактирование шрифта, цвета и другого сервиса. Internet Explorer в настоящее время поддерживает большинство платформ, является самым универсальным браузером.

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

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

Поскольку Internet Explorer фирмы Мicrosoft является наиболее используемым, для доступа к Internet был выбран именно этот браузер.

Алгоритм подключения виртуального сервера: Итак, мы решили установить комплект виртуального сервера под названием Денвер. Как и любой комплекс, он имеет нечто вроде ядра, или «сердца» -- так называемый «базовый комплект», занимающий всего около 2 MB. Все остальное поставляется в виде пакетов расширений. Базовый комплект содержит большинство необходимых программ и утилит:

· Apache, SSI, mod_rewrite, mod_php.

· PHP4 с поддержкой GD и MySQL.

· MySQL с поддержкой транзакций (mysqld-max).

· phpMyAdmin -- система управления MySQL через Web-интерфейс. Полностью заменяет командную строку MySQL.

· Ядро Perl без стандартных библиотек (они поставляются отдельно).

· Эмулятор sendmail (отладочная «заглушка», складывающая приходящие письма в /tmp); поддерживается работа совместно с PHP и Perl.

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

· Система управления запуском и завершением.

· Инсталлятор (нечто вроде InstallShield).

Убедимся, что наш компьютер действительно настроен для работы с сетью. Обычно именно так и бывает по умолчанию, но все же... Многие ассоциируют слово «сеть» с Интернетом, локальной сетью или хотя бы модемом. И совершенно напрасно. Фраза «настроим сеть» может иметь смысл даже в том случае, когда ни одного из перечисленных устройств у компьютера нет! Здесь имеется в виду лишь установка драйверов и сетевых протоколов, которые позволят Apache запуститься и работать на локальной машине.

Процесс продолжается несколько секунд. Если вы это видите, то все в порядке, и вы можете приступать к инсталляции дистрибутива. Если же, например, окно лишь «мигнет» (откроется и тут же закроется), либо же будут выведены какие-нибудь нелицеприятные сообщения, значит, сетевые протоколы у вас не установлены, а потому читайте дальше.

Внимание! Если вы являетесь пользователем ОС Windows 95, то перед установкой вам также необходимо проделать некоторые дополнительные шаги, которые описаны далее. Пожалуйста, будьте внимательны!

Вы, наверное, уже поняли, что ваша задача сейчас -- добиться, чтобы адрес 127.0.0.1 «пинговался». Для этого:

· Пользователям Windows 98/ME необходимо зайти в Панель управления -- Установка и удаление программ -- Установка Windows и добавить там Удаленный доступ к сети. При этом автоматически установятся и все нужные протоколы.

· Пользователям Windows 95 придется чуть повозиться: открыть Панель управления -- Сеть и добавить там Протокол TCP/IP (от Microsoft). Также, возможно, потребуется добавить и Клиент для сети Microsoft. Затем не забудьте все в том же окне выбрать из выпадающего списка Способ входа в сеть значение «Обычный вход в Windows».

После перезагрузки повторите трюк с командой ping. Если адрес по-прежнему недоступен, значит, протоколы так и не установились, а потому начинайте все сначала. Если же ping пошел -- все отлично.

Установка дистрибутива

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

Инсталлятор написан на языке Perl. Это, однако, не означает, что вам нужно знать что-то об этом языке: все необходимые компоненты уже входят в дистрибутив, а чтобы программа могла запуститься, она имеет расширение BAT и содержит команды, стартующие Perl.

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

Настоятельно рекомендуем вам устанавливать комплекс в каталог первого уровня -- то есть, C:\WebServers, а не, например, C:\My\WebServers. Дело в том, что инсталляторы пакетов расширений ищут базовый комплект именно на первом уровне по всем дискам. И, если не находят, заставляют вас ввести имя директории вручную. Наверное, вам не нужны лишние проволочки при установке расширений?

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

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

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

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

2. Создавать виртуальный диск только по явной команде старта комплекса (при щелчке по ярлыку запуска на Рабочем столе). И, соответственно, отключать диск от системы -- при остановке серверов.

3. В некоторых версиях Windows 98 имеется ошибка, в результате которой диск с первого раза не отключается -- мои эксперименты и исследования показали, что это именно ошибка в subst, а не что-то иное

Собственно, вот и все. Вы сможете выполнить установку комплекса, имея всего 2 клавиши на клавиатуре: Enter и Y (чтобы ввести Yes).

Наконец, установка завершена. Сразу же щелкайте по созданному инсталлятором ярлыку Start servers на Рабочем столе, а затем, дождавшись, когда все консольные окна исчезнут, открывайте браузер и набирайте в нем адрес.

Некоторые ОС имеют обыкновение при первом запуске Internet Explorer-а вызывать Мастер подключения. Если это произошло на вашей машине, прикажите горе-мастеру «отвалить» -- якобы, вы уже настроили подключение самостоятельно.

Если тестовая страница все же не загрузится, проверьте:

· Отключен ли у вас прокси-сервер в настройках браузера?

· Запущен ли Денвер? Если да, нет ли ошибок при щелчке на пиктограмме пера (справа внизу)?

· Не запущен ли у вас какой-то другой Web-сервер, который мешает Денверу (часто бывает в Windows XP)? Например, Microsoft IIS? Если да, отключите его.

· Если у вас Windows 95, проверьте, проделали ли вы приведенные ниже действия по подготовке ОС к инсталляции комплекса.

Денвер-2 прошел тестирование в следующих ОС:

· Windows 95/98/ME;

· Windows NT;

· Windows 2000/XP;

Работа с виртуальными хостами

Вниманию пользователей Windows NT, 2000 или XP (и старше). Прежде, чем продолжить, убедитесь, что у вас запущена служба «DNS-клиент». Это можно делать, открыв Панель управления -- Администрирование -- Службы. В противном случае виртуальные хосты работать не будут

Если мы занимаемся разработкой Web-сайтов, нам наверняка хотелось бы обслуживать одним сервером сразу несколько хостов. Иными словами, введя в браузере путь http://localhost, вы попадете на один сайт, а, напечатав http://test.ru, -- совсем на другой (но тоже на локальной машине).

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

· Создание дерева каталогов сайта. Обычно каждый сайт представлен отдельной директорией в /home/ -- так, сайт localhost содержится в /home/localhost/. Однако сайт и его директория документов -- вещи разные, поэтому первую обычно помещают по адресу (а директорию с CGI скриптами -- в /home/localhost/cgi/). Для определенности далее будем полагать, что нужно создать хост с именем test.ru.

· Модификация системного файла hosts, чтобы связать test.ru с IP-адресом локальной машины -- 127.0.0.1. Таким образом, все виртуальные хосты на локальной машине имеют один и тот же IP-адрес (это позволительно и даже желательно).

· Правка файла конфигурации Apache httpd.conf. Именно в этот момент и возникало большинство проблем: что-то забыли, не дописали, и т. д.

· Перезапуск сервера, чтобы изменения вступили в силу.

С появлением проекта Денвер ситуация упростилась.

· Создать в папке /home директорию с именем, совпадающим с именем виртуального хоста (в нашем случае proekt.ru).

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

· Перезапустить сервер, воспользовавшись, например, ярлыком Restart servers на Рабочем столе.

Это все, что нужно сделать. А где же, вы спросите, модификация httpd.conf и файла hosts?.. Ее просто нет. Файл httpd.conf вообще не меняется никогда. Чуть посложнее с файлом hosts: он модифицируется автоматически, подстраиваясь под текущую конфигурацию каталогов в /home. При этом используется весьма недетский алгоритм для распознавания, какие хосты были внесены Денвером, а какие пользователь добавил самостоятельно, вручную (если он, конечно, захочет это сделать). То есть, автоматическое изменение файла hosts еще не означает, что в нем пропадут все комментарии и вы не сможете больше никогда редактировать его «руками». И, конечно, при остановке комплекса по ярлыку Stop servers файл hosts восстанавливается в то состояние, которое и должно быть.

Алгоритм настройки скриптов

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

Таблицы стилей

Способы применения CSS

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

Итак, различают четыре способа применения стилей:

1) переопределение стиля в элементе разметки;

2) размещение описания стиля в заголовке документа в элементе STYLE;

3) размещение ссылки на внешнее описание через элемент LINK;

4) импорт описания стиля в документ.

Здесь мы следуем за George Young из Microsoft (Cascading Style Sheets in Internet Explorer 4.0. Microsoft, 1997). Следует отметить, что импорт стиля не поддерживается в браузерах других производителей. Однако, т.к. патент на CSS1 принадлежит Microsoft, опустить импорт в нашем описании мы считаем неправильным.

Переопределение стиля:

Под переопределением стиля в элементе разметки мы понимаем применение атрибута STYLE у данного элемента разметки. Атрибут style можно применить внутри любого элемента разметки. Очевидно, что не всякие параметры стиля можно установить для конкретного элемента разметки. О типах элементов и соответсвующих парамерах стилей мы поговорим в разделе "Понятие блочного и строкового элемента". Здесь же следует отметить следующее: стили разработаны в первую очередь для управления отображением текста. Не следует увлекаться стилями при управлении отображением нетекстовых элементов HTML-разметки.

Элемент STYLE:

Применение элемента STYLE - это основной способ внедрения каскадных таблиц стилей в ткань HTML-документа. Кроме управления отображением элементов разметки элемент STYLE позволяет описывать стилевые свойства элементов, которые можно изменять при программировании на JavaScript.

Элемент STYLE позволяет определить стиль отображения для:

· стандартных элементов HTML-разметки

· произвольных классов (селектор class)

· HTML-объектов (селектор id)

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

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

Ссылка на внешнее описание:

Ссылка на описание стиля, расположенное за пределами документа, осуществляется при помощи элемента LINK, который размещают в элементе HEAD. Внешнее описание может представлять из себя файл, содержание которого - описание стилей. Описание стилей в этом файле будет по синтаксису в точности совпадать с содержанием элемента STYLE. Важными здесь являются значения атрибутов rel и type. Rel обязан иметь значение "stylesheet". Type может принимать значения: "text/css" или "text/javascript". Второй тип описания стилей введен Netscape. Его мы в данном учебном курсе не обсуждаем. Атрибут href задает универсальный локатор ресурса (URL) для внешнего файла описания стилей. Это может быть ссылка на файл с любым именем, а не только на файл с расширением *.css.

Импорт описания стилей:

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

Оператор импорта стиля (@import:url(http://kuku.ru/style.css)) должен предшествовать всем прочим описателям стилей. Импортируемый стиль можно переопределить либо через описатель элемента в STYLE, либо через атрибут элемента style.

Алгоритм отправки сообщений на e-mail .

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

Для работы электронной почты в Интернет используется протокол прикладного уровня SMTP который использует транспортный протокол TCP. При работе по протоколу SMTP почта реально отправляется только тогда установлено интерактивное соединение с программой-сервером на машине получателя почты.

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

2.3 Разработка интерфейса взаимодействия пользователя с системой

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

Естественность (интуитивность)

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

Непротиворечивость

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

Не избыточность

Это означает, что информация по всем вопросам должна быть представлена наиболее полно, но не быть лишней.

Непосредственный доступ к системе помощи

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

Гибкость

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

Внешний вид страниц должен соответствовать следующим эргономическим требованиям:

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

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

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

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

Результатом проектирования гл. страницы является следующая схема:

Рисунок - Структура главной страницы

Главная страница разбита на 4 логических блоков:

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

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

3 - рабочая область с меняющимися данными;

4 -содержит форму поиска, опросы, карту сайта, информацию о сайте.

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

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

ГЛАВА 3 РЕАЛИЗАЦИЯ ПРОЕКТА СИСТЕМЫ

3.1 Разработка программы

Процесс разработки программы разделён на следующие этапы:

1) Выбор темы проекта:

Сайт разрабатывается по заказу директора фирмы «Polaroid»

2) Подбор и разбиение информации на логические блоки:

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

3) Составление и создание макета сайта:

Рисунок - Макет сайта

4) Заполнение страниц базовой информацией:

Используется админцентр, и графический редактор Adobe PhotoShop CS;

5) Создание графики для сайта (фон, навигационное меню, пиктограммы, линии и др.):

Используется графический редактор Adobe PhotoShop CS;

6) Создание навигационного меню:

Создаётся с помощью Админцентра;

7) Проектирование и разработка системы гиперссылок:

Создано с помощью web-редактор Macromedia Dreamweaver MX 2004 и админцентр;

8) Работа с формой:

Осуществляется с помощью админцентра, редакторов PHP Edit;

9) Создание дополнительных элементов сайта:

Реализуется с помощью возможностей языка Java Script и PHP.

10) Тестирование:

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

· оценить вид страниц при различном разрешении экрана монитора,

· оценить особенности отображения страниц в различных браузерах,

· оценить время загрузки страниц при разной скорости передачи данных в сети,

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

11) Размещение в глобальной сети.

Размещение главной страницы с прилагаемыми файлами и папками на сервере.

3.2 Разработка форм входных и выходных данных

При работе с проектом были определены следующие входные и данные:

Входными данными будут являться:

* данные, вводимые в строку поиска;

* реквизиты при регистрации на форуме;

* сообщения, отправляемые пользователем в форум;

* настройки форума, устанавливаемые администратором в форуме;

* тестирование (контроль знаний) - выбранный ответ;

* добавление заданий - текст задания или урока;
Выходными данными являются:

* сообщения в форуме;