Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 74 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

5. Каким образом происходит переопределение стиля в заголовке документа?
6. Как и для каких целей создается внешнее описание стиля?
7. Что означает наследование стилей? Все ли атрибуты стилей могут наследоваться?
8. Каковы правила синтаксиса CSS?
9. Что такое правило?
10. Что такое селектор? Класс?
11. Дайте характеристику блочным и строковым элементам страницы. Какими свойствами обладают блочные элемен-
ты?
12. Что такое набивка? Какие стили используются при создании отступов?
13. С помощью каких стилей происходит управление цветом?
14. С помощью каких стилей происходит управление шрифтом?
4. JAVASCRIPT
4.1. ПОНЯТИЕ ОБЪЕКТНОЙ МОДЕЛИ ДОКУМЕНТА
При генерации страниц в Web возникает дилемма, связанная с архитектурой "клиент-сервер". Страницы можно генери-
ровать как на стороне клиента, так и на стороне сервера. В 1995 году специалисты компании Netscape создали механизм
управления страницами на клиентской стороне, разработав язык программирования JavaScript.
Таким образом, JavaScript – это язык управления сценариями просмотра гипертекстовых страниц Web на стороне кли-
ента.
Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-тегов и свойств среды отобра-
жения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит.
На практике это выражается в том, что можно, например, изменить цвет фона страницы или интегрированную в доку-
мент картинку, открыть новое окно или выдать предупреждение.
Для создания механизма управления страницами на клиентской стороне было предложено использовать объектную мо-
дель документа. Суть модели в том, что каждый HTML-тег – это объект, который характеризуется тройкой:
• свойства;
• методы;
• события.
Объектную модель можно представить как способ связи между страницами и браузером. Объектная модель – это пред-
ставление объектов, методов, свойств и событий, которые присутствуют и происходят в программном обеспечении браузера
в виде, удобном для работы с ними кода HTML и исходного текста сценария на странице. Мы можем с ее помощью сообщать
наши пожелания браузеру и далее – посетителю страницы. Браузер выполнит наши команды и соответственно изменит страни-
цу на экране.
Объекты с одинаковым набором свойств, методов и событий объединяются в классы однотипных объектов. Классы –
это описания возможных объектов. Сами объекты появляются только после загрузки документа браузером или как резуль-
тат работы программы. Об этом нужно всегда помнить, чтобы не обратиться к объекту, которого нет.
4.1.1. Свойства
Многие HTML-теги имеют атрибуты. Например, тег якоря <A ...>...</A> имеет атрибут HREF, который превраща-
ет его в гипертекстовую ссылку:
<A HREF=index.htm>Главная</A>
Если рассматривать тег якоря <A ...>...</A> как объект, то атрибут HREF будет задавать свойство объекта
"якорь". Программист может изменить значение атрибута и, следовательно, свойство объекта:
document.links[0].href="index.htm";
Не у всех атрибутов можно изменять значения. Например, высота и ширина графической картинки определяются по
первой загруженной в момент отображения страницы картинке. Все последующие картинки, которые заменяют начальную,
масштабируются до нее.
Для общности картины свойствами в JavaScript наделены объекты, которые не имеют аналогов в HTML-разметке. На-
пример, среда исполнения, называемая объектом Navigator, или окно браузера, которое является вообще самым стар-
шим объектом JavaScript.
4.1.2. Методы
В терминологии JavaScript методы объекта определяют функции изменения его свойств. Например, с объектом
"документ" связаны методы open(), write(), close(). Эти методы позволяют сгенерировать или изменить содержа-
ние документа. Приведем простой пример:
function hello()
{ id=window.open("","example","width=400, height=150");
id.focus(); id.document.open();
id.document.write("<H1>Привет!</H1>");
id.document.write("<HR><FORM>");
id.document.write("<INPUT TYPE=button VALUE='Закрыть окно' ");
id.document.write("onClick='window.opener.focus();window.close();'>");
id.document.close();

Страницы