1. "С чего начинать, Ваше Величество?"
"Начни с начала", — важно ответил Король, —
"и продолжай, пока не дойдешь до конца."
Льюис Кэролл, Приключения Алисы в стране чудес
Введение в стандарты Web

2. В лекции рассматриваются следующие
технологии, которые обеспечивают
деятельность World Wide Web:
• Язык разметки гипертекста (HTML)
• Протокол передачи гипертекста (HTTP)
• Система имен доменов (DNS)
• Серверы и браузеры Web
• Статический и динамический контент

3. Как компьютеры взаимодействуют через Интернет?
Когда речь идет о World Wide Web, все
говорят на одном языке: HTML.
HTML является общим диалектом
(спецификацией), позволяя, например,
машине Windows звучать в гармонии с
машиной, выполняющей самую последнюю
и лучшую версию Linux.

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

5. Как компьютеры взаимодействуют через Интернет?
Хотя они и говорят на одном языке, но доступ
различных устройств к Web должен следовать
некоторым правилам, чтобы они могли общаться друг
с другом. HTTP (HyperText Transfer Protocol) определяет эти
базовые правила для Интернет. Согласно HTTP
клиентская машина (например, компьютер) знает, что
она должна инициировать запрос страницы Web на
сервере. Сервер является компьютером, на котором
выполняется программа Web-сервера, которая
получает запрос, находит требуемую страницу, и
посылает ее компьютеру, где она выводится в окне
Web-браузера.

6. Типы контента
Обратим внимание на различные типы
контента (любое содержательно-
значимое наполнение информационного
ресурса), который вы ожидаете увидеть в
Интернет.
Разделим его на четыре типа — простой
текст, стандарты Web, динамические
Web-страницы, и форматы, требующие
других приложений или подключаемых
модулей (плагинов).

7. Простой текст
В самом начале, до появления каких-либо
стандартов Web или плагинов, Интернет
состоял в основном из изображений и
простого текста — файлов с расширением
.txt или похожим на него. Когда файл с
простым текстом встречается в Интернет,
браузер просто выводит его как есть, без
какой-либо дополнительной обработки.
Файлы с простым текстом все еще можно
часто встретить на сайтах университетов.

8. Стандарты Web
Базовыми строительными блоками
Всемирной паутины WWW являются три
основных стандарта Web - HTML (или
XHTML, эти два понятия будут
использоваться здесь взаимозаменяемо для
наших целей), CSS и JavaScript.

9. Стандарты Web
HTML используется для разбиения
документа, определения его содержания
и структуры, и определения значения
каждой части (того, что содержит весь
текст и т.д., что мы видим на страницах
Web).
Он использует специальные элементы для
определения на странице различных
компонентов.

10. Стандарты Web
Каскадные таблицы стилей (CSS)
предоставляют полный контроль над тем,
как выводится элемент.
Очень легко, используя объявления
стилей, вывести все параграфы через две
строки (line-height: 2em;), или сделать все
заголовки второго уровня зеленого цвета
(color: green;).

11. Стандарты Web

12. Стандарты Web
Язык JavaScript предоставляет Web-сайту
динамические функции. Небольшие программы
на JavaScript будут выполняться на клиентском
компьютере, не требуя установки на сервере
какого-либо специального программного
обеспечения. JavaScript позволяет добавить на
Web-сайт некоторые базовые функции и
интерактивность, но он имеет свои
ограничения, что ведет нас к серверным
языкам программирования и динамическим
Web страницам.

13. Динамические страницы Web
Иногда при просмотре Интернет можно
встретить страницы Web, которые не
используют расширение .html - они могут иметь
расширение .php, .asp, .aspx, .jsp, или какое-
нибудь другое. Все это примеры динамических
технологий Web, которые могут использоваться
для создания страниц Web, имеющих
динамические разделы - код, который выводит
различные результаты из базы данных или
другого источника данных в зависимости от
определяемых для него значений.

14. Форматы других приложений или
подключаемых модулей (плагинов)
Так как браузеры Web могут только
интерпретировать и выводить определенные
технологии, такие как стандарты Web, то при
запросе адреса URL, который указывает либо
на сложный формат файла, либо на страницу
Web, содержащую технологию, которая
требует подключаемого модуля (плагина),
файл будет либо загружен на компьютер,
либо открыт с помощью требуемого плагина,
если он установлен в браузере.

15. Форматы других приложений или
подключаемых модулей (плагинов)
Если вы встретите документ Word, файл Excel,
PDF, сжатый файл (ZIP, или SIT, например),
сложный файл изображения, такой как
Photoshop PSD, или другой сложный файл,
который браузер не понимает, браузер обычно
спрашивает, хотите ли вы загрузить или открыть
этот файл. Оба действия обычно имеют
аналогичные результаты, но втором случае файл
будет загружен в компьютер и затем открыт
приложением, которое его понимает, если такое
приложение установлено на компьютере.

16. Форматы других приложений или
подключаемых модулей (плагинов)
Если вы встретите страницу, содержащую
фильм Flash, MP3 или другой музыкальный
формат, MPEG или другой формат видео, то
браузер будет воспроизводить его с помощью
установленного плагина, если такой плагин
был установлен. Если плагина нет, то либо
будет выведена ссылка для установки
требуемого плагина, либо файл будет
загружен и будет сделана попытка найти на
компьютере приложения для его выполнения.

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

18. Сравнение статических и динамических
Web-сайтов
На динамическом Web-сайте, с другой
стороны, контент сервера будет таким же,
но кроме обычного кода HTML он содержит
также динамический код, который может
выводить различные данные, в зависимости
от информации, которая передается на Web-
сайт.
http://www.amazon.com

19. Сравнение статических и динамических
Web-сайтов
Сайт Amazon не посылает вам просто 5
различных страниц, он пришлет одну и ту же
страницу 5 раз, но с различной динамически
заполняемой каждый раз информацией. Эта
различная информация хранится в базе
данных, которая извлекает при запросе
требуемую информацию и предоставляет ее
серверу Web для включения в динамическую
страницу.

20. Сравнение статических и динамических
Web-сайтов
На сервере должно быть установлено
специальное программное обеспечение,
позволяющее создавать динамический Web-
сайт. Эти файлы содержат специальный
динамический код в дополнение к HTML, и
хранятся со специальным расширением
файлов, чтобы сообщить серверу Web, что они
требуют дополнительной обработки перед
отправкой клиенту (такой как вставка данных
из базы данных) — файлы PHP, например,
имеют обычно расширение файла .php.

21. Контрольные задания
1. Поищите в Интернет 5-10 минут и попробуйте найти
несколько различных типов контента - простой
текст, изображения, HTML, динамические страницы,
такие как страницы PHP и .NET (.aspx), PDF,
документы Word, фильмы Flash и т.д. Просмотрите
некоторые из них и подумайте, как компьютер
выводит их для просмотра.
Адреса сайтов типы контента

22. Контрольные задания
2. В чем различие между статической страницей и
динамической страницей?
Найдите список кодов ошибок HTTP, перечислите 5 из
них, и объясните, что означает каждая из них.
коды ошибок HTTP Опишите, что означает
(Приведите пример каждая из них.
адреса если найдете)