Печатать книгуПечатать книгу

§ 21. Понятие о динамических веб-страницах

Сайт: Профильное обучение
Курс: Информатика. 11 класс (Повышенный уровень)
Книга: § 21. Понятие о динамических веб-страницах
Напечатано:: Гость
Дата: Среда, 15 Май 2024, 16:16

Оглавление

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

Динамические веб-страницы полностью или частично генерируются на сервере или в браузере в процессе исполнения запроса пользователя.

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

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

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

Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентские и серверные.

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

Для создания динамических страниц с программным кодом на клиентских языках используют технологию, получившую название Dynamic HTML (DHTML).

Эта технология представляет собой комбинацию из языка разметки гипертекста (HTML), клиентского языка сценариев (JavaScript) и языка описания стилей (CSS).

Программа на языке JavaScript называется сценарием или скриптом (англ. script). С помощью скрипта можно изменять содержимое (пример 21.2) и оформление веб-страницы в ответ на действия пользователя:

  • заменять текст, оформление, рисунки;
  • строить многоуровневые выпадающие меню;
  • скрывать и открывать части страницы;
  • проверять введённые данные;
выполнять вычисления и т. д.

[1] Котов В.М. Информатика: учеб. пособие для 11 кл. учреждений общ. сред. образования с белорус. и рус. яз. обучения / В. М. Котов, А. И. Лапо, Ю.А. Быкадоров, Е.Н. Войтехович  — Минск: Нар. асвета, 2021.

 

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

Разработчик при помощи серверных языков программирования описывает возможные сценарии использования сайта или приложения. К серверным языкам веб-программирования относятся: C#, Go, Java, Python, PHP, Ruby.

Наиболее распространенным языком веб-программирования до недавнего времени являлся PHP. По данным на декабрь 2020 года PHP использовался в 78,2% всех сайтов. Однако постепенно он теряет свою популярность.

Самыми распространенными клиентскими языками программирования являются: JavaScript и VisualBasicScript.

Однако, сегодня программный код JavaScript может выполняться не только в браузере, но и на сервере или на любом другом устройстве, которое имеет специальную программу, называющуюся «движком» JavaScript.

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

Разработка функциональности и пользовательского интерфейса на клиентской стороне приложения или веб-сайта называется frontend (фронтенд).

Пример 21.2. Использование скриптов на веб-страницах.

На веб-страницах очень часто возникает необходимость произвести те или иные вычисления.

Например, есть два текстовых поля и нужно в третьем текстовом поле вывести сумму двух чисел, которые введены в первые два, т. е. создать калькулятор и разместить его на веб-странице — http://www.javascriptkit.com/script/cut18.shtml

Вопросы к параграфу

1. Какие веб-страницы называют динамическими?

2. Какова последовательность действий при передаче динамической веб-страницы по запросу пользователя?

3. На какие группы можно разделить языки веб-программирования?

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

5. Что такое скрипт?

Упражнения

1. Подготовьте сообщение по темам на выбор: «Рейтинг языков веб-программирования», «История языка JavaScript», «Использование скриптов на веб-страницах».

2. Используя возможности сайта https://catalog.onliner.by/mobile, создайте и выполните запросы на создание динамических веб-страниц:

Запрос

Производитель

Операционная система

Размер экрана

Емкость аккумулятора

1

Xiaomi

Android

6.6—6.7

Более 3500 мАч

2

Samsung

Android

6.4—6.5

3200—3400 мАч

3

Apple

Apple iOS

6.4-—6.7

Более 3500 мАч

Сколько найдено товаров в каждом запросе?