Урок 5
§6. Веб-сайты

Содержание урока

Веб-страницы

Веб-программирование

Системы управления сайтом

Размещение сайта

Выводы

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

Практическая работа № 4 «Веб-сайты»

Веб-страницы

• статические веб-страницы	
• динамические веб-страницы	
• язык 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).

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

Постройте в тетради таблицу, в которой сравниваются достоинства и недостатки статических и динамических веб-страниц.

Следующая страница Веб-программирование

Cкачать материалы урока