Web програмированние

Введение

1. Теоретическая часть

1.1 Понятие Web-технологии

1.2 Виды Web-технологий

1.2.1 Технология HTML

1.2.2 Технология JAVA

1.2.3 Технология CGI

1.2.4 Технология SSI

1.2.5 Технология CSS

1.2.6 Технология РНР

1.2.7 Технология ASP

1.2.8 Технология VBScript

1.2.9 Технология Macromedia Flash

1.2.10 Технология DHTML

1.2.11 Технология XHTML и XML

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

2.1 Основные целевые группы

2.2 Подсистема интерфейса

2.3 Требования к структуре  сайта павлодарского автовокзала

2.3.1 Иерархическая структура  сайта

2.3.2 Текстовое описание  разделов

2.4 Требования к функциональным  возможностям сайта

2.4.1 Модуль статей

2.4.2 Модуль вывода новостей

2.4.3 Модуль работы рубрики  вопрос-ответ

2.4.4 Модуль лингвистического  сервиса

2.4.5 Модуль отображения  расписания

2.5 Требования к режимам  функционирования и надёжности

2.6 Требования к видам  обеспечения

2.6.1 Требования к информационному  обеспечению

2.6.2 Требования к программно-техническому  обеспечению

Заключение

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

Приложение А

Приложение B

Приложение C

Приложение D

 

 

 

 

 

 

Введение

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

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

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

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

 

Для достижения данной цели в работе решаются следующие  задачи:

- изучение понятия Web-технологий;

- описание существующих Web-технологий;

- разработка Web-страницы.

Практическая  значимость работы.

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

Структура курсовой работы.

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

 

 

1. Теоретическая  часть

В процессе разработки и  создания Интернет-сайта необходимо определить следующие понятия:

1 Web-технология.

2 Виды Web-технологий.

Перейдем к подробному рассмотрению этих понятий:

1.1 Понятие Web-технологии

Под Web-технологиями определяют всю совокупность средств для организации WWW (World Wide Web). Поскольку в каждом сеансе взаимодействуют две стороны – сервер и клиент, Web-технологии разделяются на две группы – технологии стороны сервера (server-side) и технологии стороны клиента (client-side).

К технологиям со стороны  клиента относятся все технологии создания Web-страниц (HTML, JavaScript, DHTML), а к технологиям со стороны сервера относятся технологии доступа к базам данных в сети Интернет (CGI, PHP).

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

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

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

Каждый ресурс в Web – документ HTML, изображение, видеоклип, программа и т.д. – имеет адрес, который может быть закодирован с помощьюуниверсального идентификатора ресурсов (Universal Resource Identifier), или URI.

Люди, для того чтобы понимать друг друга, должны разговаривать на одном языке. Это же относится  и к компьютерам. В их случае в  качестве такого "языка общения" выступает протокол — набор правил обмена данными. Web-сервер и Web-обозреватель используют для обмена данными протокол HTTP (HyperText Transfer Protocol — протокол обмена гипертекстом). Этот высокоуровневый протокол работает "поверх" обычного низкоуровневого протокола TCP/IP (Transfer Control Protocol/Internet Protocol — протокол управления обменом/протокол Интернета)

Протокол передачи гипертекста HTTP предназначен для передачи гипертекстовых документов от сервера к клиенту. Протокол HTTP относится к протоколам прикладного уровня.

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

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

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

Для соединения локальной  сети организации с Internet используется сетевой шлюз. Шлюз представляет собой отдельный компьютер локальной сети, часто выполняющий функции маршрутизатора. В обязанности шлюза входит трансляция (иногда применяется термин свертка) протоколов локальной сети в сетевой протокол Internet, ТСР/IP.

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

1.2 Виды Web-технологий

1.2.1 Технология HTML

Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language – язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape (NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.

HTML является упрощенной  версией стандартного общего  языка разметки - SGML

(Standart Generalised Markup Language), который был утвержден ISO в качестве стандарта еще в 80-х годах. Этот язык предназначен для создания других языков разметки, он определяет допустимый набор тэгов, их атрибуты и внутреннюю структуру документа. Контроль за правильностью использования дескрипторов осуществляется при помощи специального набора правил, называемых DTD- описаниями(более подробно о DTD мы поговорим чуть позже), которые используются программой клиента при разборе документа. Для каждого класса документов определяется свой набор правил, описывающих грамматику соответствующего языка разметки.

HTML-документ состоит из  текста, представляющего собой содержание  документа, и тегов, определяющих  его структуру и внешний вид  при отображении браузером. Простейший html-документ выглядит следующим образом:

<html>

<head>

<title>Название</title>

</head>

<body>

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

</body>

</html>

Как видно из примера, тег  представляет собой ключевое слово, заключенное в угловые скобки. Различают одинарные теги, как, например, <p>, и парные, как <body> </body>, в последнем случае действие тега распространяется только на текст между его открывающей и закрывающей скобкой. Теги также могут иметь параметры - например, при описании страницы можно задать цвет фона, цвет шрифта и т.д.: <body bgcolor="white" text="black">.

Текст всего документа заключается в теги <html>, сам документ разбивается на две части - заголовок и тело. Заголовок описывается тегами <head>, в которые могут быть включены название документа (с помощью тегов <title>) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <body> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:

<p> - начало нового абзаца, может иметь параметр, определяющий  выравнивание:

<p align=right>;

<br> - перевод строки в пределах текущего абзаца;

<u></u> - выделение текста  подчеркиванием

Ссылка на другой документ устанавливается с помощью тега <a href="URL">...</a>, где URL - полный или относительный адрес документа. При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием и цветом, и после щелчка мышью по этой ссылке браузер открывает документ, адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <img src="URL">.

1.2.2 Технология JAVA

Язык программирования Java, разработанный около восьми лет назад компанией Sun Microsystems и напоминающий по структуре и синтаксису хорошо знакомый многим программистам С, существует сегодня в Интернете в двух вариантах: JavaScript и собственно Java. Первый вариант языка является всего лишь надстройкой стандарта HTML и значительно расширяет возможности документа, созданного в этом формате. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой. Встроенный в браузер интерпретатор языка воспринимает и скрипт, и сам код гипертекста как единый документ, обрабатывая те и другие данные одновременно. Модуль Java в отличие от JavaScript не интегрируется в использующую его страницу, а существует как самостоятельное приложение с расширением *.class или, выражаясь научным языком, апплет. При использовании этого варианта языка апплет также вызывается из html-файла соответствующей командой, но загружается, инициализируется и запускается на исполнение в виде отдельной программы, в фоновом режиме.

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

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

1.2.3 Технология CGI

Технология CGI (Common Gateway Interface) подразумевает использование в составе ресурса Интернет интерактивных элементов на базе приложений, обеспечивающих передачу потока данных от объекта к объекту. Именно так организовано во Всемирной сети большинство чатов, конференций, досок объявлений, гостевых книг, поисковых машин и систем подсчета рейтинга. В общем случае принцип работы CGI выглядит следующим образом: пользователь заполняет на web-страничке ту или иную форму и нажимает на кнопку, после чего встроенная в код HTML строка вызова CGI-скрипта запускает соответствующую программу CGI и передает ей управление процессом обработки информации. Введенные пользователем данные отсылаются этой программе, а она, в свою очередь, «встраивает» их в другую страницу, отправляет по почте или трансформирует каким-либо иным способом, Скрипты CGI размещаются на сервере в специально отведенной для этих целей директории, которой, как правило, назначается имя CGI-BIN. Следует помнить, что подключение, отладка и запуск таких программ требуют соответствующих прав доступа к http-серверу, а также определенных знаний и навыков.