Инструментальные средства создания электронных образовательных ресурсов План лекции 3 Основные теги языка HTML: фреймы (кадры) - презентация

1 Инструментальные средства создания электронных образовательных ресурсов План лекции 3 Основные теги языка HTML: фреймы (кадры)

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

3 Самый простой способ разделения - два кадра: кадр для оглавления учебника и кадр для просмотра содержания.

4

5

6

7 Взаимосвязь между файлами, объединенными посредством кадров можно представить следующим образом Основной файл Frame 1 Frame 2 … Frame n Файл, содержимое которого будет выводиться во Frame 1 Файл, содержимое которого будет выводиться во Frame 2 Файл, содержимое которого будет выводиться во Frame n

8 Кадровая структура определяется только один раз в основном файле, в котором посредством тега указываются ссылки на остальные файлы. Деление на кадры осуществляется с использованием специального тега … Этот тег используется вместо тега. Т.е. можно сказать, что в основном файле тег будет отсутствовать. Тег используется при определении каждого кадра, внутри этого тега могут использоваться только теги или.

9 Тег имеет два основных параметра rows и cols. Общий вид тега можно представить следующим образом … Строка value представляет собой список значений (в пикселах или процентах), разделенных запятыми. Количество рядов или столбцов кадров определяется количеством этих значений. Например, приведет к созданию трех кадров по 25%,50% и 25% от высоты окна браузера. Параметры тега Параметры тега

10 После того как с помощью тега было определено общее количество кадров в документе, для определения параметров каждого кадра в отдельности следует использовать тег Этот тег является одиночным, он всегда располагается внутри тега. Количество тегов должно быть равно количеству кадров, указанных во. Тег Тег

11 Основными параметрами тега являются src - который определяет путь к файлу ( или Интернет-адрес), который должен отобразиться в данном кадре; name – имя кадра (необязательный, но удобный для дальнейшего обращения к кадру). Параметры тега Параметры тега

12 В качестве примера рассмотрим создание простейшей структуры, состоящей из двух кадров. content.html main.html left_frame (25%) right_frame (75%)

13

14

15

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

17