Информатика. Учебник для 9 класса (по учебнику К. Ю. Полякова, Е.А. Еремина, базовый уровень)
§6. Веб-сайты.
Веб-страницы
Ключевые слова:
• статические веб-страницы • динамические веб-страницы • язык HTML • веб-программирование • хостинг • веб-приложение • система управления содержимым (CMS) • скрипт
Веб-сайт состоит из веб-страниц. Веб-страницы — это обычные текстовые файлы (в формате «только текст», англ. plain text). Для того чтобы определить структуру документа (заголовки, абзацы, списки и др.), используют язык HTML. Это именно язык разметки, а не полноценный язык программирования: в нём нет переменных, циклов, ветвлений, процедур и функций.
Используя дополнительные источники, выясните, от каких слов образовано сокращение HTML.
В языке HTML используются команды особого типа — тэги. Существуют тэги для выделения заголовков, абзацев, списков. С помощью тэгов в веб-страницы добавляют рисунки, звуки, анимацию, видео, которые хранятся на сервере в виде отдельных файлов. Часто для дополнительных данных на сайте создаются специальные каталоги, например рисунки могут быть размещены в каталоге images, звуковые и видеофайлы — в каталоге media (рис. 1.15).
Рис. 1.15
Браузер, получив от сервера запрошенную веб-страницу, обрабатывает её текст и выводит информацию на экран в удобной для человека форме. Встретив команды для вставки дополнительных данных (например, рисунков), браузер запрашивает их с сервера. Таким образом, для полной загрузки веб-страницы может потребоваться несколько обращений (запросов) к серверу.
На веб-странице размещены 5 рисунков (каждый в виде отдельного файла), 2 звуковых файла и 4 ссылки на видео на сервере youtube.com. Сколько запросов направит браузер веб-серверу?
Несмотря на существующие стандарты языка HTML, разные браузеры могут по-разному показывать одну и ту же веб-страницу. Поэтому профессиональные разработчики обязательно проверяют, чтобы сайт выглядел, по возможности, одинаково в разных браузерах (это свойство называют кроссбраузерностью сайта).
Веб-страницы можно разделить на два типа:
• статические веб-страницы (они обычно имеют расширения htm или html) хранятся на сервере в готовом виде;
• динамические веб-страницы (с расширениями php, asp и др.) — полностью или частично создаются на сервере в момент запроса.
Используя дополнительные источники, выясните, на каких языках программирования написаны динамические веб-страницы с расширениями php, asp, ру, рl.
Статические страницы меньше нагружают сервер и быстрее загружаются, потому что их текст полностью готов, а серверу остается просто переслать его по сети. Однако они не позволяют работать с изменяющимися данными: выбрать информацию из базы данных, добавить комментарии к фотографиям, построить гостевую книгу и т. п. Кроме того, для того чтобы поддерживать сайт (вносить изменения в его содержание и дизайн), нужен квалифицированный работник, знающий язык HTML и способный исправлять код страниц. Статические веб-страницы можно использовать на небольших сайтах-визитках, содержимое которых изменяется только автором.
Динамические страницы — это файлы, которые содержат программы. В результате работы этих программ строится веб-страница на языке HTML. Когда сервер получает запрос на такую страницу, он выполняет содержащуюся в ней программу. При этом можно загружать информацию из базы данных, хранящейся на сервере, и добавлять в базу данных информацию пользователя — рисунки, видео, комментарии.
Практически все крупные сайты состоят из динамических вебстраниц. Однако создание динамического веб-сайта — достаточно сложная задача, для решения которой нужно (кроме знания языка HTML) уметь программировать на одном из серверных языков (РНР, Python, ASP, Perl).
Как правило, динамические сайты работают значительно медленнее, чем статические. Это связано с тем, что серверу при получении запроса необходимо обратиться к базе данных, построить запрошенную страницу в памяти и только потом переслать её по сети на компьютер клиента.
Постройте в тетради таблицу, в которой сравниваются достоинства и недостатки статических и динамических веб-страниц.
Веб-программирование
Веб-программирование — это программирование динамических сайтов в Интернете.
Результат работы веб-программиста — это веб-приложение, т. е. программа, обеспечивающая работу сайта.
Веб-программисты разрабатывают два типа программ:
• серверные, которые работают на веб-сервере;
• клиентские, которые выполняются в браузере на компьютере пользователя.
Для создания серверных программ используют языки РНР, Python, ASP, Perl. Их изучение выходит за рамки школьного курса.
Клиентские программы, которые внедрены в веб-страницы, пишут на языке JavaScript. Такой подход часто называют динамическим HTML (англ. DHTML: Dynamic HTML). Его основная цель — обеспечить интерактивность, т. е. сделать так, чтобы веб-страница реагировала на действия пользователя.
Программа на языке JavaScript называется сценарием или скриптом.
Скрипт, или сценарий (англ. script), — это программный код для автоматизации какой-то операции пользователя.
С помощью скрипта можно изменять содержимое и оформление веб-страницы в ответ на действия пользователя, например:
• заменять текст, оформление, рисунки;
• строить многоуровневые выпадающие меню;
• скрывать и открывать части страницы;
• проверять данные, введённые пользователем;
• выполнять вычисления и т. д.
Используя дополнительные источники, выясните, на каком ещё языке кроме Javascript можно писать скрипты на веб-страницах. В чём недостаток этого языка?
Системы управления сайтом
Для управления большими сайтами применяют системы управления сайтом (CMS). Так называются информационные системы, позволяющие редактировать содержание сайта (добавлять, изменять и удалять материалы) без знания языка HTML.
Используя дополнительные источники, выясните, от каких слов образовано сокращение CMS.
CMS — это набор программ, написанных на серверном языке, например на РНР. На сайте, который использует CMS, есть панель администратора. С помощью этой панели администратор сайта может добавлять, редактировать и удалять материалы на сайте без привлечения специалиста.
Использование CMS значительно ускоряет создание и обслуживание сайта. Разработчику не нужно думать о том, как выбирать информацию из базы данных или сделать форму для отправки писем, потому что система это уже умеет делать. Вместо этого он может сразу заниматься содержанием и оформлением сайта. Внешний вид сайта изменяется с помощью шаблонов, в которых задано расположение и оформление элементов веб-страниц.
Найдите в Интернете названия бесплатных CMS и создайте в тетради таблицу адресов сайтов, откуда эти CMS можно загрузить.
Размещение сайта
Обычно веб-сайты создаются для того, чтобы их можно было просматривать с любого компьютера, имеющего выход в Интернет. Поэтому сайт нужно размещать на компьютере, который подключен к Интернету круглые сутки.
Конечно, можно хранить сайт на диске своего домашнего компьютера, но этот вариант имеет много недостатков:
• нестабильность канала связи с Интернетом, например при сбоях питания;
• компьютер должен быть постоянно включён;
• на компьютере нужно установить и настроить веб-сервер — программу, которая принимает запросы браузеров с других компьютеров и возвращает им нужные веб-страницы;
• вам придётся самостоятельно организовывать защиту сайта от взломщиков, вредоносных программ и сетевых атак.
Поэтому чаще всего сайты находятся на серверах компаний, которые оказывают услуги хостинга, т. е. размещают сайты, занимаются их обслуживанием и отвечают за сохранность данных.
Используя дополнительные источники, выясните, что такое DDoS- атака на сайт.
Как правило, хостинг — это платная услуга, её стоимость зависит от выбранного тарифного плана. Тарифный план определяет максимально допустимый размер сайта, возможность создания динамических страниц, поддержку работы с базами данных, количество адресов электронной почты и т. п.
Существуют бесплатные хостинги (например, ucoz.ru), где можно размещать свои сайты. «Платой» за размещение сайтов служит реклама, которая автоматически встраивается в каждую веб-страницу.
Чаще всего файлы загружаются на сайт по протоколу FTP. Владельцу сайта выдается имя пользователя (логин) и пароль для входа на FTP-сервер хостинговой компании. С помощью специальных программ — FTP-клиентов — можно работать с файлами и папками на удалённом сервере так же, как на своём компьютере: создавать и удалять папки, скачивать файлы на свой компьютер, загружать файлы на сервер, переименовывать и удалять их.
Сравните тарифные планы на нескольких разных хостингах (по указанию учителя).
Найдите в Интернете статистику использования трёх самых популярных веб-серверов. Постройте в тетради по этим данным круговую диаграмму. Не забудьте, что кроме этих трёх серверов есть ещё и другие.
Выводы
• Веб-страница — это текстовый файл, написанный на языке HTML.
• Различают статические и динамические веб-страницы.
• Статические страницы хранятся на сервере в готовом виде и сразу передаются клиенту по его запросу.
• Динамические страницы создаются в памяти сервера после получения запроса; их можно использовать для работы с базами данных. Динамические сайты больше нагружают сервер и работают медленнее, чем статические.
• Веб-программирование — это программирование динамических сайтов в Интернете. Результат работы веб-программиста — это веб-приложение, т. е. программа, обеспечивающая работу сайта.
• Скрипт, или сценарий, — это программный код для автоматизации какой-то операции пользователя.
• Система управления сайтом (CMS) — это программа, которая содержит инструменты для добавления, редактирования и удаления информации на сайте.
• Хостинг — это услуга по размещению сайта на сервере, который все время подключён к сети, и его обслуживанию.
Нарисуйте в тетради интеллект-карту этого параграфа.
Вопросы и задания
1. Как вы думаете, почему рисунки на веб-сайте обычно сохраняют в отдельной папке?
2. Можно ли просматривать веб-страницу без браузера?
3. Как вы думаете, почему разные браузеры могут по-разному показывать одну и ту же веб-страницу?
4. Почему большие сайты делают на основе динамических страниц?
5. Как вы думаете, какие недостатки имеют системы управления сайтом?
6. За счёт чего зарабатывают бесплатные хостинги?
7. Найдите в Интернете информацию о том, люди каких специальностей участвуют в создании веб-сайтов.
8. Обсудите с учителем и одноклассниками вопрос «Дизайн сайта — цель или средство?».
9. Создайте сайт вашего класса на бесплатном хостинге, который использует CMS (например, на ucoz.ru).
10. Выполните по указанию учителя задания в рабочей тетради.
Подготовьте сообщение
а) «Профессия — веб-программист»
б) «Системы управления содержимым сайта (CMS)»
в) «Хостинг веб-сайтов»
§6. Веб-сайты.