Вставка бегущей строки на веб-страницу

Тег бегущей строки <MARQUEE> (от англ marquee — большой навес, шатер) имеет атрибуты ALIGN, BEHAVIOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, SCROLLAMOUNT Атрибут ALIGN Ѓ Атрибут ALIGN позволяет разместить текст в верхней (TOP), средней (MIDDLE) или нижней (BOTTON) области бегущей строки Атрибут BEHAVIOR Ѓ Атрибут BEHAVIOR управляет поведением бегущей стро- ки на экране: SCROLL ‰ — текст пересекает экран (это значение задано по умолчанию); SLIDE ‰ — текст выдвигается на экран и останавливается; ALTERNATE ‰ — текст выдвигается на экран, а затем перемещается взад-вперед Атрибут BGCOLOR Ѓ Атрибут BGCOLOR задает цвет фона бегущей строки в мо- дели RGB либо названиями цветов, либо шестнадцатеричным значением Атрибут DIRECTION Ѓ Атрибут DIRECTION задает направление движения текста: LEFT ‰ — слева направо (это значение задано по умолчанию); RIGHT  ‰ — справа налево Атрибут HEIGHT Ѓ Атрибут HEIGHT управляет высотой строки в пикселах или в процентах от высоты экрана (тогда к числу добавляется знак процента) Атрибут WIDTH Ѓ Атрибут WIDTH управляет длиной строки в пикселах или в процентах от ширины экрана (тогда к числу добавляется знак процента) Атрибут HSPACE Ѓ Атрибут HSPACE позволяет задать ширину в пикселах левого и правого полей между областью бегущей строки и окружающим ее текстом или графикой Атрибут VSPACE Ѓ Атрибут VSPACE позволяет задать высоту в пикселах верхне- го и нижнего полей между областью бегущей строки и окружающим ее текстом или графикой Атрибут LOOP Ѓ Атрибут LOOP задает количество проходов бегущей строки по экрану Если атрибут опущен, то строка будет появляться до тех пор, пока страница находится на экране Атрибут SCROLLAMOUNT Ѓ Атрибут SCROLLAMOUNT управляет скоростью перемещения текста Значение этого параметра, равное 1, означает самую ма- ленькую скорость, значение 2000 — самую большую (в этом случае строка бу- дет просто мелькать) Атрибут SCROLLDELAY Ѓ Атрибут SCROLLDELAY по своим функциям напоми- нает предыдущий и определяет время в миллисекундах до перерисовки текста бегущей строки Комбинация двух последних атрибутов позволяет подобрать оптимальную ско- рость вывода строки. В этом уроке рассказано, как с помощью тега <MARQUEE> украсить веб-страницу бегущей строкой Внешний вид и поведение бегущей строки определяют атрибу- ты тега <MARQUEE>, в том числе ALIGN, BEHAVIOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, SCROLLAMOUNT.

БИЛЕТ 11!

Списки определений

Список определений состоит из специальным образом расположенных терми- нов и их описаний (определений) Для создания списков определений на веб- страницах используются теги <DL>, <DT> и <DD> Тег <DL> Ѓ Парный тег <DL> (от англ Definition List — список определений) на- чинает список определений Он включает в себя теги <DT> (помечает термин) и <DD> (помечает описание термина) Списки определений часто используют в научно-технических и учебных изданиях, оформляя с их помощью глоссарии Тег <DL> имеет атрибуты COMPACT (современными браузерами не поддержива- ется), CLASS, ID, LANG и STYLE Если определяемые термины короткие, используется атрибут COMPACT, кото- рый предназначен для вывода элементов списка в компактной форме (с умень- шенным кеглем и расстоянием между строками): <dl compact>...</dl> Атрибут COMPACT не имеет значений, синтаксис остальных атрибутов: class="Стилевой класс" id="Имя" lang="Код языка" style="Определение встроенного стиля" Тег <DT> Ѓ Тег <DT> (от англ Definition Term — определяемое слово, термин) представляет собой блочный непарный тег, который помечает текст термина в списке определений Атрибуты тега <DT>: class="Стилевой класс" id="Имя" lang="Код языка" Тег <DD> Ѓ Тег <DD> (от англ Definition Description — описание определяемого термина) представляет собой блочный непарный тег, который помечает текст определения в списке определений Атрибуты тега <DD>: class="Стилевой класс" id="Имя" lang="Код языка" style="Определение встроенного стиля".Помимо описанных в этом уроке для создания логически связанных списков мож- но использовать теги <MENU> и <DIR> Синтаксис тега Ѓ <MENU>: <menu><li> элемент списка <li> элемент списка </menu> Синтаксис тега Ѓ <DIR>: <dir><li> элемент списка <li> элемент списка </dir>

Формы 

Представляют  собой важные  элементы  HTML-страниц,  по- зволяющие  разработчикам  страниц интерактивно  взаимодейство- вать с посетителями. С их помощью пользователь может посылать  комментарии по поводу посещения определенного узла, пересылать  запросы, регистрироваться. Разработчик задает вопросы, создавая  форму, а пользователь отвечает на них, заполняя ее. Форма созда- ется при помощи различных тегов и атрибутов, заключенных в пару  тегов <FORM> и </FORM>. В этом уроке рассматриваются методы соз- дания форм. Создание форм Формы предназначены для ввода информации Все формы начинаются тегом <FORM> (от англ  form — форма) и завершаются тегом </FORM> У формы могут быть атрибуты NAME, ACTION, METHOD, TARGET Атрибут NAME Ѓ Атрибут NAME определяет имя формы и обычно не указыва- ется Применяется для идентификации формы, если в документе присутствует несколько форм Атрибут ACTION Ѓ Обязательный атрибут ACTION задает URL-адрес програм- мы, которая будет вызываться для обработки формы Атрибут METHOD Ѓ Атрибут METHOD определяет способ отправки параметров формы Принимает значение GET или POST В настоящее время использование метода GET не рекомендуется Атрибут TARGET Ѓ Атрибут TARGET определяет окно, в которое возвращается результат обработки отправленной формы Возможные значения SELF, PARENT, TOP, BLANK или явно указанное имя окна. Создать форму легко, но трудно красиво выстроить все элементы Эта проблема не имеет простого решения Можно разместить поля ввода и раскрывающиеся спи- ски в левой части страницы, а весь сопроводительный текст — справа Поскольку длина полей ввода задается атрибутом SIZE, можно выровнять строки по левому краю, а текст справа оставить не выровненным, как в большинстве документов Такая форма выглядит аккуратнее.

БИЛЕТ 12!

Списки выбора

Для создания списков на форме, позволяющих выбрать одно или несколько зна- чений из множества возможных, используется парный тег <SELECT> По умолча- нию в поле списка отображается его первый элемент Элемент списка создается с помощью тега <OPTION> .

Список выбора, создаваемый тегом <SELECT>, не обязательно является одностроч- ным Количество одновременно видимых на экране элементов списка задается атрибутом SIZE Если количество элементов списка превышает значение, указан- ное в атрибуте SIZE, справа появляется полоса прокрутки Чтобы в списке одно- временно можно было выбрать несколько элементов (с помощью клавиши Shift или Ctrl), применяется атрибут MULTIPLE, который задает максимальное количе- ство одновременно выбранных элементов. В теге <OPTION> обязательно надо указывать атрибут VALUE Только в этом случае программа, ассоциированная с формой, сможет определить, какой элемент списка выбран.

Фреймы 

позволяют  разбивать  веб-страницы  на  подокна,  причем  каждое подокно (фрейм) может иметь собственные полосы прокрут- ки и функционировать независимо от других подокон либо наобо- рот — управлять их содержанием. Фреймы могут значительно улуч- шить внешний вид веб-страниц и повысить их функциональность. Свойства фреймов Ниже перечислены некоторые свойства фреймов Каждый фрейм имеет свой URL-адрес, что позволяет обращаться к нему и за- Ѓ гружать его независимо от других фреймов Каждый фрейм имеет собственное имя (задаваемое атрибутом Ѓ NAME), позво- ляющее обратиться к нему из другого фрейма Размер фрейма может быть изменен пользователем прямо на экране мышью Ѓ (если это не запрещено с помощью специального параметра) Перечисленные свойства фреймов позволяют создавать разнообразные интер- фейсные решения В отдельном фрейме, который будет все время оставаться на экране, можно Ѓ разместить статическую информацию, которую автор считает необходимым постоянно показывать пользователю Это может быть графический логотип фирмы, соглашение об авторских правах, набор управляющих кнопок, оглав- ление всех или части веб-документов, содержащихся на веб-сервере, что по- зволит пользователю быстро находить интересующую его информацию При интенсивных обращениях пользователя к веб-серверу можно постоянно Ѓ отображать на экране два фрейма — в одном фрейме пользователь будет вводить свои запросы к серверу, а в другом видеть результаты их обработки сервером Для веб-приложений, обслуживающих базы данных, можно создавать формы Ѓ с фреймами, связывая их отношениями главный—подчиненный Тогда в главном фрейме будут отображаться общие данные из базы данных, а в подчиненном — подробные данные, относящиеся к выбранному в главном фрейме элементу.

БИЛЕТ 13!

Взаимодействие фреймов

При разработке страниц с фреймами возникает вопрос: «А как сделать так, чтобы, щелкнув на ссылке в одном фрейме, инициировать появление информации в дру- гом?» Ответом на данный вопрос является организация взаимодействия фреймов Каждый фрейм может иметь собственное имя, определяемое при его создании атрибутом NAME Существует также специальный атрибут TARGET, позволяющий адресовать целевой фрейм:

Данный атрибут можно указывать внутри самых разных тегов, например, в ссыл- ках: <a href="100.htm" target="frame1"> Переход во фрейм с именем frame1 </a> Размещение атрибута TARGET в теге <BASE> позволяет не указывать при описании каждой ссылки фрейм-приемник документов, вызываемых по ссылкам Это очень удобно, если в одном фрейме, например, находится меню, а в другом выводится информация, соответствующая выбранному пункту меню: <html><head><base target="frame1"></head> <body> <a href="url1"> Первая часть </a>|<a href="url2"> Вторая часть </a> </body></html> Допускается включение атрибута TARGET в ссылку при создании карты изображе- ния, например: <area shape="circle" coords = "100,100,50" href="http://www.piter.com" target="frame1"> Атрибут TARGET можно включить в описание формы: <form action = "url" target="frame2"> В этом случае, после обработки переданных параметров формы результирующий документ появится в указанном фрейме Имя фрейма в атрибуте TARGET должно начинаться с латинской буквы или цифры Также необходимо помнить, что существуют зарезервированные имена, которые начинаются со знака подчеркивания: _BLANK Ѓ — документ, полученный по ссылке, будет отображаться в новом окне браузера _SELF Ѓ — документ, полученный по ссылке, будет отображаться в том же фрей- ме, в котором находится ссылка Это имя удобно использовать для переопреде- ления окна назначения, указанного ранее в теге <BASE> _PARENT Ѓ — документ, полученный по ссылке, будет отображаться в родитель- ском окне вне зависимости от атрибутов тега <FRAMESET> Если родительского окна нет, то данное имя аналогично имени _SELF _TOP Ѓ — документ, полученный по ссылке, займет все окно вне зависимости от наличия фреймов Использовать это имя удобно в случае вложенных фрей- мов Любые другие имена фреймов, начинающиеся со знака подчеркивания, игнори- руются браузером

Ссылки 

являются ключевым компонентом, делающим веб-страницы  привлекательными для пользователей. Благодаря ссылкам, или, как  иногда говорят, гиперссылкам веб-страница структурируется и свя- зывается с другими документами или с другими разделами данного  документа, что обеспечивает быстрое и удобное получение инфор- мации. Именно ссылки стали основной причиной ошеломляющей  популярности Всемирной паутины, в которой пользователь может  легко переходить от одной страницы к другой простым щелчком  мыши. В этом уроке рассказывается о вставке ссылок в документ. Универсальный указатель ресурса Для организации ссылок в HTML используется универсальный указатель ресурса (Uniform Resource Locator, URL), в общем случае имеющий следующий формат: метод://имя_сервера:порт/путь#якорь Первая часть URL (до двоеточия) описывает метод доступа или сетевую службу, вторая часть (после двоеточия) интерпретируется в зависимости от метода досту- па Обычно два прямых слэша после двоеточия обозначают имя машины Наиболее часто используемыми методами являются file, http, ftp, mailto, telnet и news Метод file Ѓ Метод file обеспечивает чтение файла с локального диска Напри- мер, следующая запись открывает HTML-файл document.html из каталога /spb/ institute на машине пользователя: file:/spb/institute/document.html Метод http Ѓ Метод http предоставляет доступ к веб-странице по протоколу HTTP Это наиболее часто используемый метод доступа к HTML-документам в Сети Например, следующая запись открывает доступ к домашней странице компании Russian: http://www.russian.com/ Метод ftp Ѓ Методом ftp выполняется запрос к FTP-серверу на получение фай- ла, например: ftp://myname/directory/ninaname Метод mailto Ѓ Метод mailto активизирует сеанс почтовой связи с указанными пользователем и хостом Например, следующая запись активизирует отправку сообщения пользователю ninapetergof на машине spb.com, если браузер поддер- живает запуск электронной почты: mailto: ninapetergof@spb.com При использовании метода mailto слэши после двоеточия указывать не нужно Как правило, после двоеточия сразу вводится адрес электронной почты або- нента Метод telnet Ѓ Метод telnet используется для обращения к службе telnet Метод news Ѓ Метод news обеспечивает вызов службы новостей, если браузер поддерживает такой вызов Например: news:relcom.www.support Как и в случае метода mailto, при использовании метода news слэши после двое- точия указывать не нужно Как правило, после двоеточия сразу вводится адрес группы новостей Имя сервера — необязательный параметр URL, описывающий полное сетевое имя машины Например, www.piter.com — полное сетевое имя сервера издательства «Питер» Если имя сервера не указано, то ссылка считается локальной, и полный путь, указанный далее в URL, относится к той же машине, на которой находится HTML-документ, содержащий ссылку Вместо символьного имени сервера мо- жет быть использован IP-адрес, однако это не рекомендуется из-за возможного конфликта имен с фиксированными локальными адресами внутренней сети. Следом за именем сервера в URL указывается номер порта TCP, на котором функционирует веб-сервер Если порт не указан, по умолчанию используется порт 80 (что характерно для подавляющего большинства URL-адресов) Далее в URL указывается частичный или полный путь к документу, который дол- жен вызываться в результате перехода по ссылке Якорь — это ссылка на место внутри текущего HTML-документа Как будет по- казано далее, места в документе, на которые ссылается якорь, указываются в до- кументе при помощи атрибута NAME Текст URL-адреса не отображается браузером, а используется только для вы- полнения предписанных им действий при активизации ссылки (обычно щелчком мыши).

БИЛЕТ 14!

Вставка ссылок в документ

Для вставки ссылок в документ используется парный тег <А> Этот же тег позво- ляет вставить в документ якорь Тег <А> имеет атрибуты HREF, NAME, ID, METHODS, FRAME, TITLE, ACCESSKEY Ниже перечислены атрибуты тега <А> Атрибут HREF Ѓ При вставке ссылки в документ обязательно указывается атрибут HREF Значением атрибута является URL-адрес документа, на который указывает ссылка: <a href="url"> При использовании атрибута HREF любой текст, находящийся между тегами <A> и </A>, специальным образом выделяется веб-браузером (обычно подчер- кивается и выделяется синим цветом) Атрибут NAME Ѓ Атрибут NAME указывается вместо атрибута HREF при вставке якоря в документ (см раздел «Переходы внутри документа») Атрибут ID Ѓ Атрибут ID идентичен атрибуту NAME с той разницей, что может вставляться в другие теги, а не только в тег <A>, например: <p id="имя абзаца"> При наличии такой пометки ссылка на нее в текущем документе может быть создана следующим образом: <a href="#имя абзаца"> ссылка</a> Атрибут METHODS Ѓ Атрибут METHODS задает метод извлечения документа, например, FTP, Gopher и т д Синтаксис: <A METHODS="название"> необязательный текст </A> Атрибут FRAME Ѓ Атрибут FRAME позволяет указать фрейм, в котором должен быть визуализирован целевой документ Синтаксис: <a frame="имя фрейма"> необязательный текст </a> Атрибут TITLE Ѓ Атрибут TITLE служит для визуализации подсказки Синтаксис: <a title="имя ссылки"> ССЫЛКА</a>. Атрибут ACCESSKEY Ѓ Атрибут ACCESSKEY позволяет указать «горячую» клави- шу, при нажатии которой будет выполнен переход по ссылке Синтаксис: <a accesskey="имя клавиши"> ССЫЛКА</a> Ниже перечислены некоторые примеры ссылок Ссылка на HTML-файл с использованием протокола HTTP: Ѓ <a href="http://www.mizic.ru/alex/lena/page1.html"> ССЫЛКА </a> Ссылка на ZIP-файл с использованием протокола HTTP: Ѓ <a href="http://www.mizic.ru/alex/lena/test.zip"> ССЫЛКА </a> Ссылка на TXT-файл с использованием протокола HTTP: Ѓ <a href="http://www. mizic.ru/alex/lena/test.txt"> ССЫЛКА </a> Ссылка на MPG-файл с использованием протокола HTTP: Ѓ <a href="http://www.mizic.ru/alex/lena.mpg"> ССЫЛКА </a> Ссылка на EXE-файл с использованием протокола FTP: Ѓ <a href="ftp://ftp.spbszip.com/pub/priem/priem/install.exe"> ССЫЛКА </a> Ссылка, инициирующая создание сообщения электронной почты: Ѓ <a href="mailto:name@domen.ru"> ССЫЛКА </a> Ссылка, инициирующая создание сообщения электронной почты с автомати- Ѓ чески введенной темой сообщения: <a href="mailto:name@domen.ru, subject=Teмa"> ССЫЛКА </a> Ссылка, инициирующая создание сообщения электронной почты с автомати- Ѓ чески введенными темой и текстом сообщения: <a href="mailto:name@domen.ru, SUBJect=Teмa &body=Тeкст"> ССЫЛКА </a> Ссылка, инициирующая создание сообщения электронной почты с автомати- Ѓ чески введенными темой и текстом сообщения, а также адресами для отправки копии и скрытой копии: <a href="mailto:name@domen.ru, SUBJECT=Teмa &body=Тeкст&cc= name@domen.ru&bcc=name@domen.ru"> ССЫЛКА </a> Ссылка на группу новостей: Ѓ <a href="news:comp.infosystems.www.announce"> ССЫЛКА </a> Эта ссылка будет работать только, если провайдер поддерживает доступ к группам новостей При наведении указателя мыши на ссылку он меняет свою форму, превращаясь в изображение кисти руки.

Внутренние ссылки

Внутренние ссылки указывают на другую веб-страницу текущего веб-узла Поэто- му при создании внутренней ссылки в атрибуте HREF тега <A> достаточно указать относительный путь поиска .

Внешние ссылки Внешние ссылки указывают на веб-страницы, не расположенные на текущем веб- узле Поэтому в атрибуте HREF тега <A> необходимо указывать полный URL-адрес документа, включая название протокола и адрес веб-узла

Билет 15!

Переходы внутри документа

Как уже отмечалось, ссылки можно делать не только на другие документы, но и на различные фрагменты одного и того же документа Это позволяет быстро перехо- дить от фрагмента к фрагменту внутри документа, не прибегая к прокрутке Для организации таких переходов используются специальные якоря, которые обычно вставляются в первую строку или в заголовок фрагмента, к которому должен вы- полняться переход При вставке якоря также используется тег <A>, но вместо атрибута HREF указы- вается атрибут NAME Значением этого атрибута является имя якоря Оно может состоять только из латинских букв и цифр и не должно содержать пробелов, на- пример: <a name="имя_якоря"> Переходы внутри документа </a>. Для ссылки на установленный якорь необходимо указать имя якоря в конце URL- адреса после имени документа, отделив его символом #: <a href=»#имя_якоря»> Ссылка </a>.Когда пользователь щелкнет мышью на ссылке Глава 1, браузер перейдет сразу к первому разделу главы 1 Якорь может быть вставлен как в текущий, так и в дру- гой документ Во втором случае браузер выполнит загрузку нового документа и перейдет к указанному в нем разделу.