controls Добавляет панель управления к аудиофайлу.

loop Повто воспроизведение звука с начала после его завершения.

preload Испдля загрузки файла вместе с загрузкой веб-стр.

src Указывает путь к воспроизводимому файлу.

Тег <video>Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут src или вложенный тег <source>.

Синтаксис:<video>

<sourcesrc="URL">

</video>

autoplay-Видео начинает воспроизводиться автомат после загрузки стр.

controls-Добавляет панель управления к видеоролику.

height-Задает высоту области для воспроизведения видеоролика.

loop-Повторяет воспроизведение видео с начала после его завершения.

poster-Указ адрес картинки, кот будет отображ, пока видео не доступно или не воспроизводится.

preload-Используется для загрузки видео вместе с загрузкой веб-стр.

src-Указывает путь к воспроизводимому видеоролику.

width-Задает ширину области для воспроизведения видеоролика.

47.Формы в HTML-документе.

Форма HTML - док, созданный с исп элементов HTML. Назначением формы явл сбор инф от пользователей. После того как пользователь заполнит форму и запускает процесс ее обработки, инф из нее попадает в программу, раб на сервере. Т.о., пользователь может интерактивно взаимод с сервером Web через Internet.

Элемент < FORM >исп для обознач док как формы. Данный элемент опред границы исп др элементов, размещаемых в форме.

< FORM > опред последовательностью элементов < INPUT >, размещ внутри пары <FORM> и </FORM>. Элемент формы исп как метод, так и действие для описания обраб формой данных, ввод пользователем:

· метод (GET или POST) - опред, как программист должен обраб входные данные из формы.

· действие - указ на URI программы, ответственной за обработку данных.

Элемент < INPUT > исп для опред области внутри формы, где собир данные. Данный элемент - поле для ввода инф пользователем (обычно одна строка текста text). В этом случае треб наличие атрибута NAME для опред наименования переменной поля. При созд форм часто бывает необход получить ответ пользователя на вопрос типа (Да/Нет) или (Правда/Ложь). Например, нужно выбрать из списка несколько значений. Для созд независ кнопок в формах можно исп атрибут button . Атрибут PASSWORD исп для орг-ции ввода пароля без вывода на экран составляющих его символов (вместо символов выводятся звездочки).Атрибут RADIO. исп для орг-ции выбора 1 единственного варианта их нескольких возможных. Атрибут SELECT. Для организации списков с прокруткой и выпадающим меню можно исп атрибут < SELECT >. Для опред списка пунктов исп элементы < OPTION > внутри < SELECT >.Атрибут SUBMIT исп при окончании ввода пользователем данных. Браузер, в свою очередь выводит данный элемент, как кнопку, на кот пользователь может щелкнуть, чтобы завершить процесс редактир.

48. Обработка данных формы в HTML-документе. CGI-сценарии.

Формы позволяют обеспечивать интерактивную связь сайта с пользователем.

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

Формы должны быть просты и удобны в работе. Желательно чтобы форма помещалась в пределах одного экрана. Для этого она должна содержать не более 30 текстовых строк по вертикали и 70 символов по горизонтали.

Когда сервер получает информацию о заполненной форме, он запускает на выполнение одну или несколько программ, которые называются CGI (Common Gateway Interface) – интерфейс общего доступа. Сценарий CGI определяет правила обработки данных. К примеру, он может отослать результаты заполнения формы на электронную почту или внести их в базу данных. Такие сценарии, как правило, создаются на языке Perl.

После успешной обработки полученных результатов сценарий CGI может отправить на компьютер пользователя квитанцию, которая воспроизводится в браузере в виде окна сообщения.

Обычно CGI-сценарии хранятся на сервере в папке cgi-bin.

Атрибут тэга FORM – Action – указывает обработчика, к кот. Обращаются данные формы при их отправке на сервер.

В кач-ве обработчика могут выступать:CGI-программа, HTML-документ, адрес эл. Почты, начинающийся с ключевого слова mailto.Примеры: <FORM ACTION=»f1.php»>;

<FORM ACTION=http://www.htmlbook.ru/doenload/file.html>;

49.Таблицы каскадных стилей CSS. Назнач-е и возможности. Спецификации CSS

CSS (каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.Стиль включает все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля и расположение объектов на странице.CSS разрабатывались так, чтобы обеспечить больший уровень контроля над размещением текста и графики.Каскадные таблицы стилей обеспечивают должный уровень единства оформления, организации и контроля во время разработки узла, который является недостижимым с помощью одного только HTML.

Возможности CSS:

1.Упр-е отображением множества документов с помощью одной таблицы стилей

2.Более точный контроль над внешним видом страниц

3.Различные представления для разных носителей инф-ции (экран, печать и тд.)

4.Меньший объем,как следствие – более выс. Скорость загрузки страницы

5.Больше возможностей оформления по сравнению с классическим HTML. Cпецификации CSS:

1.Cпецификация css1 – предоставл возможности задавать вид,размер и начертание шрифта; опред. Цвет текста, фона, рамок и др. эл-тов страницы

2.Спецификациия css2-добавлены возможности относительного,абсолютн. И фиксир. Позиционирования эл-тов,настройки звук. Эффектов, уст. Отображ-е текста или графики после опред. Эл-тов.

3.Спецификация css3-вкл возможности созд-я теней для текста и графики,закругления углов эл-тов,исп-е нескольких фонов, прим-е анимации и тд. Поддерж-ся не всеми браузерами!

50.Осн.понятия таблиц каскадных стилей: селекторы, правила, св-ва элементов. Группировка селекторов. Контекстные селекторы.

Таблица стилей состоит из набора правил. Каждое правило сост.из 2-х частей: селектора и блока определений.

Селектор-это элемент,к кот.необходимо применить команды форматир-я,описанные в блоке определений.В кач-ве селектора обычно выступ. теги HTML.

Определение представл собой пару из 2х эл-тов – св-ва и его знач-я,разделенных двоеточием.Блок определений сост из нескольких опред-й,разделенных точкой с запятой и заключ.в фигурные скобки.

Группировка селекторов: вместо одного селектора можно указать несколько селекторов через запятую. Пример: h1,h2:{color:blue} – синий фон для заголовков через запятую.

Контекстные селекторы: их исп-е удобно тогда,когда оформл-е эл-та зависит от того,в какой эл-т он вложен. Например,гиперссылки,находящиеся в ячейках таблицы д.б. оформлены жирным курсивом,в то время как ост. гиперссылки,располож.за пределами таблицы-просто курсивом.В этом случае будут прописаны 2 правила:

a {font-style: italic; font-weight: normal}

table a {font-style: italic; font-weight: bold}

В этом примере селектор table явл-ся контекстным,он уст.правила оформл-я только тех гипперссылок,кот. Располож.в таблице,в то время как предшествующий ему селектор «a» описывает оформл-е всех гиперссылок.

51. Включение таблиц стилей в HTML-документ.

CSS предполагает 3 типа таблиц стилей - встроенные, внедренные (внутренние) и связанные (внешние).

Встроенная таблица стилей (в теге body): <p style="font-size: 21px; color: green;">текст</p> - оформление абзаца

Внедренная табл. стилей (в теге style):

H1 {text-align: left; color: white}

H2 {font-family: arial; color: red} – оформл-е заголовков 1го и 2го ур-й

Внешняя таблица стилей может быть написана в любом текстовом редакторе. Файл не должен содержать какие-либо html теги. Вашу таблицу стилей следует сохранить в файле с расширением ".css".

52.Использование классов в CSS. Id-селекторы.

Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-стр или задать разные стили для одного тега. При использовании совместно с тегами синтаксис для классов будет следующий.Тег.Имя класса { свойство1: значение; свойство2: значение; ... } .Внутри стилевой таблицы вначале пишется желаемый тег, а затем, через точку пользовательское имя класса. Чтобы указать в коде HTML,что тег используется с определенным стилем, к тегу добавляется параметр class="Имя класса". Пример:

<STYLE>

P.a {color: white; text-align: right} – опис-е абзацев

</STYLE>

…

<p class=»a»> - применение этого класса

Язык документа может содержать атрибуты типа ID, любые два из них обязательно имеют различные значения. Независимо от языка док-та атрибут ID может использоваться для уникальной идентификации элементов.Он позволяет разработчикам назначать идентификатор одному экземпляру элемента в дереве документа. В CSS ID-селекторы сопоставляются экземпляру элемента в зависимости от его идентификатора и ID-селектор содержит символ "#" за которым следует значение атрибута ID.

Пример:

<head>

<style>

#ramka{border: 2px blue} – описание оформл-я рисунка в рамке

</style>

</head>

Чтобы применить этот индификатор,в тег IMG рисунка добавим атрибут ID:

53.Приоритеты использования таблиц каскадных стилей CSS.

Каскадные таблицы стилей (CSS) — это набор правил форматирования, определяющих отображение содержимого на веб-стр.

Когда в одном док-те мб одновременно несколько таблиц стилей, применяется принцип каскадирования. Используется стиль,обладающий наиб. приоритетом.

Правила опред-я приоритетов:

-самый низкий приоритет имеет стиль браузера

-более высокий приоритет у стиля,заданного юзером в настройках браузера

-самый выс.приоритет у стилей,заданных непосредственно автором страницы

Среди авторских стилей приоритеты распред-ся след образом:

-самым низким приоритетом обладают стили,наследуемые в док-те элементом от своих предков

-более высоким приоритетом обладают стили,заданные во внешних таблицах стилей,подключенные к док-ту

-еще более высоким приоритетом обладают стили,заданные во внедренных таблицах стилей.

-самый высокий приоритет у встроенных таблиц стилей

В случаях,когда к оформл-ю какого-либо элемента имеют отнош-е несколько селекторов из внедренных таблиц стилей,учитывают следующее:

-св-ва,звдвнные для идентификатора,обладают более высоким приоритетом над св-вами,заданными для классов и тегов.

-св-ва,заданные для класса,обладают более высоким приоритетом над св-вами,заданными для тегов

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

-последнее описание преобладает над всеми предыдущими

54.Назначение и возможности языка JavaScript. Варианты использования сценариев в HTML-документе.

JavaScript — это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем, перезагрузки страницы не происходит.

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

Возможности:1)динамическое упр-е внешним видом и содержимым html-док-в; 2)упр-е браузером и атрибутами док-та; 3)диалог с пользователем с помощью окон сообщений,кот. позволяют выводить текстовые сообщ-я и вводить ответы на вопросы; 4)динамическое созд-е окон и док-в; 5)выполн-е математических вычислений и др.

Сущ-ет несколько вариантов исп-я сценариев JavaScript:

1)вставка (сценарий находится в контейнере style).Можно указывать язык сценария: <style type=»text/JavaScript»>

С помощью атрибута defer можно настроить выполнение сценария только после полной загрузки веб-страницы: <script defer=»defer»>

Так же можно отключать скрипты.

2)ссылка на внешний файл . Код сценария может храниться в отдельном файле с расшир-ем .js. Для подключ-я файла к веб-странице его url-адрес записывается с помощью атрибута src тега <script>:

3)гипертекстовая ссылка . В аргументе href тега <a> можно вместо адреса перехода исп-ть сценарий:

4)обработчик события. В случае,когда сценарий д.б. выполнен при наступлении какого-то события код сценария записывается в обработчике соответствующего события. Обработчик события указывается в атрибутах тега,с кот. связано событие:

<form><input type=button value=»Кнопка»

OnClick=»alert (`Вы нажали кнопку`) »></form> -- выводится окно сообщ-й с текстом «Вы нажали кнопку»

Наиб.частовстречающиеся события: onClick, onChange, onLoad, onMouseUp(Down), OnMouseOver(Out) и др.

55.Типы данных в языке JavaScript. Переменные. Массивы данных.

Сущ-т 4 простых типа данных:числовые, логические, строковые и литерал null.Числовые данные имеют формат с плавающей запятой и могут задаваться в произвольной форме, н-р, 1.349.Логические данные могут принимать только два значение:истина(true) и ложь(false).Строковые данные это последовательность любых символов, цифр и специальных символов, заключенные в одинарные или двойные кавычки. Литерал nullимеет смысл «отсутствие определенного знач-я». Если объявили переменную,но не присвоили ей конкретное знач-е, она имеет знач-е null.

Переменные(литералы) – некоторые постоянные знач-я. Переменнаясостоит из имени и выделенной области памяти, которая ему соответствует. Имена переменных в JavaScropt могут состоять из букв,цифр,символов подчеркивания, имена не могут начинаться с цифры. Для объявления или, другими словами, создания переменной используется ключевое слово var:var A=10

Переменные мб: локальными (доступны только внутри ф-ции,в кот. они описаны) и глобальными (доступны любому сценарию текущего док-та,мб объявлены в сценарии как в контейнере head, так в и в body)

Массивы –сов-ть нумерованных данных,обращение к кот.происходит по общему имени. Данные в массиве назыв.элементами массива, а номера данных – индексами. Длина массива – кол-во эл-тов в этом массиве.Длина массива может меняться.Нумерация начинается с нулевого массива.

Для созд-я массива исп-ся ф-ция-конструктор Array (), кот.можно вызвать несколькими способами:

ИмяМассива=new Array ()

ИмяМассива=new Array (КоличествоЭлементов)

Многомерные массивы JavaScript не поддерживает.

56. Операторы языка JavaScript. Оператор присваивания. Условный оператор.

Оператор – команда языка,указывающая интерпретатору JavaScript на необходимость выполн-я того или иного действия.

Оператор присваивания:переменная = выражение. Переменной,стоящей слева от знака равно,присваивается знач-е выраж-я,стоящего справа. Пример: а=234; a=b-10; a=a/2

Oператор if: исп-е этого оператора позволяет в зависимости от усл-я выполнять различные части программного кода. If (условие) {операторы1} или If (условие) {операторы1}

Else {операторы2}

В 1-м варианте в случае истинности усл-я выполн. операторы1, в противном случае – операторы,следующие за командой if. Во 2м случае при истинном условии выполн операторы1, в противном случае – операторы2.

57. Орг-ция циклов в языке ДжаваСкрипт.

Оператор while (цикл с условием) – для многократного выполн-я группы операторов:до тех пор,пока усл-е истинно. While (условие) {операторы1}

Круглые скобки в записи оператора while обязательны. Фигурные можно опустить,если в них 1 оператор.

Оператор for – служит для организации цикла: for (инициализация; условие; шаг) {операторы1}

Круглые скобки в записи оператора for обязательны. Фигурные можно опустить,если в них 1 оператор.

Инициализация задает начальное знач-е счетчика цикла. Это мб оператор var. Условие необход.,чтобы определить,когда завершить цикл.Цикл продолжается,пока усл-е истинно. Шаг – для вычисления следующего знач-я счетчика.

Оператор break используется только внутри циклов for и while. Служит для выхода из цикла. Выполнение программы начинается с оператора,следующего за циклом. Синтаксис: break.

Оператор сontinue исп-ся только внутри циклов for и while. Cлужит для перехода к началу цикла. Синтаксис: continue.

58. Описание и вызов ф-ции в языке JavaScript

Ф-ция – программа,выполнение кот. вызывается ссылкой на имя ф-ции. Исп-ся: 1)стандартные ф-ции, 2)ф-ции,реализ.как методы объектов, 3)ф-ции,созд.пользователем.

Наиб.часто исп-ся след. стандартные ф-ции: eval(интерпретация строки как фрагмента жава-скрипт кода), escape(замена спец символов в строке на их коды), unescape(операция,обратная escape)и тд.

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

Function ИмяФункции ([аргумент [,…,агрумент]])

{

Операторы; // тело ф-ции

}

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

Выполн-е ф-ции происходит в рез-те ее вызова в сценарии JavaScript.

Синтаксис: ИмяФамилия ( [аргумент [,…,аргумент] ] ). Здесь аргумент – это данные,кот.передаются ф-ции.

Ф-ция мб либо просто выполнять последовательность операторов,либо произвести какие-л. Вычисления и вернуть рез-т – знач-е ф-ции. Знач-е ф-ции задается в теле ф-ции оператором return. Синтаксис: return или return ваыражение.

59. Объектно-ориентированное программирование (ООП) в жава-скрипт. Св-ва и методы объектов. Виды объектов в жава-скрипт.

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

Некоторые объекты могут вкл в себя др объекты: форма может вкл кнопки,текстовые поля;html-док-т – изображ-я и гиперссылки.

Св-ва объекта- данные,опис текущее сост-е объекта. В жава-скрипт обращ-е к св-вам объекта запис.след.образом: Объект. Свойство

Для измен-я сост-я объекта следует присвоить св-ву новое знач-е: Объект. Свойство=Значение

Сущ-ют св-ва объектов,кот доступны только для чтения. Их знач-е изменить нельзя: св-во appName объекта Navigator – назв-е браузера,в кот.открыта веб-страница.

Методы объекта – ф-ции,связанные с данным объектом.С помощью методов объекты могут выполн некоторые действия.

Вызов метода в жава-скрипт запис-ся след образом: Объект. Метод ( [аргумент1, аргумент2,…] )

В жава-скрипт сущ-ет возможность исп-я встроенных объектов,а также созд-я объектов собственных.

В жава-скрипт исп-ся след объекты: 1)внутренние(встроенные) объектыязыка жава-скрипт. (объекты Math, Array, String, Date и др.); 2) объекты браузера (window, location, history, documents, navigator); 3)объекты док-та(они связаны с тегами языка html); 4)объекты,созданные пользователем.

60. Объектная модель браузера в JavaScript. Объектная модель док-та.

Объектная модель браузера.При загрузке html-док-та браузер автоматически создает набор объектов,составляющих данный док-т. Множ-во всех объектов образует объектную модель браузера. Осн-е предназнач-е объектной модели браузера-упр-е окнами браузера и обеспеч-е их взаимодействия. Объектная модель браузера явл иерархичекой,ее вершина – объект window, кот.вкл в себя все остальные объекты. Объект window – каждое из окон браузера и каждый фрейм,если веб-страницы состоит из фреймов.

В объект window входят: объект history(содерж.сведения обо всех посещенных страницах), объект document (cодерж.сведения о текущем док-те), объект location (cведения о местанахожд-и текущего док-та), объект navigator (сведения о версии браузера), объект screen (свед-я о физ среде,в кот. запуск-ся браузер).

Объект document хранит сведения о входящих в него эл-тах в массивах. К объектам веб-стр-цы можно обращаться не только как к эл-там массива, но и по имени. Имя эл-та присваивается с помощью атрибута name.

Объектная модель док-та (DOM) –cов-ть объектов,описывающих веб-стр-цу в окне браузера со всеми их методами и св-вами.

Эта модель явл стандартом,предложенным веб-конструктором W3C, и регламентирует способ представления содержимого док-та в виде набора объектов. В отличие от объектной модели браузера,кот.уникальна для каждого браузера, DOM явл стандартом и должна поддерживаться всеми браузерами. В объектной модель док-та каждый тег явл-ся объектом. Св-вами объектов явл-ся атрибуты соответствующих тегов. Объектная модель описывает html-док-т в виде иерархической стр-ры,образованной тегами док-та.

Для обращ-я к эл-там веб-страницы исп-ся идентификаторы,а к текущему эл-ту – имя this. Также исп-ся объект style (св-ва как и в css).

1 2 34

Не нашли, что искали? Воспользуйтесь поиском по сайту: