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

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

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

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

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

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

Пищита Е.В.

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

Пищита Е.В.

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

Пищита Е.В.

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

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

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

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

Пищита Е.В.

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

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

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

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

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

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

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

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

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