Тема: «Основы языка гипертекстовой разметки документов» План лекции: 1.Общие сведения и терминология 2.Типы браузеров Общие сведения и терминология Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов", не зависящий от типа компьютерной платформы. Понятие HTML включает в себя различные способы оформления гипертекстовых документов, дизайн, гипертекстовые редакторы, браузеры и многое другое. Гипертекст как нельзя лучше подходит для включения элементов мультимедиа в традиционные документы. Первую версию HTML разработал в 1989 году сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли. А в 1990 году был впервые разработан первый браузер WWW, для просмотра HTML-страниц. HTML – это набор команд, интепритируемых браузером при загрузке документа и перед показом его пользователю. Он не привязан ни к одной архитектуре ПК или ОС. Элементы документа на HTML могут быть созданы и просмотрены под управлением любой ОС. HTML стандартизирован, т.е. следуя стандарту, при создании документа, можно быть уверенным, что он будет рассмотрен с помощью любого браузера. Язык HTML является языком форматирования (разметки), который исполняет набор команд, управляющих браузером при отображении Web-страницы. Внешний вид HTML-документа (например, заголовок, тело документа и колонтитул) определяется специальными его элементами, которые должным образом интерпретирует Web-браузер. Эти элементы называются дескрипторами или тегами. Гипертекст породил множество специальных терминов: Элемент – конструкция языка HTML. Контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Основная идея гипертекста – возможность вложения элементов. Дескрипторы – это элементы, которыми определяются внешний вид и «поведение» Web-страницы. Тег - начальный или конечный маркеры элемента определяют границы действия элемента и отделяют элементы друг от друга. В тексте web-страницы теги заключаются в угловые скобки <>, а конечный тег снабжен косой чертой /. Например: …… Атрибут – параметр или свойство элемента; это переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений. Значение атрибутов располагается после «=» и иногда указывается в «” ”». Атрибуты располагаются в начальном тэге и отделяются друг от друга пробелом. Например: Гиперссылка – фрагмент текста, который является указателем на другой фрагмент или объект. Гиперссылки необходимы для перехода от одного объекта к другому. Например: Ссылка Фрейм – область документа со своими полосами прокрутки; одиночное изображение в сложном графическом файле. Html-файл (Html-страница) – это документ, созданный в виде гипертекста на основе языка html с расширением *.htm или *.html. Скрипт (сценарий) – программа, включающаяся в состав web-страницы для расширения ее возможностей. Расширение – элемент, не входящий в спецификацию языка, но использующийся, обеспечивая возможность создания нового эффекта форматирования. CGI (Common Gateway Interface) – программа, работающая на сервере и позволяющая расширять возможности web-страниц. WWW (World Wide Web) – всемирная паутина; распределяющая система доступа к гипертекстовым документам, существующим в Интернете. Сайт – набор web-страниц, принадлежащих одному владельцу. Web-страница – это документ, подготовленный в виде гипертекста и размещенный в WWW. Браузер – программа для просмотра web-страниц. Например: Internet Explorer, Netscape Navigator URL (Uniform Resourse Locator) – универсальный указатель ресурса. Например: http:// www.название домена/имя файла HTML-документы могут быть созданы с помощью любого текстового редактора, например с помощью Блокнота фирмы Microsoft, редактора Edit для DOS и т.д. Весь документ, созданный на языке html, состоит из тэгов. Когда браузер загружает web-страницу и встречает в тексте тэг, он выполняет действие, связанное с этим тэгом. Если html-файл, загружен в текстовом редакторе, то на экране отображается текст документа. Если же файл загружен в браузер, то на экране отобразится отформатированная web-страница. Типы браузеров Mosaic – был разработан первым, но по возможностям уступает следующим. Netscape Navigator – комплекс программ, который позволяет значительно облегчить поиск страниц. В браузере реализована возможность закладок. Microsoft Internet Explorer – компонент операционной системы Windows, обеспечивает хорошую интеграцию с приложениями Office и имеет широкий набор функций, обеспечивающих просмотр web-страниц. Firefox – быстрый, эффективный и безопасный браузер, созданный на основе браузера NetScape Navigator. При работе с большим количеством окон не занимает много памяти. Удобно реализован поиск слов на странице в виде панели, которая не загораживает содержимое страницы. В браузере имеется подобие менеджера закачек (т.е. есть возможность приостановки и продолжения загрузки). Помимо стандартных настроек есть возможность ограничить деятельность java-скриптов и запретить всплывающие окна. Также есть поддержка протокола аутентификации NTLM (проверка имени и пароля для входа) и кроме того, доступна очень подробная информация о загруженной странице: содержимое HTTP-заголовков, метаинформация страницы, список всех присутствующих форм и их полей, объектов с подробным их описанием. Есть удобный просмотр всех настроек с их значениями. Mozilla Suite – это пакет, созданный на основе браузера NetScape Novigator и который состоит: из браузера; из программы IRC-клиент (предназначенной для чтения почты и новостей); и из HTML-редактора. Этот пакет с точки зрения функциональных особенностей похож на Firefox. Здесь также используется система вкладок, такой же способ поиска слов на странице (но не такой удобный). Зато в браузере присутствуют интересные дополнительные возможности: возможность использования профилей, (профиль сохраняет пользовательские настройки и содержимое закладок), менеджер паролей (Password Manager), менеджер форм (Form Manager) – который сохраняет образец форм на страницах, кроме того, отладчик языка JavaScript и модуль для отображения объектной модели документа (DOM) и используемых стилей. Opera – браузер норвежской компании Opera Software (заявлен как самый быстрый и функциональный). Использует систему вкладок, но при этом каждая вкладка является отдельным окном, в многооконных приложениях (т.е. окна можно размещать каскадом, черепицей и как угодно). В этом браузере можно масштабировать всю страницу, а не только текст. Также доступна блокировка всплывающих окон, менеджер закачек и просмотр настроек с их значениями. Есть возможность сохранения текущей сессии, т.е. сохранить состояние открытых на данный момент окон и потом в любой момент восстановить его. Также можно вернуться в предыдущее состояние при каждом запуске браузера. Кроме того можно управлять навигацией страницы (осуществлять переходы вперед, назад, обновлять страницы, открывать ссылки в новой вкладке, а также управлять состоянием окон – сворачивать, разворачивать, закрывать и открывать новые. В браузере есть встроенные клиенты для IRC, электронной почты и новостей, кроме того, имеется средство для чтения RSS-лент. Модель заметок (“Notes”) позволяет организовывать дерево текстовых заметок и вставлять текст в заметки прямо из окна просмотра страницы. Недостаток браузера в том, что он не поддерживает аутентификацию NTLM.