Фреймы

Содержание

Слайд 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 (компактное представление) Общие атрибуты Высшая математика Начертательная геометрия Философия
  • Начертательная геометрия

  • Философия


    • Имя файла: Фреймы.pptx
    Количество просмотров: 280
    Количество скачиваний: 0
    - Предыдущая
    The situation in Ukraine
    Следующая -
    HTML Фреймы

    Похожие презентации

    Журнал «Частный интерьер» выходит с 2001 года. Он стал одним из первых журналов в России, посвященных жилому интерьеру. На страницах
    МИФИ. Шаблон
    Окружность
    Автоматизация л в начале слова
    Прайс AFS. Цены, кредит
    Шоколад
    По старому Бежецкому тракту
    На пути к жизненному успеху (6 класс)
    Введение в компьютерную терминологию
    Представление о культуре во времена средневековья
    Санкт - Петербург
    Преимущества ипотеки ВТБ
    ВКР: Проектирование участка автомобильной дороги п.Екатеринославка - п. Новобурейск Бурейский район
    Введение в IBM® Rational® Focal Point™ для управления портфелем проектов Сергей Тупчиенко, консультант IBM Rational [email protected]
    Типы цифровых образовательных ресурсов
    Государство Бельгия
    Показатели долговечности
    Контрольно – оценочная деятельность учителя и учащихся
    Кардиогенный шок
    Как представить четырехмерное пространство главных компонентв анализе данных “Политического Атласа Современности”?
    Оборот 2007 29.9 млн. 2008 63 млн. 2009 43 млн. 08.2010 70 млн. Численность 2008 136 08.2010 220 Производство 2 Италия Инженерные центры 3 1 в Италии,
    Красноярский Технопарк
    Презентация на тему Системы счисления
    Причастные и деепричастные обороты
    Параллельное образование и переводы
    Сказка про многострадального тестера
    Комплекс прикладных программтиповой информационной системыподдержки мероприятий по развитию профилактического направления ме
    Виды Белгорода история и современность
    LiveInternet
    Обратная связь
    Для правообладателей
    Email: Нажмите что бы посмотреть
    bgColor="#008b8b" vAlign="top" >
    “logo"
    		 colspan ="2" vAlign="top" >
    “PICTURE"



    О фирме




    Новости




    Заказ тура





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