Содержание

Слайд 2

Фреймы

Фреймы

Слайд 3

Фреймы

Фрейм (frame) – это прямоугольная область на HTML-странице в которую загружается другая

Фреймы Фрейм (frame) – это прямоугольная область на HTML-странице в которую загружается
HTML-страница

Фреймы могут создаваться с помощью представления всей страницы как набора фреймов (frameset) или непосредственно вставляться в код HTML-страницы в нужном месте

В первом случае тело страницы представляет собой просто описание ее структуры (разбиение на фреймы) и не имеет каких-либо элементов содержания
Во втором случае фрейм называется встроенным

Слайд 4

... - набор фреймов

COLS = <Ширина> (ширина фрейма )
ROWS =<Высота>

... - набор фреймов COLS = (ширина фрейма ) ROWS = (высота
(высота фрейма)
ONLOAD =<Скрипт> (скрипт, выполняемый после загрузки фрейма – имя программы или непосредственно код Javascript)
ONUNLOAD = <Скрипт> (Скрипт, выполняемый, если фрейм не загрузился – имя программы или непосредственно код Javascript)
 Общие атрибуты

Фреймы

Набор фреймов группирует несколько фреймов или других наборов фреймов и выполняет разбиение страницы на прямоугольные области по вертикали и/или по горизонтали

Слайд 5

Фреймы

Код страницы полностью заменяется набором фреймов и вместо BODY используется Frameset

Ширина (высота)

Фреймы Код страницы полностью заменяется набором фреймов и вместо BODY используется Frameset
фреймов задается в пикселах по умолчанию, либо в процентах по отношению к ширине(высоте) всего набора фреймов
Символ * используется для автоматического вычисления размера последнего в разбиении фрейма по размеру области, заданной под набор фреймов

Слайд 6

- фрейм (прямоугольная область на странице

NAME = <имя> (имя фрейма)
SRC=

- фрейм (прямоугольная область на странице NAME = (имя фрейма) SRC= (адрес
(адрес страницы, которая будет содержимым фрейма)
LONGDESC= (описание фрейма)
FRAMEBORDER= [ 1 | 0 ] (границы)
MARGINWIDTH= <число> (ширина отступа слева и справа)
MARGINHEIGHT= <число> (ширина отступа сверху и снизу )
NORESIZE (не разрешает изменения размера фрейма) SCROLLING= [ yes | no | auto ] (возможность прокрутки)
  Общие атрибуты

Фреймы

Атрибут NAME задает имя фрейма для использования в атрибутах
TARGET тегов A, AREA, BASE, FORM, and LINK
Значение атрибут NAME должно начинаться с буквы

... - (код для браузеров, не понимающих фреймы )

Слайд 7




Table of Contents ……… Фреймы: Пример 1


<br> <BODY> <br> <H1>Table of Contents</H1> <br> ………<br> </BODY> <br>

Фреймы: Пример 1

Слайд 8

Фреймы: Пример 2

Фреймы: Пример 2

Слайд 9

Фреймы: Пример 2



Header, Footer and Contents Frameset


Фреймы: Пример 2 Header, Footer and Contents Frameset








Слайд 10

Фреймы: Пример 2, Страница Меню



header



Услуги



Персонал




Слайд 11

Фреймы: Пример 2

Фреймы: Пример 2

Слайд 12

Встроенный фрейм


SRC= URI (URI адрес страницы-источника данных)
NAME= <название> (название фрейма)
LONGDESC=

Встроенный фрейм ... SRC= URI (URI адрес страницы-источника данных) NAME= (название фрейма)
URI (ссылка на описание фрейма)
WIDTH= <длина> (frame width)
HEIGHT= <высота> (frame height)
ALIGN=[ top | middle | bottom | left | right ] (выравнивание)
FRAMEBORDER= [ 1 | 0 ] (граница)
MARGINWIDTH= <пиксели> (ширина отступа по горизонтали)
MARGINHEIGHT= <пиксели> (ширина отступа по вертикали)
SCROLLING= [ yes | no | auto ] (скроллинг)
Общие атрибуты

Слайд 13

Встроенный фрейм

Встроенный фрейм

Слайд 14

Встроенный фрейм

Встроенный фрейм

Слайд 15

Встроенный фрейм

body aLink="#ff3300" >

500px"
cellSpacing="0" cellPadding="1" border="0" >









……………………………………….

Слайд 16

СПИСКИ

СПИСКИ

Слайд 17

УПОРЯДОЧЕННЫЙ СПИСОК

    ...

АТРИБУТЫ
TYPE=[ 1 | a | A | i |

УПОРЯДОЧЕННЫЙ СПИСОК ... АТРИБУТЫ TYPE=[ 1 | a | A | i
I ] (СТИЛЬ НУМЕРАЦИИ)
START=номер (начальный номер)
COMPACT (компактное представление)
Общие атрибуты

СТИЛЬ НУМЕРАЦИИ
1 (числа: 1, 2, 3, 4, 5, ...)
a (малые буквы: a, b, c, d, e, ...)
A (заглавные буквы: A, B, C, D, E, ...)
i (малые римские цифры: i, ii, iii, iv, v, ...)
I (заглавные римские цифры : I, II, III, IV, V, ...)

Слайд 18

МАРКИРОВАННЫЙ СПИСОК

    ...

АТРИБУТЫ
TYPE=[disc | square | circle ] (СТИЛЬ МАРКЕРА)
COMPACT

МАРКИРОВАННЫЙ СПИСОК ... АТРИБУТЫ TYPE=[disc | square | circle ] (СТИЛЬ МАРКЕРА)
(компактное представление)
Общие атрибуты

СТИЛЬ МАРКЕРА
disc (заполненный кружок)
square (квадратик) circle (обводка круга)

Слайд 19

ЭЛЕМЕНТ СПИСКА

  • ...

  • АТРИБУТЫ
    TYPE = [disc | square | circle | 1 |

    ЭЛЕМЕНТ СПИСКА ... АТРИБУТЫ TYPE = [disc | square | circle |
    a | A | i | I ] (стиль маркера)
    VALUE = номер (номер по порядку)
    Общие атрибуты

    СТИЛЬ МАРКЕРА
    disc (заполненный кружок) ДЛЯ
    square (квадратик) МАРКИРОВАННОГО
    circle (обводка круга) СПИСКА
    1 (числа: 1, 2, 3, 4, 5, ...)
    a (малые буквы: a, b, c, d, e, ...)
    A (заглавные буквы: A, B, C, D, E, ...)
    i (малые римские цифры: i, ii, iii, iv, v, ...)
    I (заглавные римские цифры : I, II, III, IV, V, ...)

    Слайд 20

    СПИСКИ

    СПИСКИ

    Слайд 22

    МЕНЮ

    ...
    АТРИБУТЫ
    COMPACT (компактное представление)
    Общие атрибуты


  • Высшая математика

  • МЕНЮ ... АТРИБУТЫ COMPACT (компактное представление) Общие атрибуты Высшая математика Начертательная геометрия Философия
    bgColor="#008b8b" vAlign="top" >
    “logo"
    colspan ="2" vAlign="top" >
    “PICTURE"



    О фирме




    Новости




    Заказ тура





    picture src="images/about1.jpg" width=192>
    bgColor="#99cccc">