Фреймы
Введение во фреймы. Фрейм и набор фреймов.
Итак, простейший сайт мы создали. Первый шаг в Web-дизайне нами сделан. Пора двигаться дальше. В этой главе мы создадим новую версию нашего сайта с использованием фреймов. Поэтому прежде, чем мы начнем изучать фреймы и работу с ними, создайте для нового сайта новую папку.Схемы наборов фреймов
Теперь поговорим о различных способах разделения окна Web-обозревателя на отдельные фреймы и об информации, помещаемой в эти самые фреймы, иначе говоря, о разных схемах фреймового дизайна. Вообще, сколько существует Web-дизайнеров, столько существует и схем фреймового дизайна, так что перечислять их все бесполезно.Сложные наборы фреймов
А теперь нужно рассказать об одной особенности фреймов, которую вам обязательно надо знать. | Как вы уже знаете, фреймы являются составными частями набора фреймов.Работа с фреймами. Создание фреймов.
Но хватит пустых разговоров! Давайте займемся делом и на конкретном примере рассмотрим принципы фреймового дизайна. Мы создадим новую версию нашего сайта, посвященного гипотетическому Web-дизайнеру Ивану Ивановичу Иванову, версию, основанную на фреймах.Работа с фреймами и наборами фреймов. Свойства наборов фреймов.
А теперь выясним, что Dreamweaver позволит нам сделать с наборами фреймов и отдельными фреймами. | Для того чтобы задать свойства наборов фреймов и отдельных фреймов, нужно сначала выбрать один из них. Лучше всего это проделывать в панели Frames.Свойства фреймов
С наборами фреймов мы разобрались. А что же с самими фреймами? | Выберите в панели Frames любой фрейм, скажем, самый верхний. Редактор свойств примет вид, показанный на рис. 7.16. | Рис. 7.16. Вид редактора свойств при выделенном фрейме | В поле ввода Frame Name вводится имя фрейма.Замещение и работа с ним
Мы уже говорили, что фреймы, хоть и стандартизированы совсем недавно, используются в Web-дизайне и поддерживаются Web-обозревателями уже довольно давно. Но все когда-нибудь делается в первый раз… И старейшие программы Web-обозревателей – Microsoft Internet Explorer и Netscape Navigator – поддерживают фреймы далеко не с первой версии.Создание содержимого фреймов. Заполнение фреймов.
Создав набор фреймов и установив все параметры, можно приступать к наполнению фреймов содержимым. | Давайте используем для нашего сайта стильный дизайн, который сейчас в большой моде. Это белый или светло-желтый текст на черном или темно-сером фоне.Создание остальных страниц сайта
Мы не будем подробно рассказывать, как это делается, всецело полагаясь на вашу фантазию. Можем только посоветовать не слишком усердствовать с дизайном страниц и обязательно соблюдать единство их оформления.Цель гиперссылки
Для того чтобы гиперссылки открывали соответствующую Web-страницу в нужном нам фрейме, надо правильно выставить некоторые их свойства. | Откройте страницу default.htm. Установите текстовый курсор на любой гиперссылке, находящейся во фрейме с основным содержимым.Полоса навигации
Полоса навигации – это обычный набор гиперссылок, организованный в виде вертикальной или горизонтальной полосы и расположенной вдоль края окна Web-обозревателя. Как правило, полоса навигации располагается в специально выделенном фрейме.Оптимизация фреймов. Уменьшение объема и сложности HTML-кода. Ускорение обработки фреймов.
Создав наш первый работающий набор фреймов, можно подумать о его оптимизации. | Если вы создаете достаточно сложные наборы фреймов, то можете столкнуться с тем, что Dreamweaver не очень оптимально формирует соответствующий HTML-код.Решение проблем с фреймами. Недостатки фреймов и их преодоление.
Как вы знаете, ничего идеального на свете не бывает. Это утверждение относится и к фреймам. | Вроде бы, фреймы всем хороши. Они позволяют разделить окно Web-обозревателя на несколько независимых "форточек", в каждой из которых может отображаться своя Web-страница.Проблема с фреймами в старых версиях Navigator
А вот это уже не "функциональная особенность" некогда известной программы, а элементарная ошибка разработчиков. Старые версии Navigator неправильно отображают страницы наборов фреймов после того, как пользователь изменит размеры окна.