Гипертекстовая технология

Так возникли каскадные  таблицы стилей, созданные для облегчения работы веб-дизайнеров. В настоящее время приняты CSS1 и CSS2. CSS третьего уровня (CSS3) еще находится в стадии разработки. Но даже после ее выпуска браузеры только через несколько лет начнут ее поддерживать. Самым важным отличием CSS3 от предыдущих версий станет масштабируемая векторная графика. То есть все преимущества векторной графики будут доступны теперь и в интернете.

Но даже таблицы стилей первого уровня (CSS1) предлагают удивительные возможности. Куда там HTML с его примитивным форматированием!

Каскадные (многоуровневые) таблицы стилей -cascading style sheets (CSS) - это  мощный стандарт на основе текстового формата, определяющий представление  данных в броузере.

Если формат HTML предоставляет  информацию о составе документа, то таблицы стилей сообщают как он должен выглядеть. Таким образом каскадные таблицы стилей дают возможность хранить содержимое отдельно от его представления.

Стиль включает все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля и расположение объектов на странице.

CSS разрабатывались так,  чтобы обеспечить больший уровень  контроля над размещением текста  и графики.

Каскадные таблицы стилей обеспечивают должный уровень единства оформления, организации и контроля во время разработки узла, который является недостижимым с помощью одного только HTML.

CSS предполагает 3 типа  таблиц стилей - встроенные, внедренные (внутренние) и связанные (внешние).

Впервые идея форматирования HTML-документов с помощью CSS была рекомендована  Консорциумом W3C в 1996 году. Эта рекомендация, которая была обновлена в 1998 году, используется Web-разработчиками и по сей день.

Термин «каскадный»  означает, что в одной странице HTML могут использоваться разные стили. Броузер, поддерживающий таблицы стилей, будет следовать их порядку (как по каскаду), интерпретируя информацию стилей. Это означает, что вы можете использовать все три типа стилей, и броузер будет интерпретировать сначала связанные, затем внедренные и, наконец, встроенные стили. Даже если ко всему узлу будут применены образцы стилей, можно будет управлять отдельными аспектами страниц с помощью внедренных стилей, а отдельными областями внутри этих страниц - с помощью встроенных стилей.

Другой аспект каскадирования - наследование (inheritance). Наследование означает, что если не указано иное, то конкретный стиль будет унаследован другими элементами страницы HTML. Например, если вы примените определенный цвет текста в теге <р>, то все теги внутри этого абзаца наследуют этот цвет, если не оговорено иное.

 

 

3Технология создания гипертекста

Рассмотрим технологию создания любого гипертекстового документа.  Данную можно разделить на несколько  частей:

– разбивка текста на отдельные главы/темы;

– представление некоторого основного пути чтения гипертекста и расставление, поля–ссылки, ведущие читателя от темы к теме по этому основному пути;

– выделение в тексте слова–ссылки;

– доработка некоторых глав и тем;

– связка ссылок с существующими темами.

Однако, общая схема  построения элемента текста в  формате HTML может быть записана в следующем виде:

"элемент":= <"имя  элемента" "список  атрибутов"> содержание элемента </"имя элемента">

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

Гипертексты могут подразумевать, что текст разделяется на два дополнительных смысловых пространства. В тексте выделяются особые поля–ссылки, которые могут привести читателя к нужным главам/темам, рисункам и описаниям. Благодаря чему, процесс чтения становится иным – гипертекст можно читать/просматривать многими различными путями и читатель сам выбирает тот путь просмотра, который ему наиболее удобен.

Структура гипертекстовой сети задается гипертекстовыми ссылками. Гипертекстовая ссылка – это адрес  другого HTML–документа, который тематически, логически или каким–либо другим способом связан с документом, в котором ссылка определена. Для записи гипертекстовых ссылок в системе WWW была разработана специальная форма, которая называется Universe Resource Locator.

Гипертекстовые  ссылки в HTML делятся на два класса: контекстные гипертекстовые ссылки и общие. Контекстные ссылки, ссылки вмонтированы в тело документа, как это было продемонстрировано в предыдущем примере, в то время как общие ссылки связаны со всем документом в целом и могут быть использованы при просмотре любого фрагмента документа. Оба класса ссылок присутствуют в стандарте языка с самого его рождения, однако, первоначально наибольшей популярностью пользовались контекстные ссылки. Эта популярность привела к тому, что механизм использования общих ссылок практически полностью "атрофировался". Однако по мере стандартизации интерфейса пользователя и стилей представления информации разработчики языка снова вернулись к общим ссылкам и стремятся приспособить их к задачам управления этим интерфейсом.

Обычный текст, представляется как одна длинная  строка символов, которая читается в одном направлении. Гипертекстовая технология заключается  в том, что текст, представляется как многомерный с иерархической  структурой. Одно из основных применений гипертекстовых технологий – разработка Web–документов для публикации в компьютерных сетях, в первую очередь в Internet. Далее будем рассматривать технологию создания гипертекста именно с точки зрения Web–документа.

Под разметкой гипертекста  подразумевается  использование специальных кодов, легко отделяемых от содержания документа  и используемых для реализации гипертекста. Применение этих кодов подчиняется  строгим правилам, определяемым спецификацией языка HTML (Hyper Text Markup Language).

Итак, рассмотрим Состав HTML-документа

HTML-документ представляет  собой обычный текстовый файл (расширение файла. htm или.html). Наиболее  часто используемая и рекомендуемая  кодировка файлов - UTF8 (Unicode).html-документ  так же называют Web-страницей.

Web-страница структурно разбивается на две части: заголовок и тело. В заголовке указывается служебная информация обо всей Web-странице, а в теле Web-страницы мы уже и описываем ее содержимое вместе с правилами его отображения. При этом заголовок Web-страницы ограничивается тегами <head> и </head>, а тело документа обозначается тегами <body> и </body>. Но по правилам хорошего стиля программирования перед заголовком ставится еще идентификатор применяемого стандарта HTML. Таким образом, структура любой Web-страницы выглядит следующим образом:

<html>

<head>

Заголовок документа

</head>

<body>

Тело документа

</body>

</html>

В принципе, объявлять DOCTYPE не обязательно. В таком случае любой  браузер будет работать в так  называемом "Quirk Mode" - режим работы, в котором имитируются особенности и ошибки конкурирующих или старых версий программных продуктов. Тем не менее, настоятельно рекомендуется указывать версию применяемого стандарта и придерживаться ее.

В заголовок документа  могут входить следующие теги:

Тег <title></title>, отображающий заголовок страницы в окне программы-браузера.

Теги <meta>, с помощью  которых задаются специальные мета-данные (например, кодировка страницы).

Теги <script></script> и <link>, с помощью которых можно подключать файлы выполняемых сценариев (Javascript) и файлы каскадных таблиц стилей (CSS, используются для оформления Web-страниц).

А так же любые другие теги, не относящиеся к содержимому  страницы.

Между тегами <body> и </body> задается собственно само содержимое страницы.

Пример содержимого  страницы:

<h1>Заголовок</h1>

<p>Добрый <b>День </b></p>

Область применения гипертекстовых технологий очень обширна. В её основе построена вся всемирная паутина Internet. Благодаря гипертекстовой разметке такие сферы как, издательская деятельность, библиотечная работа, обучающие системы, разработка документации, законов, справочных руководств, баз данных, баз знаний получили обобщенный доступ.

Фирма Microsoft выпустила  утилиту Microsoft Assistant for Word для создания и редактирования гипертекстовых документов на языке HyperTextMarkup Language (HTML) и конвертирования файлов WinWord в формат HTML.

Apple разработала аналогичную программу HyperCard - первый продуманный и удобный авторский инструмент для работы с Multimedia, поскольку имеет аппарат ссылок на видео и аудиоматериалы, цветную графику, текст с его озвучиванием.

Однако на настоящее  время существует около сотни  программных средств, позволяющих  создавать, редактировать и загружать  на серверы в сети Iternet собственные web-страницы.

Гипертекстовые технологии позволяют пользователям представить текст как многомерный и в зависимости от информационных потребностей его чтение в отдельных точках можно продолжать в нескольких различных направлениях. Фрагменты текста, на которые делится весь материал, дополненные многочисленными связями с другими фрагментами, позволяют уточнить информацию об изучаемом объекте, читать или осваивать материал, двигаясь в любом порядке по выбранной связи.

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

Гипертекстовые системы  хорошо приспособлены для создания информационных систем в плохо структурированных  предметных областях. Эти технологии применяются тогда, когда пользователь не может четко сформулировать свои информационные потребности, а делает это в процессе поиска информации. Традиционные методы информационного поиска, например по ключевым словам, могут являться дополнительным средством в прикладных гипертекстовых системах, обеспечивая эффективный доступ к большим информационным массивам.

Большинство современных  поисково-справочных систем, таких  как Yandex, rambler, Google и т.п., поддерживают технологию гипертекста. Здесь гипертекстовая технология используется для облегчения нахождения нужной информации по продукту и его возможностям. В качестве примера программной реализации технологии гипертекста можно привести справочные системы, встроенные в MS Windows. Наиболее развитые в техническом отношении справочные системы, построенные на технологии Help- файлов, позволяют даже автоматизировать некоторые действия пользователя. Так, справочная система пакета MS Word на запросы пользователя о том, как выполнить определенную процедуру, не только предоставляет исчерпывающее описание действий, но даже предлагает выполнить некоторые из них автоматически.

В системах предприятий, в сферах документооборота и коллективной работы с документами гипертекстовая технология применяется для создания связей между однотипными документами и для организации последовательной обработки документов. Так в наиболее развитом программном пакете поддержки корпоративной деятельности пользователей Lotus Notes элементы гипертекстовой технологии используются для связывания двух и более документов.

Ассоциативные связи  между информационными фрагментами  облегчают усвоение знаний и делают гипертекстовую технологию незаменимой  для создания средств обучения. Гибкость гипертекста позволяет преподавателю  индивидуализировать процесс обучения, а также сделать его наглядным и интересным при умеренных затратах на разработку обучающих курсов.

Гипертекстовая технология может успешно применяться для  создания процессоров идей. Данный тип гипертекстовых систем используется для организации процесса создания и сопровождения больших документов, содержащих текст, графику, информацию из баз данных и электронных таблиц. Конечной целью является генерация линейного и удобочитаемого документа (в виде книги, доклада, отчета, например, о деятельности фирмы за квартал и т.п.) по разнородным и разноплановым данным. Здесь существенным является отслеживание влияний изменений данных в отдельных информационных фрагментах на документ в целом и его корректная реорганизация для различных приложений (например, для издания или рекламного буклета, проспекта, доклада). Кроме этого немаловажным является поддержка одновременной работы нескольких авторов с фрагментами единого издания, их взаимодействия в локальной сети, распределенного хранения информации, введения версий документов, согласования их окончательного содержания.

Однако самым широким  распространением на сегодняшний момент является применение гипертекстовых технологий в сети Internet. Любой сайт, будь то поисковая система или социальная сеть построена на гипертекстовой технологии. Мы можем бесконечно долго проводить время в Internet, пользоваться мультимедийном контентом, поисками справочной информации и в простом общении с друзьями и коллегами, мы совершаем переходы от странице к странице используя гипертекстовые ссылки.