Пример таблицы стилей

Пример таблицы стилей (в таком виде она может быть либо размещена в отдельном файле .css, либо же обрамлена тегами <style> и размещена в «шапке» той самой веб-страницы, на которую она действует):

p {

font-family: Garamond, serif;

}

h2 {

font-size: 110 %;

color: red;

background: white;

}

.note {

color: red;

background: yellow;

font-weight: bold;

}

p#paragraph1 {

margin: 0;

}

a:hover {

text-decoration: none;

}

#news p {

color: blue;

}

Здесь приведено шесть правил CSS с селекторами p, h2, .note, p#paragraph1, a:hover и #news p.

1. Первое правило присвоено HTML-элементу p (абзацу) — назначен стиль. Абзацы будут отображаться шрифтом Garamond, или, если такой шрифт недоступен, каким-либо другим шрифтом с засечками («serif»).

2. Второе правило присвоено HTML-элементу h2 (заголовку второго уровня). Заголовок второго уровня будет отображаться красным на белом фоне с увеличеннымкеглем.

3. Третье правило будет применено к ЛЮБОМУ элементу, атрибут class которого равен 'note'. Например, к параграфу: <p class="note">Этот абзац будет выведен полужирным шрифтом красного цвета на желтом фоне.</p>

4. Четвёртое правило будет применяться только к элементу p, атрибут id которого равен paragraph1. Такой элемент не будет иметь внешних отступов (margin).

5. Пятое правило определяет стиль hover для элементов a — гиперссылок. По умолчанию, в большинстве браузеров текст элементов a подчеркивается. Это правило уберёт подчеркивание, когда указатель мыши находится над этими элементами.

6. Последнее, шестое правило, применяется для элементов p, которые находятся внутри КАКОГО-ЛИБО элемента с атрибутом id, равным «news» (#news p — это типичный случай селектора потомков, см. 5-й пункт списка выше).

99.Описание и управление данными в языке XML.

XML (англ. eXtensible Markup Language — расширяемый язык разметки; произносится [экс-эм-э́л]) — рекомендованныйКонсорциумом Всемирной паутины язык разметки, фактически представляющий собой свод общих синтаксических правил. XML — текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки (например, XHTML). XML является упрощённым подмножеством языка SGML.

Листинг 1. Простое описание сервиса на основе XML

<ServiceInstance> <Customer>Josephine Bloggs</Customer> <Package>Internet</Package> <Bandwidth>1mbps</Bandwidth> <DownloadLimit>1Gbyte</DownloadLimit> <Uptime>95</Uptime> </ServiceInstance>

Этот код иллюстрирует XML-модель обслуживания пользователя. Эта модель включает в себя следующие данные:

• Экземпляр сервиса

• Имя клиента

• Название пакета услуг

• Разрешенная полоса пропускания

• Разрешенный месячный лимит скачивания

• Гарантированное поставщиком время бесперебойной работы

Очевидно, что описание сервиса может быть гораздо более сложным, чем показано здесь. В него могут входить и другие сведения, например, адрес клиента, банковские реквизиты, величина двухсторонней задержки, шифрование, размер кредита. Главное состоит в том, что всё больше и больше поставщиков услуг открывают доступ через Интернет к информации, схожей с представленной в листинге 1. Отчасти это связано со стремлением к сокращению издержек и числа звонков в службу поддержки. Более того, наличие подобной поддержки услуг через Интернет придает провайдеру более современный облик! Это ситуация, выгодная обеим сторонам, поскольку клиент получает больший доступ к данным о получаемых им услугах, тогда как поставщик получает возможность продавать пакеты услуг с меньшими затратами на обслуживание. Авторизованные пользователи могут изменять некоторые параметры услуг, показанные влистинге 1 — например, разрешенную полосу пропускания. В соответствии с внесенными изменениями изменяется и ежемесячная абонентская плата (в сторону увеличения или уменьшения).

Итак, код, приведенный в листинге 1 , формирует основу модели сервиса на базе XML. В одном из возможных вариантов пользователь может менять доступные элементы услуги (например, полосу пропускания) через интерактивную форму. Изменения, сделанные в этой форме, регистрируются и отражаются в соответствующих серверных службах, отвечающих за взаимодействие с пользователем. Это достаточно стандартный способ реализации самообслуживания.

Однако мы собираемся рассказать вам о другой, более гибкой возможности самообслуживания, когда пользователь может изменять данные путем передачи содержимого XML, приведенного в листинге 1, по сети. В этом сценарии передаваемые данные XML редактируются локально в Java-клиенте, установленном на настольном компьютере, ноутбуке или даже на устройстве с ограниченными ресурсами, например, на мобильном телефоне, после чего отправляются обратно поставщику сетевых услуг. Такой механизм выходит за рамки простой модели страницы HTML и реализует философию SOA.

100.Java Script как инструмент создания динамических web-страниц.

JavaScript — прототипно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

Для добавления JavaScript-кода на страницу, можно использовать теги <script></script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>. Контейнеров <script> в одном документе может быть сколько угодно.

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

• Поддержка слоев. Слои предоставляют собой фрагменты HTML, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя. Слои все больше приобретают признание как средство верстки веб-страниц и создания разных эффектов. Частично это связано с тем, что их параметры легко меняются динамически через скрипты, что дает возможность создавать меню и другие выразительные средства дизайна.

• Работа с формами. Через скрипты удобно получать и обрабатывать любые данные форм, это позволяет проверить информацию на правильность ввода перед ее отправкой на сервер. Можно создать «защиту от дурака» для контроля того, чтобы в элементы форм вводились корректные сообщения. Так, если в текстовом поле просят ввести число, следует сразу пресекать возможность ввода нечисловых символов.

• Работа с изображениями. Через скрипты можно делать предварительную загрузку изображений. Еще до прямого обращения к изображениям, браузер помещает их в свою память, чтобы по мере необходимости быстрее отобразить в документе. Основные параметры изображений, такие как: ширина, высота картинок и адрес графического файла, тоже можно менять динамически. Это позволяет создавать эффект перекатывания, когда рисунок меняется на другой при наведении на него курсора мыши и обратно, когда курсор уводится с изображения. Подобным методом делаются и галереи фотографий — смена изображений происходит в пределах одной страницы.

• Определение даты и времени. Очень любимая почему-то многими дизайнерами возможность вставлять текущую дату, и даже время к себе на страницу, реализуется с помощью объекта Date, специально созданного для работы с датой. Все что можно получить от времени, здесь уже есть.

• Работа с cookies. JavaScript поддерживает полноценную работу с cookies — небольшие текстовые файлы на локальном компьютере, в которых сохраняется техническая информация. Cookies можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей.

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

• Создание новых окон. Скрипты позволяют создавать новые окна, задавать у этих окон вид отображения и формировать их содержимое. Причем, у созданных таким способом окон можно отключать адресную строку, полосы прокрутки, меню и управлять их размером и положением на экране.

• Проверка браузера. Подход разных браузеров к объектной модели, хоть и стандартизирован, но еще не всеми до конца принят. Поэтому для создания универсального документа, одинаково работающего везде, приходится делать проверку, какой в данный момент используется браузер, и давать ему подходящий код.

• Математические функции. JavaScript содержит все необходимые арифметические операции, поддерживает все стандартные математические функции, как с целыми числами, так и с плавающей точкой.

• Управление содержимым документа. Через метод write() можно вставлять любую информацию в уже созданный документ, например, сегодняшнюю дату. А также формировать полностью новый документ динамически. Это позволяет учитывать особенности поведения различных браузеров и операционных систем, выводя для них свой собственный текст.

Разумеется, здесь описаны не все возможности языка JavaScript, но и указанного достаточно, чтобы понять, что это мощное, гибкое, универсальное и удобное средство расширить возможности веб-страниц.

При разработке приложения JavaScript помните о разнице между клиентской и серверной платформами.

Динамическая подрузка javascript скриптов. Подключение скриптов на javascript. Чтобы динамически подключать скрипты, нужно заюзать библиотеку scriptjava, которая упрощает программирование на javascript и избавляет от лишних проблем. На чистом яваскрипте реализовать динамическое подключение скриптов можно, но это вызовет кучу проблем. Например если нам потребуется подключить скрипт и запустить из него функцию, то произойдет ошибка потому что мы не знаем сколько по времени будет грузится скрипт, а пока он грузится скрипт вызовет функцию которая еще не загрузилась что приведет к ошибке. ScriptJava работает во всех браузерах и выполняет функции только после полной загрузки скриптов избавляя нас от лишней мароки и ошибок.

Подключите к своему сайту перед тегом ScriptJava фреймворк, добавив вот такой код:

<script type="text/javascript"src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
Далее пишем функцию динамического подключения кода: 01	<script type="text/javascript">
02	function GetScript() {

03	//Подключаю внешний скрипт и запускаю из него метод
04	$$i({

05	create:'script',
06	attribute: {

07	'type':'text/javascript',
08	'src':'http://nagon.net/js/NRMSLib.js'//адрес на подключаемый скрипт

09	},
10	insert:$$().body,

11	onready:function() {
12	modules.sound.start();//этот метод запускается уже из подключенного скрипта

13	}
14	});

15	}
16	</script>

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

GetScript();

Вот и все