
ЭКзамен псон / Работа с гипертекстом в MS Office
.docРабота с гипертекстом в MS Office.
Инструменты гипертекста.
1989 г. – программист Тим Бернерс-Ли, работающий в Европейской лаборатории физики элементарных частиц, создаёт редактор гипертекста, позволяющий выделением необходимой информации в документе делать ссылки на другие документы в сети.
HTML – Hyper Text Markup Language.
Далее появляется динамический HTML (DHTML), который широко используется для придания индивидуальности внешнему виду или содержанию конкретной страницы гипертекстового документа. DHTML предоставляет пользователю возможность изменять содержание страницы или её внешний вид, формируемый браузером. Для этого используются языки сценариев JavaScript или VBScript. Кроме этого появляются каскадные таблицы стилей CSS – Cascading Style Sheets, позволяющие централизованно определять внешний вид конкретного элемента HTML или целого Web-узла. Внешний вид клиентской части можно также изменять, используя сценарии на стороне клиента.
-
CSS – это простой механизм для задания атрибутов текста (шрифт, цвет, расположение, форматирование и т.д.). Используя таблицы стилей можно устанавливать размеры кеглей, величину полей и интервалов между строками, точное расположение элементов HTML, создавать любое количество вариантов форматирования для конкретного тэга.
CSS позволяют также разделить правила, определяющие формат документа, и сам код документа, что упрощает повторное использование кодов.
Существует 4 метода использования CSS в документе:
-
Импортирование. Импортированные таблицы стилей позволяют определять конкретные параметры стиля и использовать на одной странице несколько таблиц (увеличивается размер документа, поэтому используется редко).
-
Связывание. Предоставляет возможность хранить информацию о форматировании в отдельном файле, который подключается сразу к нескольким HTML-страницам (в основном применяется).
-
Внедрение. При внедрении таблиц стилей используется тот же синтаксис, что и в методе связывания. Отличие в том, что таблицы задаются и хранятся в том же файле, что и документ.
-
Встраивание в тэги документа. Задание стиля внутри элемента HTML. Встроенные в тэги таблицы стилей применяются если требуется задать стиль только одного тэга или нескольких частей документа. При наличии нескольких описаний стиля для одного и того же документа применяется последнее из них.
Существует ещё одна методика при работе с внедрёнными и связанными каскадными таблицами стилей, в которой для определения селектора (элемента, к которому применяется таблица стилей) используется элемент CLASS. Эта методика позволяет выделить подмножество элементов, которым следует назначить определённый стиль. Для указания того, что стиль назначается классу элементов, используется символ (.) в тэге <Style> перед именем данного класса. Селектор можно также определить, используя идентификатор элемента, определяемый атрибутом ID, которому требуется назначить некоторый стиль. Отличие будет в том, что информация о форматировании сосредотачивается в одном месте, а не внутри различных тэгов.
-
Обзор DHTML. DHTML является механизмом, с помощью которого создают интерактивные страницы. DHTML позволяет изменять внешний вид страницы, не требуя взаимодействия с сервером. Даёт возможность отслеживать все события для любого элемента страницы и назначать ответные действия. Ключевым понятием в DHTML является объектная модель документа (DOM – Document Object Model). Этот стандарт используется при работе с различными языками программирования, браузерами и ОС. DOM является основой для превращения элементов HTML в программируемые объекты, способные реагировать на события. Основу DOM составляет объект документ, представляющий всю гипертекстовую страницу. Все остальные объекты страницы становятся потомками объекта документ в иерархической модели. При этом, если внутри какого-либо родительского элемента HTML содержится более одного дочернего, то связь между ними называется родственной, а сами элементы – сестренскими. Динамический стиль позволяет создавать программируемые таблицы стилей, а динамическое содержание даёт возможность добавлять, удалять или заменять элементы с помощью языка сценариев. Динамическое содержание позволяет заменять элементы HTML в пределах одной страницы. Изменять содержание целого блока позволяют 4 свойства DOM:
-
InnetText
-
innerHTML
-
outerHTML
-
outerText
Свойства inner позволяют изменять содержание конкретного элемента, не затрагивая открывающих и закрывающих тэгов. Свойства outer позволяют изменять не только содержание элемента, но и его тэги. Для обеспечения возможности создания нового элемента на основе исходного в DOM был добавлен метод cloneNode. При использовании этого метода сам объект, его атрибуты и дочерние узлы также планируются. Для создания элементов HTML можно также применять элемент CreateElement. Оба метода возвращают объект, который можно модифицировать. Для вставки элемента в документ используются методы insertBefore (указывает перед каким из дочерних элементов в текущем ОП-дереве появится новый элемент) или appendChild (просто добавляет к текущему узлу новый дочерний элемент в конец спсика). Для удаления используются элементы RepkaceChild, replaceNode, removeChild, removeNode. В DOM содержится 2 типа элемента: All и Children.
Самым простым способом обработки событий в DOM является использование обработчика событий onClick. Существует ещё один способ перехвата и боработки событий на более высоком уровне – метод всплытия (event bubbling). Если для данного события происходит событие, то сначала вызывается обработчик события, потом оно передаётся обработчику этого события на уровне родительского объекта. Событие остаётся на указанном уровне до тех пор, пока обработчик не удалит его или пока оно не будет передано объекту window.
Технология компонентов поведения (behavior) упрощает инкапсуляцию и многократное использование кодов.
Применённый к стандартному элементу HTML компонент поведения расширяет его функциональные возможности и добавляет к нему новые методы, свойства и события, которыми сам обладает.
Основан на двоичном коде или сценарии, который инкапсулирует определение функции и способы манипуляции объектами на странице. Компоненты поведения, использующихся для создания скрытых от пользователя действий и могут применяться к тегам, определённым пользователям.
Если на Web-странице имеются ссылки на файлы, содержащие компоненты поведения, то они загружаются с сервера или из кэша браузера поэтому необходимо учитывать факторы, обеспечивающие на уровне браузера и на уровне домена, откуда загружается компонент.
XML – eXtensive Markup Language (Расширенный язык размещения).
Стандартных инструментов для создания визуального оформления гипертекстовых страниц не достаточно при решении задач описания и управления данными.
XML включает в себя механизм для отделения данных от логики отображения и предоставляет общий механизм доступа к этим отделённым данным, т.е. XML представляет собой стандартный метод пересылки структурированных данных по сети.
Данные в XML документе располагаются в виде специальной иерархической древовидной структуры с возможностью определения взаимоотношения элементов этой структуры.
Основным отличием от HTML является допустимость расширений в XML, т.е. он является метаязыком. В XML можно определять свои собственные пользовательские тэги и структурные отношения.
Интерпретация данных осуществляется программой просмотра, поэтому можно работать с данными из различных источников независимо от их исходного формата и происхождения; разрабатывать специальные стандарты форматирования данных.
Такой тип обмена информацией соответствует технологии EDI(Ebstratic Data Interchange).
Документ XML состоит из элементов, которые называются узлами.
Открывающие и закрывающие тэги описывают заключённые между ними данные.
Объектная модель документа XML представляет собой набор объектов, которые используются в сценариях для доступа в содержащиеся в документе данные.
После загрузки документа XML анализатор автоматически создаёт все объекты, составляющие объектную модель документа.
XML DOM дополнено поддержкой пространств имён, типов данных, схем XML, операций XSL, асинхронной загрузки и сохранения документов.
Первым шагом является загрузка документа XML.
Объект документа представляет вершину дерева и используется для загрузки данных; организует доступ к остальным дочерним объектам, являющимся единственным объектом, требующим описание в коде.