Механизм работы Web-сервера

Основные свойства, описываемые в таблицах стилей.

Color -- цвет
Это свойство определяет цвет содержимого тега, для которого он указан. Цвет указывается либо в формате RGB, либо одним из стандартных названий: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

Пример: BODY {color: black} или BODY {color: #000000}

Font-family -- семейство шрифта
Это свойство устанавливает шрифт, которым будет выведен текст. Наиболее часто используются шрифты Arial, Courier и Times New Roman. Это объясняется тем, что при загрузке страницы с таблицей стилей пользователь увидит текст, указанным в таблице стилей шрифтом, только в том случае, если этот шрифт установлен у него на компьютере. Arial, Courier и Times New Roman, как правило, установлены.

Пример: P {font-family: Arial}

Font-size -- размер шрифта
Указывается размер шрифта в пунктах (pt), пикселях (px), дюймах (in) или сантиметрах (cm).

Пример: EM {font-size: 14pt}

Text-decoration -- "украшение" текста
Cуществуют пять основных значений свойства text-decoration. Это -- underline (подчеркивание), line-through (зачеркивание), overline (линия над строкой), blink (мигание) и none (отсутствие "украшения" текста).

Пример: H2 {text-decoration: underline}

Text-indent -- отступ в первой строке элемента
Отступ указывается в тех же единицах, что и размер шрифта, т.е. пунктах, пикселях, дюймах или сантиметрах.

Пример: P {text-indent: 3in}

Text-align -- выравнивание текста на экране
Вы можете выбрать один из четырех стилей выравнивания: left (по левому краю), right (по правому краю), center (по центру) или justify (по левому и по правому краю одновременно).

Пример: P {text-align: justify}

Margin-left -- отступ слева
Существуют также свойства margin-right -- отступ справа, margin-top -- отступ сверху и margin-bottom -- отступ снизу. Значения всех этих свойств указываются в пунктах, пикселях, дюймах или сантиметрах.

Пример: H2 {margin-top: 100px}

В таблицах стилей существует еще много других свойств

Лекция 9. Статические и динамические страницы.Протокол FTP

осле того как мы ввели понятие языка HTML, можно подробнее описать механизм работы Web-сервера и браузера. Рассмотрим пример.

Предположим, ваш товарищ создал свой сайт по адресу www.petrov.ru и расположил на нем свое резюме по адресу https://www.petrov.ru/resume.htm. Что происходит, когда вы просматриваете данное резюме со своего компьютера?

Как только вы набираете в своем браузере вышеуказанный URL, браузер получает информацию об используемом протоколе (http), имени сервера (www.petrov.ru) и запрашиваемом файле (resume.htm). Браузер обращается к DNS-серверу, чтобы перевести имя сервера www.petrov.ru в IP-адрес, который служит для нахождения нужного сервера, устанавливает связь с Web-сервером и, используя протокол http, запрашивает искомый ресурс. Сервер посылает браузеру HTML-страницу, чтобы он мог отобразить данный документ. Браузер считывает HTML-тэги, воссоздает страницу на экране вашего компьютера, и вы видите результат своего запроса.

Обычно даже простая Web-страница содержит не только текст, но и графику. Иными словами, страница состоит из нескольких файлов, то есть в общем случае передаваемый на ваш компьютер файл может быть не только текстовым, но и графическим или еще каким-либо. Как же браузер распознает эти файлы? Вначале сервер посылает текстовое сообщение, которое информирует клиента о том, какой файл он будет отправлять: что это будет – текст в формате HTML, или графика в формате jpg, или что-нибудь другое, и только после этого передает содержание данного файла. Несмотря на то что обычно Web-страница состоит из многих файлов, за время одного запроса Web-сервер посылает только один файл. То есть, получив HTML-текст и найдя в нем, например, ссылку на графический элемент, браузер посылает новый запрос на сервер, и при этом не обязательно на тот же самый, с которого пришел HTML-текст. Вероятно, большинству пользователей Интернета знакома ситуация, когда загрузка страницы происходит с задержкой и вначале отображается текст, а потом начинают появляться картинки. Данная ситуация как раз отражает последовательность загрузки элементов Web-страницы. Для того чтобы скачать каждый новый файл, браузер должен установить новую сессию. При этом, поскольку современные серверы и браузеры работают в многопоточном режиме, одновременно могут выполняться несколько сессий, но для скачивания каждого нового файла инициируется своя сессия.

Если запрашиваемого ресурса по данному адресу нет, то Web-сервер выдаст сообщение, которое вы, вероятно, не раз видели на своем экране: 404/File not found (файл не найден).