Фреймы Урок 5 Пищита Е.В.. Фрейм-документ Пищита Е.В. Фреймы позволяют нам открыть в окне броузера - не один, а сразу несколько документов (в нашем случае, - презентация

1 Фреймы Урок 5 Пищита Е.В.

2 Фрейм-документ Пищита Е.В. Фреймы позволяют нам открыть в окне броузера - не один, а сразу несколько документов (в нашем случае, документ struktura.htm, который содержит список с ссылками, index.htm - документ, который содержит название проекта, и vvedenie.htm - документ с первой страничкой вашего проекта). ЗАГОЛОВОК ДОКУМЕНТА ТЕКСТ НА СТРАНИЧКЕ ЗАГОЛОВОК ДОКУМЕНТА Структура простого html – документа:Структура фрейм – документа:

3 rows - горизонтально cols - вертикально Тег Пищита Е.В. Тег имеет атрибуты rows и cols – которые указывают браузеру на то, как следует размещать фреймы в окне браузера. фреймы фреймы

4 Пищита Е.В. В окне браузера открываются три веб-документа в горизонтальных фреймах

5 Пищита Е.В. В окне браузера открываются три веб-документа в вертикальных фреймах

6 Разберём на примерах. Пример 1 Пищита Е.В. 1 - делим окно браузера на две строки - в первую строку загружаем Страницу 1 - а вторую строку делим на два столбца - в первом будет Страница 2 - а во втором Страница 3 - закрываем тег деления на столбцы - закрываем тег деления на строки

7 Пищита Е.В.

8 - делим окно на два столбца - в первом будет Страница 1 - а второй делим на две строки - в первой будет Страница 2 - а во второй будет Страница 3 - закрываем деление на строки - закрываем деление на столбцы Разберём на примерах. Пример 2 2

9 Пищита Е.В.

10 - делим окно на три столбика -в первый столбец загружаем Страницу 2 - второй столбик делим на две строки - в первой будет Страница 1 - вторую строку делим на два столбца - в первом будет Страница 3 - во втором опять Страница 3 - закрываем деление на столбцы - закрываем деление на строки - в третий столбец загружаем Страницу 2 - захлопываем Разберём на примерах. Пример 3 3

11 Пищита Е.В.

12 Фреймы и ссылки. Пищита Е.В. Мы уже знакомы с атрибутами name- имя и target- цель, которые применяются при работе с ссылками. При работе с фреймами механизм немного изменён: 1)фрейму, в котором нужно открыть какие либо документы, необходимо присвоить индивидуальное имя, например так: 2)в документе с ссылками необходимо указать цель, то есть определить в каком окне стоит открывать тот или иной документ,, например так: Ссылка Проведём демонстрацию на первом примере. Тут будет документ, содержащий ссылку В этом фрейме будет загружаться документ, прописанный по ссылке

13 Пищита Е.В. Внесём изменения в документ index2. htm (Страница 2), таким образом, чтобы он содержал ссылку на другой документ и этот другой (в нашем случае главная страница проекта) открывался в фрейме Страницы 3.

14 Пищита Е.В. Таким образом, главная страница проекта по ссылке загрузилась в третий фрейм

15 Приводим фреймы в опрятный вид Пищита Е.В. Некоторые атрибуты тега : Атрибут scrolling контролирует полосы прокрутки: no - никогда не показывать полосу прокрутки, yes - всегда показывать, auto - показывать в том случае если она необходима. Атрибуты marginwidth и marginheight задают в пикселях расстояние от границ фрейма до текста или картинки. Границы фреймов «мобильны», т.е. их можно перетащить курсором мыши. Чтобы границы не изменялись, используют атрибут noresize. Атрибут тега : Знакомый нам атрибут border задаёт ширину в пикселях рамок между фреймами.

16 Пищита Е.В.

17 Практическая работа 4 Фреймы Пищита Е.В.

18 Что мы уже имеем для сайта проекта? 5 html – документов: 1 – index.htm (название, цель и актуальность проекта) 2 – struktura.htm (содержание проекта) 3 – vvedenie.htm (введение к проекту) 4 – grafik.htm (исследования по проекту) 5 – vyvod.htm (вывод проекта) Пищита Е.В.

19 1 – index.htm Пищита Е.В.

20 2 – struktura.htm Пищита Е.В.

21 3 – vvedenie.htm Пищита Е.В.

22 4 – grafik.htm Пищита Е.В.

23 5 – vyvod.htm Пищита Е.В.

24 К какому виду мы должны прийти сейчас? Пищита Е.В.

25 Что для этого нужно? 1. Создать 6-ой html – документ – glavnaja.htm с фреймами. 2. Чтобы ссылки открывались в нужном фрейме, необходимо изменить в документе struktura.htm следующий атрибут: Пищита Е.В.