ВВЕДЕНИЕ В последнее время Internet-технологии стали интенсивно развиваться. В первую очередь, это связано с большим интересом пользователей к информации, предлагаемой сайтами разного назначения. Данное пособие написано с целью упростить освоение средств разработки сайтов разного уровня. Оно содержит описание с примерами основных технологий, начиная c языка HTML и заканчивая технологиями серверной обработки информации, представленными разработками фирмы Microsoft, позволяющими создавать активные приложения для Internet. В пособии рассматриваются средства разработки Dinamic HTML, излагаются вопросы применения языка описания сценариев VBScript, объектной модели Internet Explorer, технология создания активных серверных страниц ASP (Active Server Pages), позволяющая разрабатывать WEB - интерфейс к серверным базам данных. С помощью этих средств можно создавать приложения для Internet, работающие с пользователями в интерактивном режиме. Это создание электронных магазинов, коммерческих, издательских и информационных сайтов и т.д. Данный материал может рассматриваться, как пособие для организации электронного бизнеса, основанного на создании диалога продавец - покупатель в глобальной сети. Уже сегодня Internet существенно влияет на бизнес. По мере его дальнейшего проникновения в деятельность различных фирм диапазон коммерческих отношений через Internet существенно расширится, и электронная коммерция станет частью нашей повседневной жизни. Для начинающих особенно полезным будет первый раздел, где дано описание языка HTML, как основы разработки WEB - страниц. Вполне возможно, что при изучении пособия потребуется дополнительный материал, поскольку в одной книге невозможно всесторонне рассмотреть все поставленные вопросы.
3
1.ОСНОВНЫЕ ВОЗМОЖНОСТИ ЯЗЫКА HTML 1.1.Особенности HTML Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Известны спецификации HTML 2.0, 3.0, 3.2, 4.0. В данном пособии рассматривается последняя версия 4.0. Язык HTML позволяет определить внешний вид WEB-страницы. Для этого в текст страницы включаются специальные коды - дескрипторы или тэги (tags). Но не следует относить этот язык к языкам программирования, правильней называть HTML структурированным языком разметки документа. Можно перечислить несколько особенностей этого языка, объясняющих его популярность и широкое использование: HTML разработан специально для создания WEB-страниц с соблюдением принципа независимости от аппаратных платформ. Документы, размеченные при помощи этого языка визуализируются броузерами конечных пользователей в большинстве случаев одинаково; HTML включает гипертекст - это особый, выделенный подчеркиванием или другим цветом текст (гиперссылка), в котором есть ссылка на другую WEBстраницу или документ, вызываемые на экран щелчком по гиперссылке . Причем, ссылочные документы могут находиться на дисках Вашего компьютера или на другом сервере Internet; HTML не является собственностью какой-либо фирмы, языком можно пользоваться бесплатно. Разработкой и реализацией стандартов HTML занимается консорциум WWW (World Wide Web Consortium) или W3C. Эта некоммерческая организация создана в 1994 г., в нее входят около 170 коммерческих и академических организации, в т.ч. Microsoft и Netscape; HTML поддерживает различные формы передачи информации: текст, звук, графику, видео и др. , т.е. этот язык поддерживает мультимедиа; HTML прост в освоении и использовании, доступен не профессиональным программистам; малый объём HTML - документа по сравнению с документами, созданными в других текстовых редакторах, что очень важно для передачи его по сети. Для создания HTML - документа требуются две вещи: броузер, т.е., программа просмотра WEB-страниц. Наиболее известны программы Internet Explorer фирмы Microsoft и Netscape Navigator фирмы Netscape; текстовый редактор, поддерживающий русский язык в выбранной Вами кодировке. Как правило, для этих целей на компьютерах с системой Windows используется Notepad (блокнот). Текстовый редактор используется для подготовки HTML-файлов, а броузер как инструмент просмотра результата. Условимся, что мы будем использовать Notepad и Internet Explorer (версии 4.0 или 5.0 и выше). Разработку WEBстраницы можно вести в локальном режиме, без подключения к Internet. Текст HTML документа создаётся в Notepad и сохраняется как файл с расширением .htm (.html), а затем просматривается в броузере (ФАЙЛ - ОТКРЫТЬ).
4
Для того, чтобы впоследствии изменить любой из созданных файлов, достаточно открыть его при помощи того же Notepad, откорректировать и сохранить изменения. Броузер позволяет вносить изменения прямо в нём самом, для этого необходимо в меню ВИД выбрать ПРОСМОТР - В ВИДЕ HTML, и Вы увидите на экране документ в кодах HTML. Чтобы увидеть результат изменения в WEB - странице, надо в меню ВИД выбрать ОБНОВИТЬ, либо щёлкнуть по значку на панели инструментов броузера.
1.2.Основные понятия Исходный код HTML представляет собой текст, между строк которого вставляются элементы разметки, пользователю эти элементы не видны, а виден результат их воздействия на документ. За основу модели разметки документов принята тэговая (встречаются и термины таговая, теговая) модель. Она описывает документ как совокупность контейнеров, каждый из которых начинается и кончается управляющими тэгами (управляющими кодами) или дескрипторами. Тэг - это символ разметки, имеющий имя и атрибуты. Имя - это строка, состоящая из букв, цифр, строчек и тире (не более 72 символов). Атрибут - это конструкция вида: имя атрибута=значение. Атрибуты дают дополнительную информацию о том, как броузер должен обработать данный дескриптор. Атрибуты пишутся в начальных тэгах через пробел после написания тэга, например: Здесь IMG - имя тэга, SRC - имя атрибута, а рисунок - значение атрибута. В данном случае значением атрибута является URL графического изображения, вставляемого в документ. Чтобы отличить разметку от обычного текста, все её символы заключаются в угловые скобки. Совокупность открывающего и закрывающего дескрипторов и есть контейнер. Иногда заключенные в скобки элементы разметки называют метками. Большинство HTML-меток - парные, то есть на каждую открывающую метку вида есть закрывающая метка вида с тем же именем, но с добавлением "/". Элементы HTML подразделяются на структурные, которые организуют текст и на форматирующие, которые задают его стиль. Существует много программ для написания страниц HTML. В своей основе все они делятся на две категории: программы, автоматизирующие вставку тэгов, т.е. редактирующие исходный код (HotDog, Ken Nesbitt Web Editor и др.). В процессе работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную, либо вызывая команды меню для вставки определенных элементов HTML. Работа с таким редактором очень похожа на работу с интерактивной средой программирования типа Microsoft Visual Basic или Borland Delphi;
5
программы, работающие по методу WYSIWYG (What you see is what you get) - что видишь, то и получишь, когда WEB-мастер редактирует визуализированный конечный продукт, не видя исходного кода. (например, Netscape Navigator Gold, Microsoft FrontPage Express). Пользователь не видит "внутренностей" документа, с которым он работает, и работает с ним точно так же, как при работе с текстовым процессором, например, с Microsoft Word.. Кстати говоря, в Microsoft Word также встроен конвертер, способный преобразовывать документы, созданные в Microsoft Word, в HTML-документы. Для этого выбирается режим создания и сохранения документа в формате HTML . Создавать страницы редактором, не зная языка HTML, просто. Для получения динамичных, интерактивных страниц, включающих в себя нестандартные возможности и имеющих высокий рейтинг посещаемости, необходимо знать язык HTML и основы написания внедряемых сценариев, средства серверной обработки и защиты информации. В данном пособии автор рассматривает современные технологии создания таких страниц с примерами.:
1.3. Структура HTML-документа Общая схема исходного кода документа HTML может быть представлена так: Служебные дескрипторы текст и прочие дескрипторы Тэг определяет границы документа HTML, ему соответствует конечный тэг . Между этими двумя тэгами располагается собственно весь документ. А уже непосредственно документ, обозначенный тэгами и дополнительно делится на голову - и тело(содержание) - . Рассмотрим содержание самого простого HTML-документа на следующем примере: Главный заголовок. Пример 1. Приветствуем Вас с экрана броузера!
Это самое начало изучения HTML.
Этот документ разрабатывается в Notepad. Чтобы сохранить этот документ, надо выбрать ФАЙЛ-СОХРАНИТЬ и явно задать расширение .html.
6
А вот так выглядит этот документ на экране броузера (рис.1):
Рис.1 Метки можно вводить как большими, так и маленькими буквами. Например, метки , и будут восприняты броузером одинаково. Метка должна открывать HTML-документ. Аналогично, метка должна завершать HTML-документ.Теоретически первым в документе HTML должен указываться дескриптор , сообщающий серверу способ обработки документа. Синтаксис дескриптора: , где "Строка идентификатора - определяет версию HTML, соответствующую документу. Пример для спецификации HTML 3.2: На практике применение дескриптора оказывается более сложным. Существует много разновидностей HTML, в стандарты языка часто вносятся дополнения, в результате броузерам часто приходится "менять правила игры". Поэтому многие программы просмотра игнорируют и те дескрипторы, которые они не понимают. ... Эта пара меток указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание метки ниже), в этот раздел может включаться множество служебной информации, о которой будет сказано ниже. ... Все, что находится между метками и , толкуется броузером как название документа. Броузер показывает название текущего документа в заголовке окна рядом с названием броузера и печатает его в верхней строке листа при выводе на принтер. Рекомендуется название не длиннее 64 символов. Если титул опускается разработчиком страницы, броузер попытается сгенерировать его из названия файла. ... Эта пара меток указывает на начало и конец тела HTML-документа, которое и определяет содержание документа. 7
... - ... Метки вида (где i - цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня (H1) - самый крупный, шестого уровня (H6) - самый мелкий.
...
Такая пара меток описывает абзац. Все, что заключено между
и
, воспринимается как один абзац. Если Вы хотите написать фразу в новом абзаце, надо использовать именно эти метки. Метки и
могут содержать дополнительный атрибут ALIGN (от английского "выравнивать"), например: Выравнивание заголовка по центру или
Абзац с выравниванием по правому краю
Непарная метка
служит для перехода на новую строку без прерывания абзаца.
1.4.Форматирование текста Броузеры при визуализации документа HTML игнорируют множественные пробелы и переход на следующую строку. Чтобы сохранить авторский стиль форматирования, используется парный тэг Текст . Текст, заключенный между метками и (от английского preformatted - предварительно форматированный), выводится брузером на экран со всеми пробелами, символами табуляции и конца строки. В примере уже были рассмотрены дескрипторы Текст … Текст , задающие заголовки разных уровней в документе, и
для перехода на новую строку. Форматирование отдельных фрагментов текста можно осуществлять разными способами: явное (или абсолютное форматирование) с помощью физических стилей; неявное (относительное) форматирование с помощью логических стилей); выбор типа и изменение размеров шрифта. Текст, выделенный физическим стилем, во всех броузерах отображается одинаково. Типы физических стилей приведены в табл.1. Таблица 1 Дескриптор <SUB> <SUP>
Стиль Полужирный шрифт Курсив Моноширинный шрифт Подчеркивание Подстрочный текст Надстрочный текст Продолжение табл.1
Дескриптор <STRIKE> 8
Стиль Перечеркивание
Например, если вы захотите выделить курсивом какую-то фразу, её следует поместить между тэгами и . Логические стили, в отличие от физических, в разных броузерах отображаются по-разному, они указывают на характер текста, а не на точный способ их отображения в окне броузера. Дескрипторы логических стилей приведены в табл.2. Таблица 2 Дескриптор Стиль <EM> Выделенный текст <STRONG> Сильно выделенный текст Текст в виде цитаты Текст, представляющий собой фрагмент HTML -кода Текст, опредставляющий собой определение <SAMP> Текст, представляющий собой фрагмент кода Текст, представляющий собой название клавиши клавиатуры Текст, определяющий переменную или значение Аббревиатура (акроним) и ее расшифровка Выбор типа и изменение размеров шрифта в отдельных словах и фразах осуществляется тэгом . Используется следующая конструкция: …Текст , где атрибут size определяет размер шрифта. Число - это целое значение от 1 до 7, соответствующее необходимому относительному размеру. Большим значениям атрибута size соответствует больший размер шрифта; face - атрибут, определяющий тип шрифта, например, "Arial". При задании этого атрибута можно перечислить типы допустимых шрифтов, например, "Tahoma, Arial". Кроме атрибутов size и face дескриптор может иметь атрибут color, определяющий цвет шрифта. Способы задания цвета в документе будут рассмотрены ниже. 1.5.Организация списков в тексте -cоздание нумерованных списков. Список определяется открывающим и закрывающим дескриптором, для определения начала каждого элемента списка используется непарный дескриптор
. По умолчанию нумерация начинается с 1 и продолжается соответствующим образом. Атрибуты дескриптора : type - служит для задания вида нумерации; start - преназначен для указания, с какого индекса начинается нумерация списка.. Синтаксис: 1 элемент списка 2 элемент списка… Атрибут TYPE может принимать значения в соответствии с табл.3. 9
Таблица 3 Значение 1 А а I i
Стиль Арабский Буквенный в верхнем регистре Буквенный в нижнем регистре Римский в верхнем регистре Римский в нижнем регистре
Пример 1,2,3 A,B,C a,b,c I,II,III i,ii,iii
Рассмотрим примеры Пример создания нумерованных списков В экономической академии работают спортивные секции: аэробики волейбольная баскетбольная и др.
Приходите! Вот как будет выглядеть документ на экране броузера (рис. 2 ):
Рис.2 Атрибут start может быть использован, если нужно начать список не с начала. Например: Пример создания нумерованных списков В экономической академии работают спортивные секции: аэробики волейбольная 10
баскетбольная и др.
Приходите! Кроме этих, Вас ждут и в других: настольного тенниса, бадминтона, лыжной. Вид экрана в броузере приведён на рис.3.
Рис.3 Для создания вложенных списков следует начать другой список до закрывающего тэга. - создание ненумерованных списков. Элемент является аналогом , имеет атрибут type=circle, square, или disc для задания вида маркера (соответственно круг, квадрат и диск). Элемент также включает в себя дополнительный элемент - , который задает элементы списка. Синтаксис:
- элемент списка
- элемент списка …
Посмотрим предыдущий пример но с использованием ненумерованных списков: Пример создания ненумерованных списков В экономической академии работают спортивные секции: 11
- аэробики
- волейбольная
- баскетбольная и др.
Приходите! Кроме этих, Вас ждут и в других: - настольного тенниса,
- бадминтона,
- лыжной.
Вид экрана броузера приведен на рис.4.
Рис.4 Дескрипторы и используются наиболее часто. HTML предоставляет и дополнительные возможности по созданию списков. - создание списков определений или глоссария. Элемент используется с целью задания словарей, глоссариев и прочих перечней. Элемент включает в себя дополнительные элементы и , которые обозначают соответственно термин и определение. Синтаксис: термин 1 определение 1 термин 2 определение 2 . 1.6.Атрибуты элемента Парный тэг предназначается для выделения содержания документа, которое будет визуализировано для пользователя. Для пользователя это самая важная часть документа. Начальный тэг может иметь несколько атрибутов. Вложенные атрибуты элемента описаны ниже. BACKGROUND Атрибут задает графическое изображение, которое как черепица заполнит фон 12
документа. Файл с изображением должен быть сохранен в формате .GIF или .JPEG(.JPG) . Синтаксис: . В данном случае файл с изображением фона лучше размещать в том же каталоге, что и сам файл, тогда (URL) и (путь) указывать не нужно. BGCOLOR Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB или при помощи строчного литерала, соответствующего названию цвета. Цвет может кодироваться последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатиричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF). Рассмотрим примеры. bgcolor=#FFFFFF Насыщенность красным, зеленым и синим одинакова - FF (это шестнадцатиричное представление числа 255). Результат - белый цвет. bgcolor=#000000 Насыщенность красным, зеленым и синим одинакова - 00 (ноль). Результат - черный цвет. bgcolor=#FF0000 Насыщенность красным - FF (255), зеленым и синим - 00 (ноль). Результат - красный цвет. Используя разные сочетания, можно экспериментировать с выбором цвета. Синтаксис: или TEXT Этот атрибут задает используемый по умолчанию цвет текста, который не является гиперссылкой. По умолчанию такой текст будет черным. Синтаксис: LINK Этот атрибут задает цвет гиперссылки, в большинстве броузеров он задан по умолчанию темно синим. Синтаксис: ALINK Этот атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью, нежелательно задавать ему цвет фона. Синтаксис: VLINK Этот атрибут задает цвет просмотренной гиперссылки Синтаксис: BGPROPERTIES Этот атрибут задает свойства фонового изображения. Значение этого атрибута fixed запрещает скроллинг изображения. Синтаксис: 13
TOPMARGIN Этот атрибут задает верхнюю границу страницы в пикселях. Синтаксис: BOTTOMMARGIN Этот атрибут задает нижнюю границу страницы в пикселах. Синтаксис: LEFTMARGIN Этот атрибут задает границу страницы в пикселях слева. .Синтаксис: RIGHTMARGIN Этот атрибут задает границу страницы в пикселях справа.Синтаксис:
1.6. Элемент HEAD Заголовок HTML-документа, формируемый дескриптором , не виден пользователю при просмотре. Однако в нем есть некоторые интересные особенности, которые стоит знать. В начале изучения HTML достаточно сложно понять назначение элементов, которые могут быть включены между дескрипторами . Но поскольку мы упомянули о нем, как о важнейшем, следует пояснить, для чего может служить этот раздел документа. Вместе с дескрипторами , элемент относится к структурным элементам HTML-документа. Он предназначен для формирования общей структуры документа, задавая его глобальные свойства. Информация, находящаяся в нем, является служебной и необходима программе - броузеру пользователя. Допускает вложение в следующих элементов: , , , , <META>, <SCRIPT>, <STYLE>, <TITLE>. Дескриптор <TITLE> уже описан в примере выше. Данный элемент автоматически задаёт URL для относительных ссылок документа, которые по умолчанию указывают на тот же сервер, где расположена сама страница. Однако этот дескриптор позволяет разрешать также ссылки относительно других каталогов и серверов. Элемент имеет один лишь атрибут HREF и не имеет конечного тега. Синтаксис: . Здесь протокол соответствует схеме извлечения данных Internet, например, HTTP, a имя сервера соответствует имени или IP-адресу сервера, например, www.microsoft.com. Путь определяет расположение ресурса в иерархии каталогов предыдущего сервера. Путь является необязательным компонентом указателя URL. Если протокол и имя сервера будут опущены, то указатель по умолчанию будет относиться к текущему серверу. Элемент необязательный. С помощью этого элемента окно броузера делится на несколько окон (фреймов). В подробностях элемент будет рассмотрен позднее. 14
Элемент предназначен для подготовки документа к обработке "пауками" и последующему индексированию поисковой машиной. "Пауки" - это программы роботы, сканирующие пространство Internet, на предмет выявления ресурсов, обслуживаемых поисковой системой. Требует указания конкретной поисковой системы, поэтому практически не используется. В языке HTML есть более удобные, универсальные подходы к созданию возможности включения документа в зону обслуживания нескольких поисковых систем. . Предназначен для задания ссылки на определенный документ. <META>. Этот дескриптор описывается в RFC 1866 как "расширяемый контейнер для задания специальной метаинформации документа", у него нет строго определенной области применения и стандартных способов использования. Он имеет четыре атрибута:HTTP-EQUIV, NAME, CONTENT и SCHEME. Атрибут CONTENT предназначен для задания значений других атрибутов, его надо использовать с атрибутами HTTP-EQUIV и NAME. Заголовок HTML-документа может включать неограниченное количество так называемых META-инструкций. META-инструкция - это просто способ определить некоторую переменную путем указания ее имени (атрибут NAME) и значения (атрибут CONTENT). Вот некоторые наиболее типичные METAинструкции: <META NAME="описание" CONTENT="Это пособие для тех, кто хочет разрабатывать собственные страницы в Internet"> Такая META-инструкция определяет переменную "описание", содержащую краткое описание документа - элемент "CONTENT". Многие поисковые системы постоянно сканируют Internet в поисках HTML-файлов, отыскивают в них эту переменную, сохраняют ее в своих базах данных и демонстрируют ее в ответ на запросы пользователей. <META NAME="ключевые слова" CONTENT="Internet, HTML, WWW, публикация WEB -страниц, гипертекст"> Такая META-инструкция определяет переменную "ключевые слова", содержащую набор ключевых слов, описывающих содержание документа. Поиск по ключевым словам удобно использовать при организации поиска в пределах одного сервера. Другая группа META-инструкций определяет эквиваленты команд протокола передачи гипертекстов. Рассмотрим это на примерах: <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251"> Эта META-инструкция сообщает броузеру кодировку HTML-текста (WINDOWS-1251) в загружаемом документе. <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=koi8r"> Эта META-инструкция указывает на кодировку КОИ-8R. Значение атрибута HTTP-EQUIV="Refresh" позволяет менять текущую страницу на другую следующим образом: <META HTTP-EQUIV="Refresh" CONTENT="[время]; URL=[документ]"> 15
Такую META-инструкцию броузер понимает так: "Если через [время] секунд после завершения загрузки этого документа пользователь не перейдет к другому документу, начать загрузку ресурса [документ]". Пример: <META HTTP-EQUIV= "Refresh" CONTENT = "15;URL = http://www.ssea.ru"> Если пользователь не предпримет никаких действий в течение 15 секунд после загрузки документа c такой инструкцией, будет автоматически загружена начальная страница сервера www.ssea.ru. Если в качестве параметра [документ] подставить имя файла, содержащего звук, через [время] секунд после загрузки HTML-файла начнется загрузка и проигрывание этого звука (при условии, что броузер пользователя поддерживает формат этого звукового файла, а его компьютер оборудован звуковой аппаратурой). Этот прием может быть применён при озвучивании презентаций. Очевидно, что "Refresh" позволяет создавать слайды, последовательно используя несколько WEB-страниц, сменяющих друг друга. <SCRIPT> Этот элемент служит для поддержки языков сценариев. Между открывающим тэгом <SCRIPT> и закрывающим <SCRIPT> должно быть расположено тело сценария. Дескриптор может размещаться как в , так и в элементе . Подробней этот элемент будет рассмотрен при описании языка сценариев VBScript. <STYLE> Элемент <STYLE> предназначен для задания стилей оформления документа.
1.7.Создание гиперссылок. Гиперссылку связывают с понятием гипертекста. В отличие от обыкновенного текста, который можно читать только от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Системы помощи многих популярных программных продуктов устроены именно по гипертекстовому принципу. При нажатии левой кнопкой мыши на некоторый выделенный фрагмент текущего документа происходит переход к некоторому заранее назначенному документу или фрагменту документа. Документ может располагаться как на локальном диске, так и на серверах Internet. В HTML гиперссылки создаются с помощью дескриптора . Синтаксис рассматриваемого дескриптора: выделенный фрагмент текста Для организации ссылки используется атрибут href, который задает адрес ссылки. Он может указывать или на имя ссылки в тексте, или на URL и имя файла. Синтаксис: выделенный фрагмент текста В качестве URL может использоваться несколько типов аргументов. Самое простое - это задать имя другого HTML-документа на локальном диске, к которому нужно перейти. Например: 16
Перейти к содержанию Такой фрагмент HTML-текста приведет к появлению в документе выделенного фрагмента Перейти к содержанию, при нажатии на который в текущее окно будет загружен документ kadr.htm. Если в адресе перехода не указан каталог, переход будет выполнен внутри текущего каталога. Если в адресе перехода не указан сервер, переход будет выполнен на текущем сервере. Из этого следует одно очень важное практическое соображение. Если Вы подготовили к публикации некоторую группу HTML-документов, которые ссылаются друг на друга только по имени файла и находятся в одном каталоге на Вашем компьютере, вся эта группа документов будет работать точно так же, если ее поместить в любой другой каталог на любом другом компьютере, в локальной сети или...в Internet. Еще пример ссылки на ресурс, расположенный на локальном диске, с указанием протокола доступа к локальным ресурсам (FILE) и каталога (start). Перейти к содержанию На практике, однако, часто бывает необходимо дать ссылку на документ, находящийся на другом сервере. Например, если Вы хотите дать ссылку на данное пособие (предположим, что оно будет находиться на сервере экономической академии (ssea.ru, каталог text), следует написать так:: Почитать пособие При необходимости можно задать переход не просто к некоторому документу, но и к определенному месту внутри этого документа. Для этого необходимо создать в документе, к которому будет задан переход, некоторую опорную точку, или анкер. Для этого используется атрибут name. Рассмотрим использование этого атрибута на примере. Допустим, что необходимо осуществить переход из файла 1.htm к словам Описание атрибута NAME в файле 2.htm (файлы находятся в одном каталоге). Прежде всего, необходимо создать вот такой анкер в файле 2.htm: Описание атрибута NAME Слова Описание атрибута NAME при этом никак не будут выделены в тексте документа. Затем в файле 1.htm (или в любом другом) можно определить переход на этот анкер: Переход к анкеру ATR Переход к этому анкеру можно определить и внутри самого документа 2.htm - надо только включить в него вот такой фрагмент: Переход к анкеру ATR На практике это очень удобно при создании больших документов. В начале документа можно поместить оглавление, состоящее из ссылок на анкеры, расположенные в заголовках разделов документа. Рекомендуется задавать имена анкеров латинскими буквами и при этом учитывать регистры букв.
17
Ссылки на другие виды ресурсов С помощью атрибута HREF возможно организовать ссылки и на другие виды ресурсов: Cкопировать файл Такая ссылка, если ей воспользоваться, запустит протокол передачи файлов FTP и начнет выгрузку файла file.exe, находящегося в каталоге home на сервере server, на локальный диск пользователя. Послать письмо Если пользователь совершит переход по такой ссылке, у него на экране откроется окно ввода исходящего сообщения его почтовой программы. В строке To: ("Куда") окна почтовой программы будет указано [email protected]. Также возможно использование атрибута HREF с протоколами NEWS и TELNET (в случае, если у Ваш провайдер поддерживает доступ к телеконференциям и удаленный доступ TELNET). Разберем все, что мы знаем о связывании, с помощью примера 7 . <TITLE>Примеры создания гиперссылок Создаём гиперссылки С помощью ссылок можно переходить к другим файлам (например, к оглавлению этого пособия).
Можно выгружать файлы (например, это пособие в формате Microsoft Word_2000) по FTP.
Можно дать пользователю возможность послать почту (например, автору этого пособия).
Вид WEB-страницы на экране броузера приведен на рис.5.
Рис.5
18
Важным атрибутом тэга является атрибут TARGET - выбор кадра, в котором должен быть визуализирован целевой документ. Кадры (фреймы) позволяют разделить окно броузера на отдельные секции (окна), в каждую из которых, независимо от других кадров страницы, может быть загружен отдельный документ. Чтобы указать, в каком кадре следует открыть ссылочный документ, используют такую конструкцию ссылки: Текст_ссылки где URL - адрес документа, связанного с гиперссылкой Текст_ссылки, а значением атрибута TARGET является заранее заданное имя соответствующего фрейма. Создание фреймов будет рассмотрено ниже. Кроме того, с помощью атрибута TARGET может организовать следующие специальные эффекты: TARGET="_blank". Документ, URL которого определён в этой ссылке, всегда загружается в новое окно броузера; TARGET="_parent". Документ загружается в текущее родительское окно фрейма; TARGET="_top". Документ загружается в самый верхний фрейм текущего окна броузера; TARGET="_self". Это имя используется для замещения одноимённого имени дескриптора . Дескриптор может включать и другие атрибуты (REL, REF), определяющие положение текущего документа относительно ссылки, заданной в HREF.
1.8.Вставка изображений Все мультимедиа-компоненты в сети можно разделить на два основных типа: содержимое, обрабатываемое непосредственно броузером; содержимое, обрабатываемое дополнительными средствами. Броузер определяет способ обработки по типу содержимого файла и либо сам обрабатывает данные, либо передаёт их на обработку дополнительным приложениям. Тип содержимого файла определяется либо по его расширению: .gif, .jpg, .mpg, .wrl и т.д., либо по специальному коду content. type="тип содержимого" вставляемому в исходный код документа (метаинструкции), где тип содержимого может принимать значения: text/html, image/gif, video/quicktime и т.д. Так как язык HTML создавался как язык разметки текста, в нем изначально не была предусмотрена поддержка мультимедийных объектов. В последнее же время многие компании-разработчики стали предоставлять пользователям их броузеров доступ к мультимедиа-содержимому, встраивая в них различные plugins. Они позволяют представить мультимедиа-содержимое как внутреннее содержимое Web-страницы и могут располагаться как во всё окно, так и в заданных размерах. На практике получается следующее - если броузер подгружает файл с таким содержимым впервые, то пользователю предлагается скачать плагин, который запишется на жесткий диск и в следующий раз броузер передаст мультимедиа-содержимое на обработку уже сразу ему. В Microsoft, например, для этих целей были созданы элементы управления ActiveX, позволяющие использовать разнообразное содержимое, включая даже 19
электронные таблицы и средства управления от Windows, хотя на самом деле общие стандарты для всех броузеров и платформ, на которых они работают, ещё не разработаны. Если же броузер не в состоянии обработать мультимедиа-данные сам или при помощи встроенных модулей, то он запускает внешние приложения (в Windows они прописаны в регистре), и передает им эти данные. Внешние приложения, например RealAudio, уже не в окне броузера обрабатывают содержимое для пользователя. Для встраивания в документ графических изображений используется дескриптор . Под графическим изображением подразумевают: маленькие пиктограммы, рисунки, графические объекты и карты изображений, занимающие большую часть окна броузера. Кроме того, элемент поддерживает различные атрибуты, определяющие расположение изображения относительно окружающего текста и содержания Web страницы в целом. Изображение может выравниваться по левой, правой, верхней или нижней границе строки или располагаться в центре окна. Синтаксис: Обязательный атрибут SRC указывает на файл графики, задавая его URL. Пример: . При визуализации этого фрагмента на экране появится рамка с текстом "Пёс по имени Друг" вместо рисунка. ALIGN - задаёт расположение рисунка в окне и его выравнивание. Может принимать значения: TOP-выравнивание по верхнему краю. Строка, в которую вставлена картинка, будет выровнена по верхнему краю картинки и высота строки будет равна высоте самого рисунка 20
BOTTOM - выравнивание по нижнему краю. Строка, в которую вставлена картинка, будет выровнена по нижнему краю картинки. MIDDLE -выравнивание по центру. Строка, в которую вставлена картинка, будет выровнена по центру RIGHT- выравнивание справа. Картинка выравнивается по правому краю, текст будет обтекать картинку слева. Применяется, когда рисунок имеет достаточно большие размеры LEFT - выравнивание влево. Картинка выравнивается по левому краю, текст будет обтекать картинку справа. Часто применяется для создания буквиц, когда первая буква представляется в виде рисунка. Синтаксис: WIDTH - задает ширину области в пикселях, отводимой в окне под изображение. В этом случае рисунок автоматически масштабируется броузером под заданный размер. Синтаксис: HEIGHT - задает высоту отводимой под рисунок области в пикселях. В этом случае изображение также автоматически масштабируется под заданный размер. Синтаксис: Размер изображения в килобайтах на диске не меняется, какие бы параметры WIDTH и HEIGHT Вы не задавали. HSPACE - этот атрибут задает пустое пространство в пикселях справа и слева от рисунка. Синтаксис: BORDER - атрибут задает в пикселях толщину рамки вокруг рисунка. Синтаксис: VSPACE - этот атрибут задает пустое пространство в пикселях сверху и снизу от рисунка. Синтаксис: Пример с использованием описанных выше дескрипторов: Результат визуализации приведен на рис.7.
21
Рис.7 Изображение можно использовать в качестве гиперссылки. Пример:
33
В приведенном коде описаны три фрейма, в которых отображаются соответственно страницы page1, page2, page3. Теперь создадим страницы, отображаемые в каждом фрейме. Код страницы page1.html: <TITLE>Название кафедры КАФЕДРА ЭКОНОМИЧЕСКОЙ ИНФОРМАТИКИ Код страницы page2.html: <TITLE>Оглавление сайта - Основная страница
- О кафедре
- Зав. кафедрой
- Сотрудники
- Направления
деятельности - О специальности
Вид экрана при активизации страницы фреймового интерфейса (frame1.htm) приведен на рис.8.
Рис.8. Пример фреймового интерфейса 34
Применение атрибута target дескриптора HREF позволяет выводить выбранную страницу в третий фрейм с именем "3". Рассмотрим пример "плавающего фрейма". Код главной страницы(frame_plav1.htm): <TITLE>Демонстрация "плавающего фрейма" <IFRAME align=right width=40% height= 300 SCROLLING="AUTO" SRC="frame_plav2.htm"> Главная страница Кафедра "Экономическая информатика" ведет обучение студентов всех специальностей. Руководит кафедрой проректор по инфоматизации профессор Абросимов А.Г. Некоторые преподаватели кафедры: Булгакова Г.А., Агафонова В.В., Бородинова М.А., Довгялло И.И., работают со дня основания кафедры. Большую роль в становлении кафедры с 1977 года сыграл ее создатель Затолокин Виктор Михайлович и его заместитель Анисимова Л.Е. В СГЭА разработана концепция организации единого информационного пространства. Для этого созданы учебно-научный центр компьютерной подготовки, вычислительный центр, научно-методическая лаборатория информационных технологий, центр информационных образовательных услуг. Код вставляемой страницы (frame_plav2.htm): <TITLE>Демонстрация "плавающего фрейма" Плавающий фрейм В 1997 году получена лицензия на подготовку в СГЭА экономистов по специальности "Информационные системы в экономике". Первый набор студентов по этой специальности был в 1997г. Студенты, выбравшую эту специальность, изучают дисциплины: "Проектирование информационных систем в экономике", "Защита информации", "Мировые информационные ресурсы", "Базы данных и знаний", "Экономическая информатика", "Моделирование экономических систем" и др. При активизации страницы frame_plav1.htm на экране появится картинка с "плавающим фреймом" (рис.9). 35
Рис.9.Пример "плавающего фрейма"
1.11.Создание форм Формы представляют собой наиболее важные интерактивные элементы HTML, позволяющие разработчикам страниц взаимодействовать с посетителями. С их помощью пользователь может возвращать комментарии по поводу посещения определенного узла, пересылать запросы или регистрироваться. Разработчик задает вопросы, создавая форму, а пользователь отвечает на них, заполняя её. Содержимое формы либо передаётся сценарию обработки данных на сервере, либо по электронной почте посылается получателю. Сам процесс создания формы состоит из двух этапов. Первый заключается в создании самой формы, а второй заключает в себе создание на сервере сценария серверной обработки информации. Форма создается при помощи различных тэгов и атрибутов, заключенных в пару . Между этими дескрипторами находятся элементы, позволяющие пользователю ввести информацию и передать её на сервер. Элемент . Элемент является обязательным и может иметь следующие атрибуты: method - атрибут определяет способ пересылки данных на сервер, может иметь значения GET или POST. Правила использования того или другого метода будут рассмотрены ниже;
36
action - определяет путь к сценарию обработки на сервере или адрес электронной почты; enctype - задаёт способ кодирования содержимого формы. Другими словами он сообщает броузеру о способе кодирования информации перед отсылкой серверу. По умолчанию используется значение x-www-form-encoded. Синтаксис формы для сценария: … Синтаксис формы для почты: Пример:
Комментарии:
Имя:
Укажите пол: Мужской
Женский
E-mail:
В данном примере показаны элементы типа RADIO. Вид экрана броузера (рис.10):
40
Рис.10 Элемент <SELECT>. Элемент <SELECT> может принимать форму раскрывающегося списка или меню элементов. Имеет вложенный тэг и атрибуты: name - задаёт имя; size. - определяет максимальное количество элементов списка, одновременно отображаемых на экране. multiple - задаёт возможность одновременного выбора нескольких значений. Элемент задает возможные варианты выбора меню <SELECT> и может иметь два параметра: VALUE и SELECTED. Параметр VALUE позволяет закрепить за данным элементом определённое значение, не отображаемое для пользователя, а параметр SELECTED определяет элемент, выбранный по умолчанию. Пример: <Title>Пример с элементом SELECT Какие журналы Вам нравятся? <SELECT multiple> Компьютер-Пресс Мир ПК PC-магазин Информационные технологии 41
Вид экрана приведён на рис. 11.
Рис.11 Элемент . Элемент применяется для альтернативного задания информации для управляющих полей формы. Поддерживает атрибут for, который связывает элемент с другим элементом формы, а значение атрибута for должно совпадать со значением атрибута id связанного управляющего элемента. Пример: <Title>Пример с элементом LABEL 42
Вид экрана броузера: Имя
Фамилия
1.12.Каскадные таблицы стилей Понятие каскадных таблиц стилей Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке располагаются много одинаковых по оформлению элементов. Это увеличивает размер файла и время загрузки на компьютер пользователя. CSS действует другим, более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик Вы должны один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного Вами. Можно сохранить описание стиля не в тексте вашей странички, а в отдельном файле – это позволит использовать описание стиля на любом количестве Web-страниц. При этом имеется возможность изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле. Кроме того, CSS позволяет работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой. Создание файла стилей Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. Для этого нужно создать обычный текстовый файл, описать с помощью 43
языка CSS необходимые стили, разместить этот файл на Web-сервере, а в коде Web-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега , располагающегося внутри тега ваших страниц: Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить броузеру, что на этой страничке будет использоваться CSS. Третий параметр – HREF= «URL» – указывает на файл, который содержит описания стилей. Этот параметр должен содержать либо относительный путь к файлу – в случае, если он находится на том же сервере, что и документ, из которого к нему обращаются – или полный URL («http://...») в случае, если файл стилей находится на другом сервере. Второй вариант, при котором описание стилей располагается в коде Webстранички, внутри тега , в теге <STYLE type="text/css">... . В этом случае вы можете использовать эти стили для элементов, располагающихся в пределах странички. Параметр type="text/css" является обязательным и служит для указания броузеру использовать CSS. И третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим. Присвоение стилей элементам WEB-страниц Самый простой случай присвоения какому-либо элементу определенного стиля выглядит так: НАЗВАНИЕ_ЭЛЕМЕНТА {свойство: значение;}, где НАЗВАНИЕ_ЭЛЕМЕНТА – имя HTMLтега (H1, P, TD, A и т. д.), а параметры в фигурных скобках – список свойств элемента и присвоенных им значений. Пример: H1 {font-size: 30pt; color: blue;} В этом примере всем заголовкам на странице, оформленным тегом Н1, присваивается размер шрифта 30 пунктов и синий цвет. Элементы страниц, созданные с использованием CSS, используют механизм наследования: т. е. если Вы располагаете изображение внутри тега 44
...
, оформленного с помощью CSS, с отступами, так, чтобы параграф занимал только определенную часть ширины страницы, изображение также унаследует значения отступов, указанные для этого параграфа. CSS реализует возможность присваивать стили не всем одинаковым элементам страницы, а избирательно – для этого используется параметр CLASS = "имя класса" или идентификатор ID=«имя элемента», присваивающиеся любому элементу страницы. Рассмотрим примеры. Параметр CLASS применяется в случае, если необходимо создать одинаковый стиль для нескольких, но не всех элементов страницы (одинаковых или разных). Пример: .b-с {font-weight: bold; text-align: center} – описание стиля для класса b-с. Все элементы класса b-с будут отображаться жирным шрифтом с выравниванием по центру страницы (или ячейки таблицы). Ещё примеры: Текст параграфа
- параграфу присвоен стиль класса b-с. текст | – ячейке таблицы присвоен стиль класса bc Содержащийся в ячейке текст будет отображаться согласно описанию класса. Таким образом, можно присвоить описанный стиль любым текстовым элементам страниц. Обратите внимание, что при написании названия классов необходимо соблюдать регистр символов, согласно тому, как вы назвали класс в описании стиля! Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько – это уже класс. Более подробное описание CSS Вы найдёте в литературе [ ].
1.14.Кодирование символов Все символьные обозначения букв, цифр, специальных знаков и иероглифов представляют собой битовые комбинации - различные сочетания битов. Так, например, из 8 битов, в различных комбинациях, теоретически может получиться 256 последовательностей, в свою очередь каждой из этих последовательностей присвоен символ, другими словами из 8 битов может получиться 256 символов. Каждому такому символу присваивается свой код и из них составляется таблица - кодировка символов. Соответственно таких таблиц может быть как минимум по 45
одной на каждый из известных земных языков. На самом деле их гораздо больше, чем это нужно, все они были созданы в разное время, для различных платформ, и кодируются они не только при помощи 8 битов, но и 16 и даже 32. Самым популярным из стандартов кодирования символов в настоящий момент является стандарт ISO 646, созданный международной организацией стандартизации ISO, а точнее его первые 128 символов, которые кодировались при помощи 8 битов, но при этом первый бит всегда равнялся нулю. Ему было присвоено имя ASCII, ещё его иногда называют семибитовым кодом. Он используется большинством операционных систем для написания символов латинского алфавита, цифр, а также для синтаксиса всех языков программирования и разметки, а также для всех типов данных. Для поддержки языков, использующих в своем алфавите символы, отличные от латинских, был использован восьмой бит байта, а это дало возможность добавить еще 128 дополнительных символов. Была создана серия кодировок ISO 8859, в которых первая часть - это 128 символов ASCII. Самая первая из них, ISO 8859-1, еще ее называют ISO Latin-1 или 8-битовой ASCII, содержит в себе практически все европейские нестандартные символы, а кодировка ISO 8859-5 является русской. В свою очередь, организация Unicode Consortium создала на основе 16битового кодирования одноименную кодировку, в которую решено было вместить 65536 символов, каждый весом в два байта. Первые 256 символов Unicode в точности соответствуют ISO 8859-1, а саму кодировку компьютерное сообщество признало и использует все чаще, и если основной кодировкой в HTML раньше считалась ISO 8859-1, то с появлением HTML 4.0, основной кодировкой стала Unicode. Не желая останавливаться на достигнутом, ISO разработала новый, 32битовый стандарт кодирования ISO 10646. Он совместим с Unicode, а также имеет несколько своих производных фоматов, одна из которых - формат UTF-8 внедрен в Windows (кодировка Windows 1251). Особенности работы с кодировками Для нормального отображения символов той или иной кодировки, и сервер, и броузер должны обменяться соответствующей служебной информацией. Для этого протокол HTTP, при помощи поля Accept-Charset, позволяет броузеру послать сообщение на сервер о том, какие кодировки в нем доступны и в каком порядке очередности. При этом сервер может выбрать из вариантов документ, исполненный в требуемой кодировке, сообщить броузеру информацию о том, в какой кодировке будет прислана страница, или автоматически перекодировать ее 46
и переслать броузеру. Если такая возможность не реализована на сервере, то присланный документ можно просмотреть в различных кодировках, выбрав их в настройках браузера вручную. Еще одним способ сообщить браузеру о стандарте кодирования может сводиться к следующему - автор документа создает служебную информацию для браузера в тэге , между тэгами и , запись эквивалентную заголовку HTTP, например: <META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251"> Встретив такую инструкцию, броузер автоматически переключается на нужную кодировку. Русские кодировки Кодировок, русифицирующих сеть, существует гораздо больше, чем хотелось бы, их как минимум пять: KOI-8 (созданная для UNIX), 866 (для MS DOS), Windows-1251, ISO 8859-5, MAC. Ввиду распространения такого количества русских кодировок, в русской части сети очень распространен способ, когда сервер имеет систему автоматического перекодирования документа на лету, в зависимости от того, какой ответ пришел от броузера. В итоге, часто происходит например, следующее: документ написан в KOI-8 и имеет об этом запись в тэге , сервер определяет кодировку браузера Windows-1251 и автоматически перекодирует документ в нее. Броузер, получив инструкцию прописанную в тэге , переключается в свою очередь на KOI-8 и пользователь не может прочесть текст. Выход может быть в том, чтобы вовсе не указывать charset в тэге , в документах, которые будут лежать на таком сервере, либо пользователь сохраняет документ на диске и удаляет эту инструкцию из вручную.
1.15. Общие аспекты макетирования WEB - страниц Прежде чем приступить к разработке WEB - страниц, полезно ознакомиться с общими подходами к их макетированию. Прежде всего, следует ответить на два вопроса: какой аудитории предназначаются создаваемые страницы? какие мысли Вы собираетесь сформулировать и отобразить на своих страницах? Эти два вопроса очень связаны. От предполагаемой аудитории зависит, что именно и как надо сказать. Попытка ответить на эти два вопроса приведёт к появлению следующих. Если для страниц не удалось найти потенциальную аудиторию, их не стоит создавать - это вывод, к которому пришли опытные владельцы сайтов. 47
Общий дизайн и макет страницы должны зависеть от способа взаимодействия сообщений с пользователем. Поэтому прежде чем начать разработку, надо тщательно продумать все аспекты Вашего проекта. Полезно посмотреть не только WEB - страницы в Internet и поучиться макетировать, но и полистать печатную продукцию - журналы, книги и брошюры, где можно найти массу идей по оформлению. Важной характеристикой удобства работы пользователя со страницей является её свободное пространство. Разумно распределённое место делает документ удобным и эргономичным. Если на странице много свободного места, пользователь вынужден постоянно использовать полосы прокрутки. Если же поместить все сведения в небольшую область, снизится читабельность страницы. Достигнуть оптимального варианта можно с учётом мнения сторонних наблюдателей.
48
2.ПОНЯТИЕ DHTML. ЯЗЫК ОПИСАНИЯ СЦЕНАРИЕВ VISUAL BASIC SCRIPT 2.1. Понятие DHTML. Было время, когда знание HTML могло считаться необходимым и достаточным для владения профессией разработчика Web-страниц. Теперь же это только база – необходимая, но далеко не достаточная для создания подлинного интерактива (взаимодействия с пользователем). С течением времени страницы Всемирной компьютерной сети постепенно начали «оживать», если выражаться пользовательской терминологией, произошел переход от структурного предъявления гипертекстовой информации к событийному. Переходом это в полной мере называть нельзя, попросту HTML обогатился средствами динамической интерпретации, или Dynamic HTML (DHTML — Dynamic HiperText Markup Language). Основной отличительной особенностью DHTML от HTML является возможность взаимодействия DHTML-документов с пользователем на клиентском компьютере, что в значительной степени обогащает возможности создаваемых с их помощью Web-страниц и Web-приложений и в то же время сводит часть взаимодействия пользователя с сервером к взаимодействию пользователя с DHTML-документом. Таким образом, можно говорить о перенесении некоторой доли вычислений с серверной на клиентскую сторону, что сокращает объем передаваемой информации от клиента серверу и обратно и экономит время. Как следствие, страницы, разработанные с использованием модели DHTML, в отличие от HTML, работают значительно быстрее именно за счет снижения объема информации, передаваемой от клиента (броузера) серверу и обратно.
2.2.Общие сведения о языках описания сценариев DHTML связан с языками создания сценариев событий HTML-документов. Сценарий, в отличие от программы, имеет лишь одно направление выполнения – сверху вниз, именно поэтому, говоря о сценариях, встроенных в HTMLдокументы, не следует забывать о строгом порядке, в котором броузер формирует содержимое страницы. Сейчас хорошо известны два языка описания сценариев. Компания Netscape разработала язык создания сценариев JavaScript, а компания Microsoft – Visual Basic Script. Эти языки используются на стороне клиента, то есть генерируют объекты на основании HTML-страницы на стороне клиента в окне его броузера. В данном пособии рассматривается язык Visual Basic Script (VBS), продукт фирмы Microsoft, поддерживаемый всеми известными броузерами . Являю49
щийся подмножеством языка Visual Basic или Visual Basic for Applications, он позволяет решать задачи, связанные с Internet: создавать сценарии (или скрипты) управления объектами (кнопками, списками, ниспадающими меню и т. д.) на Web-страницах, проверки вводимых пользователем данных, автоматического изменения содержимого документа и т.д. Для понимания этого материала нужно иметь представление о структуре HTML-документа, а также основах программирования на Visual Basic. Для создания скриптов не нужны дополнительные средства разработки – только броузер, в котором можно проверять результаты работы написанной вами программы, и блокнот (Notepad) или любой редактор HTML-документов.
2.3..Расположение скриптов в HTML - документе Скриптовая программа может располагаться внутри части документа, описываемой в тэге или и выделяется двумя тэгами <script> и . В качестве атрибута этого тэга указывается язык, на котором написана программа по примеру: language="vbscript". Текст программы располагается внутри тэгов- комментариев Здравствуйте, сегодня
Когда подсоединение установлено, получать информацию из базы данных можно при помощи объекта Recordset (набор записей). Этот объект умеет работать с операторами языка SQL, например, делать выборку из источника данных с помощью оператора Select и возвращать набор записей, удовлетворяющих запросу. Также он может работать с операторами добавления записей в базу (Insert), удаления записей (Delete) и др. При этом надо соблюдать синтаксис языка SQL. Объект Recordset также создаётся методом CreateObject. В приведённом ниже коде программа выполняет оператор Select над источником данных, представленных переменной objConnection: