Электронный учебник

§ 24. Веб-сайты и веб-страницы

Введение

Всемирная паутина, или веб (англ. World Wide Web), — это самая мощная служба Интернета. Она содержит гипертекстовые документы, связанные между собой гиперссылками.


Гипертекст {англ. hypertext) — это текст, содержащий гиперссылки. Гиперссылка (англ. hyper reference) — это ссылка на другие объекты (части этого же документа, другие документы, файлы, палки, программы и т. д.).


Например, ссылки на другие статьи в энциклопедиях — это тоже гиперссылки.

Гипертекстовые документы в Интернете называются веб-стра­ницами; обычно ссылки на веб-страницах выделяются цветом и подчёркиваются.

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


Гипермедиа (англ. hypermedia) — это гипертекстовый документ, содержа­щий изображения, звук, видео, причём каждый элемент может быть ги­перссылкой.


Веб-страницы размещаются на серверах. Слово «сервер» имеет несколько значений. Сервером называют специальный компью­тер, который выделен для обслуживания пользователей (напри­мер, для хранения файлов). Другое значение термина «сервер» — программа,  которая обеспечивает работу какой-нибудь службы.

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


 

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


Для просмотра веб-страниц на экране нужна специальная про­грамма — браузер (англ. browser «просмотрщик»). Браузер — это клиентская программа, её задача — послать запрос веб-серве­ру, получить в ответ веб-страницу и показать её на экране.

Группа веб-страниц, которые объединены общей темой и оформлением, связаны гиперссылками и (чаще всего) расположе­ны на одном сервере, называется веб-сайтом. Основа сайта — это его контент (англ. content — содержание, информационное напол­нение), т. е. те материалы, которые могут заинтересовать пользо­вателя. Вторая важная составляющая сайта — дизайн, т. е. оформление материала, способ подачи информации. Задача дизай­на — сделать использование сайта удобным для читателей.

Статические и динамические веб-страницы

Веб-страницы  — это обычные текстовые файлы (в формате

«только текст», англ. plain text). Для того чтобы определить структуру документа (заголовки, абзацы, списки и др.), использу­ют язык HTML (англ. HyperText Markup Language язык раз­метки гипертекста).

В языке HTML используются команды особого типа — тэги (англ. tag — метка, ярлык). Существуют тэги для выделения за­головков, абзацев, вставки таблиц. С помощью тэгов в веб-страни­цы добавляют рисунки, звуки, анимацию, видео, которые хранят­ся на сервере в виде отдельных файлов. Часто для дополнитель­ных данных на сайте создаются специальные каталоги, например, рисунки могут быть размещены в каталоге images, звуковые и ви­деофайлы — в каталоге media (рис. 4.1).

HyperText Transfer Protocol протокол передачи гипертекста.

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

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

Веб-страницы можно разделить на два типа:

  • статические веб-страницы (они обычно имеют расширения
    htm или html) хранятся на сервере в готовом виде;
  • динамические   веб-страницы   (с   расширениями   php,    asp,
    pi) — полностью или частично создаются на сервере в мо­мент запроса.

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

Динамические веб-страницы — это шаблоны, в которых есть программный код на специальных серверных языках — PHP, ASP, Perl. Когда сервер получает запрос на такую страницу, он запуска­ет программу-интерпретатор, которая выполняет этот код. Чаще всего при этом выбирается информация из базы данных, хранящей­ся на сервере. С помощью программы, встроенной в динамическую страницу, можно добавлять в базу данных информацию, загружен­ную пользователем (рисунки, видео, комментарии). Практически все крупные сайты состоят из динамических веб-страниц.

Для управления динамическим сайтом часто применяют систе­му управления содержимым (англ. CMS Content Management System), с помощью которой сайт могут поддерживать пользовате­ли, не знающие языка HTML. Однако создание динамического веб-сайта — достаточно сложная задача, для решения которой нужно (кроме знания языка HTML) уметь программировать на од­ном из серверных языков.

Как правило, динамические сайты работают значительно мед­леннее, чем статические. Это связано с тем, что серверу при полу­чении запроса необходимо обратиться к базе данных, построить запрошенную страницу в памяти и только потом переслать её по сети на компьютер клиента.

Иногда динамическими называют также веб-страницы, кото­рые хранятся на сервере в готовом виде, но содержат программный код на специальных языках программирования (чаще всего — на JavaScript). Такой подход часто называют динамическим HTML (англ. DHTML Dynamic HTML), его основная цель — обес­печить интерактивность, т. е. сделать так, чтобы веб-страница «реагировала» на действия пользователя. Код в динамических страницах такого типа выполняет браузер на компьютере-клиенте, поэтому сервер не загружается дополнительной работой.

Программа на языке JavaScript называется сценарием или скриптом.


 

Скрипт, или сценарий (англ. script) это программный код для автома­тизации какой-то операции пользователя.


 

С помощью скрипта можно изменять содержимое и оформле­ние веб-страницы в ответ на действия пользователя:

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

 

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

Вопросы и задания

  1. Поясните разницу между Всемирной паутиной и Интернетом.
  2. Что такое гипертекст?
  3. Существовали ли гипертекстовые документы до изобретения компьютеров? Что нового внесли в эту сферу компьютеры? Подготовьте
    сообщение.
  4. Что такое гипермедиа?
  5. Какие значения имеет слово «сервер»?
  6. Что такое веб-серверы? Какова их роль в работе Всемирной паутины.
  7. Какие задачи решает браузер?
  8. Что такое веб-сайт?
  9. Что такое контент сайта?
  10. Какой язык используется для описания веб-страниц?
  11. Какие задачи решают веб-дизайнеры — люди, занимающиеся разработкой дизайна сайтов?
  12. Обсудите с учителем и одноклассниками вопрос: «Дизайн сайта —
    цель или средство?»
  13. Что такое тэг? Что можно сделать с помощью тэгов?
  14. Как вы думаете, почему для хранения рисунков обычно выделяют
    отдельный каталог?
    15. Какие операции выполняет браузер при загрузке веб-страницы, ад­рес которой ввёл пользователь?
  15. Как вы думаете, почему разные браузеры могут по-разному показывать одну и ту же веб-страницу?
  16. Можно ли просматривать веб-страницу без браузера?
  17. Что такое кроссбрауверность?
  18. Чем отличаются статические и динамические веб-страницы? Назовите типичные расширения статических и динамических страниц.
  19. В   чём   достоинства   и   недостатки   статических   и   динамических
    веб-страниц?
  20. Почему крупные сайты практически всегда строятся в динамических страницах?
  21. Что такое CMS?
  22. Что такое динамический HTML? Чем отличаются страницы ;
    типа от веб-страниц   написанных на языке РНР?
  23. Что такое скрипт, или сценарий? Какие задачи можно решать
    мощью скриптов?
  24. Какой язык чаще всего применяется для создания интерактивных веб-страниц?

    Подготовьте сообщение

а)  «Дизайн сайта - цель или средство?»

б)   «Что такое кроссбраузерность?»

в)  «Современные браузеры»

 

НАЗАД

Block title

Вход на сайт

Поиск

Календарь

«  Декабрь 2024  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031

Архив записей

Статистика


Онлайн всего: 35
Гостей: 35
Пользователей: 0