Шпаргалки по "Информатике"

Синтаксис: <frameset> <frame> </frameset>

Параметры:

bordercolor= — цвет линии границы.

frameborder= — отображать рамку вокруг фрейма или нет.

name= — уникальное имя фрейма.

noresize= — определяет, можно изменять размер фрейма пользователю или нет.

scrolling= — способ отображения полосы прокрутки во фрейме.

src= — путь к файлу, предназначенному для загрузки во фрейме.

Закрывающий тег — не требуется.

Пример использования  тега:

<frameset rows="80,*" cols="*">

  <frame src="top.html" name="topFrame" scrolling="no" noresize>

  <frameset cols="80,*">

    <frame src="left.html" name="leftFrame" scrolling="no" noresize>

    <frame src="main.html" name="mainFrame">

  </frameset>

</frameset>

 

 

39. Формы в языке  html: использование в веб-страницах

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

 Рассказать о формах  в книге, посвященной HTML, достаточно  трудно. Причина очень простая:  создать форму гораздо проще,  чем ту "точку внешнего мира", в которую форма будет посылать  информацию. В качестве такой  "точки" в большинстве случаев  выступает программа, написанная  на Перл или Си. Программы, обрабатывающие  данные, переданные формами, часто  называют CGI-скриптами. Сокращение CGI (Common Gateways Interface) означает "общепринятый  интерфейс шлюзов". Написание  CGI-скриптов в большинстве случаев  требует хорошего знания соответствующего  языка программирования и возможностей  операционной системы Unix. 

 В последнее время  определенное распространение получил  язык PHP/FI, инструкции которого можно  встраивать прямо в HTML-документы  (документы при этом сохраняются  в виде файлов с расширением *.pht или *.php).  

 Формы передают информацию  программам-обработчикам в виде  пар [имя переменной]=[значение переменной]. Имена переменных следует задавать латинскими буквами. Значения переменных воспринимаются обработчиками как строки, даже если они содержат только цифры. 

 Форма открывается  меткой <FORM> и заканчивается меткой </FORM>. HTML-документ может содержать в себе несколько форм, однако формы не должны находиться одна внутри другой. HTML-текст, включая метки, может размещаться внутри форм без ограничений.  

 Метка <FORM> может содержать три атрибута, один из которых является обязательным.

ACTION – обязательный атрибут, определяет, где находится обработчик формы.

METHOD – определяет, каким образом (иначе говоря, с помощью какого метода протокола передачи гипертекстов) данные из формы будут переданы обработчику. Допустимые значения: METHOD=POST и METHOD=GET. Если значение атрибута не установлено, по умолчанию предполагается METHOD=GET.

ENCTYPE определяет, каким образом данные из формы будут закодированы для передачи обработчику. Если значение атрибута не установлено, по умолчанию предполагается ENCTYPE=application/x-www-form-urlencoded.

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

<INPUT TYPE=submit>  

 Встретив такую строчку  внутри формы, браузер нарисует  на экране кнопку с надписью Submit (читается "сабмит" англ. "подавать"), при нажатии на которую все имеющиеся в форме данные будут переданы обработчику, определенному в метке <FORM>.  

 Надпись на кнопке  можно задать такую, какая нравится, путем введения атрибута VALUE="[Надпись]" (читается "вэлью" с ударением на первом слоге, от английского "значение"), например:

<INPUT TYPE=submit VALUE="Поехали!">

Текстовая область - <TEXTAREA> Это область для ввода многострочной текстовой информации. В контейнере <TEXTAREA>…</TEXTAREA> допускается размещать любой текст, который будет выведен в поле ввода по умолчанию.

Атрибуты

·  NAME. Задает название информации. Обязательный атрибут.

·  ROWS. Задает высоту поля, т.е. число строк в нём.

·  COLS. Задает ширину поля, т.е. длину строки.

·  disabled. Запрещает доступ пользователя к элементу формы. Поле не может быть выбрано. Значение не отправляется на сервер.

·  readonly. Объявляет поле только для чтения. Поле доступно для выбора, но не может быть изменено.

Список - <SELECT> Предназначен для создания меню, из которого пользователь может выбрать один или несколько из предложенных вариантов.

Атрибуты ·  NAME. Задает имя поля. Обязательный атрибут.

·  SIZE. Задает вертикальный размер окна для вариантов выбора.

·  MULTIPLE. Этот атрибут позволяет выбрать несколько вариантов одновременно.

·  VALUE. Задает значение, передаваемое сценарию в случае выбора варианта пользователем. Если этот атрибут отсутствует, то в сценарий будет отослан текст, расположенный сразу после тэга <OPTION>.

·  DISABLED. Блокирует вариант для его выбора.

·  SELECTED. Указывает вариант, выделенный по умолчанию.

OPTGROUP- позволяет группировать пункты в элементе SELECT. В этом случае добавляются отступы и названия каждой группы, так что пользователю при выборе необходимого пункта ориентироваться гораздо проще. Название группы задается в атрибуте LABEL элемента OPTGROUP.

<INPUT> не имеет закрывающего тэга. Вся информация, необходимая браузеру для обработки, содержится непосредственно в тэге <INPUT> и задается с помощью различных атрибутов.

Атрибуты·  TYPE. Задает тип поля ввода. Может принимать значения: кнопка (BUTTON, SUBMIT, RESET), поле ввода (TEXT), поле ввода пароля (PASSWORD), скрытое поле (HIDDEN), флажок (CHECKBOX), переключатель (RADIO), файл (FILE).

·  NAME. Задает имя поля. Каждое создаваемое поле ввода должно иметь собственное уникальное имя, иначе сценарий не определит, к каким полям относятся полученные значения.

·  VALUE. Задает значение поля по умолчанию или надпись на кнопке.

·  ONCLICK. Задает обработчик щелчка на кнопке.

·  SIZE. Задает размер поля типа TEXT.

·  MAXLENGTH. Задает ограничение в поле типа TEXT вводимого количества символов.

·  AUTOCOMPLETE="OFF". Отключает автозаполнение для данного поля. Очень полезно для полей ввода разовых кодов, каптч.

·  required. Только HTML 5 Web Forms 2.0. Автоматически проверяет заполнено ли поле.

·  required email. Только HTML 5 Web Forms 2.0. Автоматически проверяет корректно ли указан адрес e-mail.

40. Элементы web-дизайна в web-документах: бегущая строка, звуковое сопровождение,  анимация.

Как известно, в спецификации HTML есть специальный тег для бегущей строки. Он выглядит так:<marquee></marquee>. Все, что между этими тэгами, будет "бежать", причем скорость, направление и еще много чего другого можно установить с помощью свойств этого тэга, о которых будет сказано чуть ниже, а именно, сейчас =)

scrollamount – скорость движения строки от 1. По умолчанию = 6.

scrolldelay – Этот атрибут задаёт временной интервал между шагами бегущей строки в секундах. По умолчанию = 85.

width – ширина бегущей строки.

height – высота бегущей строки.

direction – Задаёт направление движения бегущей строки. Может принимать одно из значений: left(строка движется справа на лево), right (строка движется лева на право), up (строка движется снизу вверх), down (строка движется сверху вниз). По умолчанию – left

behavoir – способ движения внутри контейнера: alternate (контент движется маятником), scroll(перемещается в направлении, заданном свойством direction по кругу), slide (перемещается в направлении, заданном свойством direction. Дойдя до края останавливается). По умолчанию - scroll.

loop – задаёт число проходов бегущей строки. По умолчанию = "-1" - бесконечность. 
bgcolor – задает цвет фона. Например "#FFFFFF".

class - определяет имя используемого класса.

dir - определяет направление символов: ltr (слева направо), rtl (справа налево).

hspace - определяет горизонтальный отступ.

id - задает уникальный идентификатор.

style - задает встроенную таблицу стилей.

title - добавляет всплывающую подсказку.

truespeed - флаг, отменяющий встроенный ограничитель скорости.

vspace - вертикальный отступ.

Размещение текста поверх изображения. Если возникает задача размещения изображения поверх текста, то в этом вам поможет, уже изученная, обыкновенная таблица.

Надо создать таблицу, состоящую из одной строки и одного столбца. Чтобы удалить обрамление и свободные участки между  ячейкой и границей таблицы, надо атрибутам BORDER CELLPADDING CELLSPACING присвоить  нулевые значения. Атрибутами WIDTH HEIGHT надо "подогнать" размеры таблицы  под размер изображения.

Создание всплывающих  подсказок

Для создания всплывающих  подсказок служит атрибут TITLE. Этот атрибут можно применять в  контексте многих тэгов. Например, если применить этот атрибут в теле дескриптора гиперссылки <A>, то при наведении курсора на данную гиперссылку, пользователю будет показан текст, набранный в атрибуте TITLE.

Если в графическом  изображении был использован  атрибут ALT, то пользоваться TITLE вовсе  не обязательно, т.к. в этом случае пользователю показывается данные атрибута ALT.

Создание водяного знака

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

Для создания водяного знака  надо в теле тэга <BODY> для определения графического фона, использовать атрибут BACKGROUND. Для предотвращения перемещения фона надо атрибуту BGPROPERTIES присвоить значение fixed.

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