Тема 8. Создание Web-страниц (в формате html). Веб-страница - гипермедиа документ
WWW состоит из множества взаимосвязанных документов - веб-страниц. Связь осуществляется при помощи гиперссылок (или короче - ссылок). При наведении курсора мыши на ссылку, он принимает вид “выбор ссылки” (указующий перст) и в строке состояния Internet Explorer отображается URL документа, к которому будет произведен переход. Щелчок мыши по ссылке активизирует ее, то есть происходит переход по этому адресу.
В качестве ссылки могут использоваться не только фрагменты текста, но и графические изображения (например, карта). Ссылки в документе обычно выделяются изменением формата текста (цвет, подчеркивание, анимация).
Веб-страницы представляют собой файлы, которые создаются с использованием языка HTML (Hyper Text Markup Language -язык гипертекстовой разметки документов) и имеют одноименный формат - HTML. Документ формата HTML может содержать помимо текста, графики и ссылок еще и мультимедийные объекты: анимацию, видео, звук, то есть он строится на основе технологии гипермедиа.
Набор веб-страниц, являющихся собственностью какой-либо компании или частного лица, называют веб-сайтом (от англ. site - местоположение) или просто сайтом. Как правило, все страницы сайта тесно связаны между собой общей темой.
Отправной точкой любого сайта является главная или, как говорят, домашняя страница сайта. В большинстве случаев она содержит ссылки на другие страницы. Как правило, все другие страницы сайта содержат кнопки, позволяющие вернуться на домашнюю страницу сайта.
Гипертекст - это способ структурирования документов путем размещения ссылок внутри одного документа или между документами.
В виде гипертекста построена Библия, гипертекст используется во всех энциклопедиях, на основе гипертекста строятся справочные системы компьютерных программ.
Структура веб-страницы
Для
создания веб-страниц используется
гипертекстовый язык описания документов
- HTML
(Hyper
Text
Markup
Language).
Это язык программирования, имеющий свой набор команд.
Каждый веб-документ представляет собой программу, написанную на этом языке (HTML-код).
Команды HTML называются тегами (от англ. tag - ярлык, метка). Чтобы отличить теги от текста документа их заключают в угловые скобки. Например, тег <br> означает команду “начало новой строки”. Теги могут быть как одиночными, так и парными. Одинарные задают действие на один раз. Парные теги указывают начало и окончание действия команды. Тег, указывающий на окончание, помечается символом слеш (/).
Структура веб-страницы задается следующими парными тегами:
Пара <html> и </html> указывает формат страницы и отмечает его границы
Пара <head> и </head> указывает на начало и конец заголовка. Включают описание документа, ключевые слова (keywords) для поиска, название документа и другую информацию идентифицирующую страницу.
Пара <title> и </title> указывает имя страницы.
Пара <body> и </body> указывает на начало и конец “тела” страницы. Тело - это последовательность команд, обеспечивающая вывод в окно браузера форматированного текста, ссылок и других элементов веб-страницы.
Создавать веб-страницы можно как в HTML-редакторах (FrontPage), так и в текстовых редакторах разного уровня (Word, Блокнот).
Рисунки и другие объекты веб-страницы хранятся отдельно от HTML-кода.
HTML-код веб-страницы содержит команды, которые сообщают браузеру, где хранится объект и в какой области окна он должен быть отображен.
Таким образом, веб-страница, как правило, хранится в виде файла формата .html и папки с объектами.