Тип протокола://адрес компьютера/спецификация файла

Тип протокола (http – передача гипертекста, ftp – передача файлов
и т.д.) определяет технологию доступа к документам.

Адрес компьютера определяет сервер, с которым необходимо установить соединение. При этом может использоваться как доменный адрес, так и IP-адрес. Доменный адрес обычно начинается с префикса www, который определяет, что данный компьютер является Web-сервером. Например: www.sun.unc.edu.

Спецификация файла определяет точное месторасположение и имя файла на Web-сервере.

Рассмотрим пример URL-адреса:

http://www.rast.ru/bout/odin/perv.html

Протокол Компьютер Адрес и имя файла

Если приведенный URL-адрес ввести в адресной строке браузера (программы обозревателя), то произойдёт следующее: браузер установит связь с Web-сервером www.rast.ru по протоколу http и запросит у него документ с именем perv.html из структуры папок /bout/odin.

Часто в URL-адресе не указывается спецификация файла, тогда уни-версальный указатель ресурса имеет вид:

Тип протокола://адрес компьютера/

В этом случае браузер автоматически формирует полный адрес, добавляя после наклонной черты стандартный для каждого ресурса элемент адреса. Так, для протокола http стандартным элементом является файл с именем index.html, в котором по умолчанию должна находиться начальная (гла-вная) страница Web-сайта. Так, адрес ресурса http://www.man.ru/ представ-ляет собой сокращённую запись полного адреса http://www.man.ru/ /index.html.

Для доступа к Web-документу с известным URL-адресом исполь-зуются программы-обозреватели, называемые браузерами (browser – обозреватель). Браузер – это программа, позволяющая пользователю отобразить нужную Web-страницу.

В настоящее время используются, например, следующие браузеры:

1) MS Internet Explorer;

2) Opera;

3) Netscape Navigator;

4) Mozilla FireFox.

Наиболее популярным обозревателем является MS Internet Explorer (MS IE), который входит в состав операционной системы Windows. При первом запуске браузер MS IE откроет страницу, установленную по умол-чанию, например, англоязычную страницу сайта www.msn.com (рис. 1.2).

 

Адресная строка

Рис. 1.2. Первый запуск браузера MS Internet Explorer

Для того чтобы с помощью браузера отобразить желаемую Web-стра-ницу, необходимо в адресной строке набрать URL-адрес этой страницы и нажать клавишу Enter (или щёлкнуть мышью по кнопке Переход, расположенной в конце адресной строки). Главную (начальную) страницу Web-сайта нашего института можно отобразить, если в адресной строке ввести следующий адрес: http://www.imb.by.

 

СОЗДАНИЕ WEB-СТРАНИЦ

Основные понятия HTML

Основным инструментом создания Web-страниц является язык разметки гипертекста HTML (Hyper Text Markup Language). Этот язык позволяет готовить Web-страницу с помощью любых текстовых редак-торов, например, можно использовать текстовый редактор БЛОКНОТ или текстовый процессор MS Word. Просмотр созданной Web-страницы осуществляется с помощью браузера.

Web-страницы, созданные с помощью языка разметки гипертекста, называют также HTML-документами.

Для размещения на Web-странице различных объектов (текста, изображений, таблиц и др.) используются команды языка HTML, на-зываемые тегами. Другими словами, тег – это специальная инструкция, определяющая размещение объектов на Web-странице. HTML-код состоит из совокупности тегов. Каждый тег имеет своё имя.

Для правильного оформления HTML-кода необходимо соблюдать следующие правила написания тегов:

1. Имя каждого тега обязательно заключается в угловые скобки, т.е. <имя тега>. Таким образом он отличается от остального текста и браузер воспринимает его как команду.

2. Некоторые теги могут иметь дополнительные параметры, называемые атрибутами тега, которые дополняют команду. Атрибуты,
к примеру, могут уточнять цвет, размер, положение объекта и т.д. Атрибут записывается внутри угловых скобок через пробел после самого тега. После атрибута ставится знак равенства и в кавычках указывается значение атрибута. Если атрибутов несколько, то они разделяются пробелами. Порядок следования атрибутов не имеет значения.

3. Теги бывают парными и одинарными. Структура парного тега имеет вид:

<имя тега> … </имя тега>.

открывающий тег закрывающий тег

Между открывающим и закрывающим тегами записываются текст или другие теги. Атрибуты записываются только в открывающем теге. Одинарные теги не содержат закрывающего тега.

4. Если один тег оказался вложенным в другой, то всегда первым закрывается тот тег, который открыли последним.

Например, – <тег1> <тег2> <тег3>... </тег3> </тег2> </тег1>.

В соответствии с изложенными правилами общая структура записи тегов имеет следующий вид:

<Имя тега атрибут1="значение" атрибут2="значение" …>

…

</Имя тега>

Следует отметить, что тег можно записывать как в одной строке, так и в нескольких.

Язык HTML содержит больше 100 тегов. Основные теги приведены в табл. П 1 приложения. Во втором столбце этой таблицы указываются имя тега и его назначение. Если тег имеет атрибуты, то имена атрибутов выбираются из третьего столбца таблицы. В четвёртом столбце табл. П 1 указываются значения атрибутов. Рассмотрим несколько примеров, поясняющих применение тегов языка HTML. Для создания основного раздела Web-страницы с фоном жёлтого цвета записывается следующий парный тег:

<BODY BGCOLOR="YELLOW"> … </BODY>.

цвет фона жёлтый

Код цвета выбирается из табл. П 2 приложения. В этой таблице приведены шестнадцатеричные и именные коды основных цветов. Вместо именного кода цвета можно записывать шестнадцатеричный код, т.е

<BODY BGCOLOR="FFFF00"> … </BODY>.

Если необходимо, чтобы на серебряном фоне Web-страницы текст отображался красным цветом, то следует записать:

<BODY BGCOLOR="SILVER" TEXT="RED"> … </BODY>

или

<BODY TEXT="FF0000" BGCOLOR="C0C0C0"> … </BODY>.

Порядок следования атрибутов (BGCOLOR и TEXT), как уже отмечалось, значения не имеет.

С помощью тега

<HR SIZE="10" COLOR="BLUE">

на странице размещается горизонтальная линия синего цвета (BLUE) толщиной (SIZE) 10 пикселей.

Структура HTML-документа

HTML-документ состоит из двух частей: заголовка и основного раздела. Для описания документа и его частей используются теги языка HTML. Структура HTML-документа имеет вид:

<HTML>

<HEAD>

Параметры страницы Заголовок

</HEAD> ("голова")

<BODY>

Текст страницы Основной раздел

</BODY> ("тело")

</HTML>.

Парный тег <HTML> … </HTML> информирует браузер о том, что внутри него находится гипертекстовый документ. Заголовок Web-стра-ницы ("голова") задаётся парным тегом <HEAD> … </HEAD>, а основной раздел ("тело") – парным тегом <BODY> … </BODY>. Три перечисленных тега являются обязательными, поскольку определяют структуру Web-стра-ницы.

Заголовок документа предназначен для общего описания документа. Важно понимать, что заголовок в документе может быть только один. Информация, находящаяся в этом разделе документа, является служебной и необходима браузеру. Например, имя заголовка Web-страницы фор-мируется с помощью парного тега <TITLE> … </TITLE>. Имя заголовка Web-страницы отображается в строке заголовка браузера. Также название страницы, заданное с помощью <TITLE> … </TITLE>, будет исполь-зоваться поисковыми системами Интернет.

Внутри основного раздела располагаются все остальные теги оформления Web-страницы. Открывающий тег <BODY> может содержать атрибуты, определяющие для всего документа следующие параметры:
цвет фона, фоновый рисунок, цвет текста, цвета гиперссылок и т.д.
(см. табл. П 1).