- •История развития Internet. Используемые в Internet технологии.
- •Определение типа документа (dtd). Назначение, основные конструкции.
- •Язык sgml
- •Язык html. Базовая структура html документа.
- •Язык html. Секция head и метаинформация.
- •Язык html. Фреймы.
- •Язык html. Формы и элементы ввода.
- •Каскадные таблицы стилей. Глобальные таблицы стилей.
- •Язык html. Таблицы. X 2
- •Каскадные таблицы стилей. Локальные таблицы стилей.
- •Каскадные таблицы стилей. Связные (внешние) таблицы стилей.
- •Объектная модель документа. Интерфейсы Core dom2.
- •Объектная модель документа. Интерфейсы html.
- •Объектная модель документа. Интерфейсы для управления таблицами.
- •Интерфейс htmlTableElement
- •Клиентские сценарии. Модель событий. Обзор.
- •Перехват события
- •Просачивание (всплытие) события
- •Отмена события
- •Клиентские сценарии. Модель событий. События мыши
- •Типы событий мыши. Dom 2 определяет следующие типы событий мыши:
- •Клиентские сценарии. Модель событий. События клавиатуры.
- •Клиентские сценарии. Модель событий. События окна.
- •Клиентские сценарии. Модель событий. Объект Event.
- •Клиентские сценарии. Связывание сценариев.
- •Клиентские сценарии. Язык JavaScript. Обзор, объектная модель. X 2
- •Возможности языка
- •Объектная модель браузера
- •Объектная модель документа
- •Клиентские сценарии. Язык JavaScript. Объект RegExp X 2
- •Клиентские сценарии. Язык JavaScript. Объекты Function, Object, Number
- •Клиентские сценарии. Язык JavaScript. Таймеры
- •Серверные сценарии. Web Server. Передача данных на сервер.
- •Серверные сценарии. Asp. Основные конструкции и объекты.
- •Серверные сценарии. Asp. Доступ к базе данных.
- •Язык java. Обзор. Основные особенности X 2
- •Язык java. Пакеты и организация пространства имен.
- •Область видимости
- •Язык java. Интерфейсы.
- •Интерфейсы
- •Interface имя_интерфейса {
- •Язык java. Апплеты. Включение апплетов на html страницу.
- •Язык java. Потоки.
- •Xml. Основные понятия и конструкции языка.
- •Xsl. Основные понятия и конструкции языка. Xslt преобразование
Язык html. Фреймы.
http://pyramidin.narod.ru/html401/frames.html
<html>
<frameset cols=”25%,25%,*”>
<frame src=”1.html”>
<frame src=”2.html”>
<frame src=”3.html”>
</frameset>
frameset noresize=nonresize
scrolling-yes|no|auto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>Простой набор фрэймов</TITLE>
</HEAD>
<FRAMESET cols="20%, 80%">
<FRAMESET rows="100, 200">
<FRAME src="contents_of_frame1.html">
<FRAME src="contents_of_frame2.gif">
</FRAMESET>
<FRAME src="contents_of_frame3.html">
<NOFRAMES>
<P>Это набор фрэймов:
<UL>
<LI><A href="contents_of_frame1.html">Некоторое содержимое</A>
<LI><IMG src="contents_of_frame2.gif" alt="Изображение">
<LI><A href="contents_of_frame3.html">Другое содержимое</A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>
---------------------------------------
| | |
| | |
| Frame 1 | |
| | |
| | |
|---------| |
| | Frame 3 |
| | |
| | |
| | |
| Frame 2 | |
| | |
| | |
| | |
| | |
---------------------------------------
Элемент IFRAME позволяет авторам вставлять фрэйм внутрь блока текста. Вставка инлайн-фрэйма в раздел текста очень похожа на вставку объекта элементом OBJECT: Обе позволяют Вам вставить документ HTML в середину другого, оба могут быть выровнены с окружающим текстом и т.д.
Информация. вставляемая инлайн, создаётся атрибутом src данного элемента. Содержимое элемента IFRAME, с другой стороны, должно отображаться ПА, только если он (ПА) не поддерживает фрэймы или соответствующим образом сконфигурирован, чтобы не отображать фрэймы.
<IFRAME src="foo.html" width="400" height="500"
scrolling="auto" frameborder="1">
[Ваш ПА не поддерживает фрэймы или соответствующим образом сконфигурирован,
чтобы не отображать фрэймы. Однако, Вы можете посетить
<A href="foo.html">сопутствующий документ.</A>]
</IFRAME>
Язык html. Формы и элементы ввода.
http://pyramidin.narod.ru/html401/forms.html
Input, textarea, checkbox, …
Intrinsic controls
Для отправки данных на сервер служат формы.
<html>
<body>
<form name=”UserInfo”>
<label for=”user”>Имя:</label>
<input type=text name=”user” value=”” id=”UserName”>
<label for=”address”>Адрес:</label>
<input type=text name=”address” value=”” id=”address”>
<textarea rows=5 cols=50 name=”SummaryInfo” id=”SumInf”>
Введите что-нибудь :)
</textarea>
<input type=submit value=”Сохранить”>
</form>
</body>
</html>
Элементы, объявленные за пределами формы, имеют свою область действия. Отправить на сервер их данные не возможно, они обрабатываются только на клиентской стороне.
<form name=”UserInfo”>
<input type=radio name=”gender” value=”Male”>Мужской
<input type=radio name=”gender” value=”Female”>Женский
<input type=radio name=”gender” value=”middle”>Средний
</form>
<input type=radio name=”gender” value=”undefined”>Неопределенный
Радио-кнопка, расположенная вне формы, не связана с остальными, даже если она имеет то же имя.
Если не выбрана ни одна радио-кнопка, то на сервер будет отправлено значение "ON". В противном случае отправляется только значение выбранной кнопки.
<input type=checkbox …>
На сервер отправится массив, в котором будет столько элементов, сколько выбрал пользователь (если все флажки с одинаковыми именами).
Флажки могут находиться в одном из трех состояний: вкл, выкл, неопределен (может быть установлено только с помощью JavaScript, свойство indeterminate)
