Материал: IkxJ2A64Jt

УДК 004(075)

Разработка веб-ресурсов с использованием языка HTML: методич. указания к лабораторным работам / сост.: А. А. Армашев, А. В. Шевченко. СПб.: Изд-во СПбГЭТУ «ЛЭТИ», 2015. 31 с.

Рассматриваются вопросы разработки веб-приложений с использованием языка разметки гипертекста HTML.

Предназначено для студентов, обучающихся по направлению подготовки магистров 140400.68 «Электроэнергетика и электротехника».

Утверждено редакционно-издательским советом университета

в качестве методических указаний

© СПбГЭТУ «ЛЭТИ», 2015

2

Введение

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

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

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

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

Настоящее издание в силу своего объема охватывает ограниченный ряд вопросов веб-технологий. В разд. 1 рассматриваются история и основы вебтехнологий (модель взаимодействия клиент– сервер, применяемые протоколы, адресация ресурсов).

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

Вразд. 3 раскрыто применение каскадных листов стилей (CSS) для придания страницам сайта единообразия. Даются примеры настройки стилей различных элементов страниц. В последнем разделе затрагиваются вопросы программирования динамики страниц с использованием языка JavaScript.

3

1.ОСНОВЫ ВЕБ-ТЕХНОЛОГИЙ

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

ивеб-клиент, изобрел идентификаторы URI, протокол HTTP и язык HTML. Эти технологии были использованы для создания гипертекстовых документов, связанных между собой гиперссылками. Развитие этого проекта привело к образованию Всемирной паутины.

Всемирная паутина (англ. World Wide Web), или веб, – распределенная система, предоставляющая доступ к связанным между собой документам. Эти документы размещаются на различных компьютерах, подключенных к сети Интернет. Большинство ресурсов Всемирной паутины представляет собой гипертекст. Основным коммуникационным протоколом является HTTP (HyperText Transfer Protocol – гипертекстовый протокол передачи), обеспечивающий связь между информационными ресурсами (веб-страницами) посредством гиперссылок – специальных указателей на адрес документа.

Веб-страница – это минимальная логическая единица Всемирной паутины, которая представляет собой документ, однозначно идентифицируемый своим уникальным URL (Unified Resource Locator). Веб-сайтом называется набор тематически связанных веб-страниц, находящихся на одном сервере и принадлежащий одному владельцу. В частном случае сайт может быть представлен одной единственной страницей. Всемирная паутина является совокупностью всех веб-сайтов.

Веб-технологии строятся на взаимодействии через HTTP-протокол вебклиентов и веб-серверов, находящихся в различных узлах глобальной сети. HTTP является протоколом прикладного уровня передачи данных, надстройкой над протоколами TCP-IP и UPD-IP. Программы-клиенты (их еще называют браузерами) запрашивают информационные ресурсы с помощью URLзапросов и получают в ответ HTML-страницы, которые интерпретируются браузером и отображаются на экране (рис. 1.1).

Передаваемый URL содержит следующую информацию: применяемый протокол; адрес сервера; номер порта (если отличается от стандартного); имя файла страницы или программы; список параметров.

4

Глобальная сеть с протоколом TCP-IP

Рис. 1.1

Обмен сообщениями происходит по схеме «запрос– ответ». HTTP-со- общения состоят из текстовых строк и имеют общую структуру для запросов

иответов, включающую:

∙стартовую строку (Starting line), содержащую метод отправки и URL;

∙заголовки (Headers), определяющие параметры передачи;

∙тело сообщения (Message Body), непосредственно содержащее данные.

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

HTTPS (HyperText Transfer Protocol Secure) – это расширение протоко-

ла HTTP с применение методов шифрования. Он используется для создания защищенных соединений.

5