Управление IT- сервисами и контентом Лекция 5. Статические Содержимое запрашиваемого ресурса в неизмененном виде попадает на компьютер пользователя, выводится. - презентация

1 Управление IT- сервисами и контентом Лекция 5

2 Статические Содержимое запрашиваемого ресурса в неизмененном виде попадает на компьютер пользователя, выводится в окне браузера и в дальнейшем никак не меняется. Динамические динамика на стороне сервера (ASP, PHP, Parser, …) динамика на стороне клиента (JavaScript, Flash, …) гибридная динамика Содержимое запрашиваемого ресурса формируется « на лету » в момент запроса пользователя и / или претерпевает изменения в самом окне браузера.

3 веб-сервер mir.tversu.ru university.tversu.ru С:\ Program Files www Games mir-sitetveruniversity -> C:\www\tver\ university.tversu.ru -> C:\www\university mir.tversu.ru -> C:\www\mir-site\ сервер клиент веб-браузер GET / HTTP/1.1 Host: mir.tversu.ru 1. Статика 2. Динамика на стороне клиента 3. Динамика на стороне сервера 1. Скрипты 2. Обработчики настройки сервера HTTP/ OK Length: …

4 веб-сервер mir.tversu.ru university.tversu.ru С:\ Program Files www Games mir-sitetveruniversity -> C:\www\tver\ university.tversu.ru -> C:\www\university mir.tversu.ru -> C:\www\mir-site\ сервер клиент веб-браузер GET / HTTP/1.1 Host: mir.tversu.ru настройки сервера HTTP/ OK Length: … Содержимое запрошенного файла в неизмененном виде

5 веб-сервер mir.tversu.ru university.tversu.ru С:\ Program Files www Games mir-sitetveruniversity сервер клиент веб-браузер GET / HTTP/1.1 Host: mir.tversu.ru HTTP/ OK Length: запуск… Результат работы…

6 веб-сервер mir.tversu.ru university.tversu.ru С:\ Program Files www Games mir-sitetveruniversity сервер клиент веб-браузер GET / HTTP/1.1 Host: HTTP/ OK Length: 12412

7 Форма – HTML-элемент, предназначенный для ввода информации на веб-странице.

8

9

10 Twitter Bootstrap свободный набор инструментов для создания сайтов и веб - приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб - форм, кнопок, меток, блоков навигации и прочих компонентов веб - интерфейсов, включая JavaScript расширения.

11

12

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

14 JavaScript – интерпретируемый язык программирования, который может встраиваться в HTML код. DHTML – подход создания динамических веб-страниц с помощью сочетания HTML, CSS, JavaScript и DOM. DOM (Document Object Model, объектная модель документа) – программный интерфейс, позволяющий напрямую работать с деревом HTML-документа. BOM (Browser Object Model, объектная модель браузера) – программный интерфейс, позволяющий работать с различными объектами браузера: окнами, историей, адресной строкой и т.д..

15

16

17

18

19 Внешний файл Непосредственно в HTML-документе Непосредственно в элемент:

20 Событие Атрибут Нажатие мышкой onClick Выбор элемента формы onSelect Указатель мыши над элементом onMouseOver Элемент формы получает фокус onFocus Элемент формы теряет фокус onBlur Нажимается клавиша клавиатуры onKeyDown Отпускается клавиша клавиатуры onKeyUp ……

21

22

23

24

25

26

27

28