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