Глава 7
Глава 7. Фреймы Глава 8. Табличный дизайн Глава 9. Использование шаблонов Глава 10. Каскадные таблицы стилей...
Свойства наборов фреймов
Свойства наборов фреймов Для того чтобы задать свойства наборов фреймов и отдельных фреймов, нужно сначала выбрать один из них. Лучше всего это проделывать в панели Frames. Изначально она отс...
Рисунок 7 14 Панель Frames
Рисунок 7.14. Панель Frames Посмотрите внимательно на эту панель. В ней показаны все фреймы и вся структура наборов фреймов. Фреймы изображены в виде серых прямоугольников, внутри которых нап...
Рисунок 7 15 Вид редактора свойств
Рисунок 7.15. Вид редактора свойств при выделенном наборе фреймов Элементы управления, расположенные в верхней части редактора свойств, позволяют установить параметры самого набора фреймов. С...
Внимание
Внимание Границы малой толщины (меньше двух пикселов) могут отображаться неправильно или не отображаться вообще. Подробнее об особенностях границ фреймов см. в электронном руководстве по...
Свойства фреймов
Свойства фреймов С наборами фреймов мы разобрались. А что же с самими фреймами? Выберите в панели Frames любой фрейм, скажем, самый верхний. Редактор свойств примет вид, показанный на Рисуно...
Рисунок 7 16 Вид редактора свойств при выделенном фрейме
Рисунок 7.16. Вид редактора свойств при выделенном фрейме В поле ввода Frame Name вводится имя фрейма. Dreamweaver по умолчанию подставляет туда автоматически сформированное имя, и часто оно...
Таблица 7 2 Параметры фреймов нашего набора
Таблица 7.2. Параметры фреймов нашего набора Фрейм
Frame Name
Scroll...
Замещение и работа с ним
Замещение и работа с ним Мы уже говорили, что фреймы, хоть и стандартизированы совсем недавно, используются в Web-дизайне и поддерживаются Web-обозревателями уже довольно давно. Но все когда-...
Рисунок 7 17 Текст замещения
Рисунок 7.17. Текст замещения Чтобы вернуться от текста замещения к набору фреймов, отключите в подменю Frameset меню Modify пункт-выключатель Edit NoFrames Content. В каких случаях стоит з...
Создание содержимого фреймов
Создание содержимого фреймов Создав набор фреймов и установив все параметры, можно приступать к наполнению фреймов содержимым. Давайте используем для нашего сайта стильный дизайн, который се...
Заполнение фреймов
Заполнение фреймов Сначала займемся верхним фреймом, содержащим заголовок сайта. Мы поместим в него имя нашего героя, выровненное по центру фрейма. Для этого используем таблицу из одной ячейк...
Рисунок 7 18 Готовый заголовок сайта
Рисунок 7.18, Готовый заголовок сайта Теперь приступим к сведениям об авторских правах. Поставьте в нижний фрейм текстовый курсор и вызовите диалоговое окно Page Properties. Задайте опять чер...
Рисунок 7 19 Готовые сведения об авторских правах
Рисунок 7.19. Готовые сведения об авторских правах Сохраните набор фреймов и все содержимое фреймов, выбрав пункт Save All Frames меню File. Вообще-то "сохраняться" нужно как можно...
Рисунок 7 20 Готовое основное
Рисунок 7.20. Готовое основное содержимое сайта, отображаемое по умолчанию старого сайта. Откройте ее в Web-обозревателе, если еще не открыли или уже закрыли. В свойствах страницы основного...
Создание остальных страниц сайта
Создание остальных страниц сайта Мы не будем подробно рассказывать, как это делается, всецело полагаясь на вашу фантазию. Можем только посоветовать не слишком усердствовать с дизайном страниц...
Цель гиперссылки
Цель гиперссылки Для того чтобы гиперссылки открывали соответствующую Web-страницу в нужном нам фрейме, надо правильно выставить некоторые их свойства. Откройте страницу default.htm. Установ...
Рисунок 7 21 Раскрывающийся список
Рисунок 7.21. Раскрывающийся список Target, содержащий имена фреймов Вы уже знаете, что этот список позволяет задать, где будет отображаться страница, на которую указывает гиперссылка. В част...
Полоса навигации
Полоса навигации Полоса навигации — это обычный набор гиперссылок, организованный в виде вертикальной или горизонтальной полосы и расположенной вдоль края окна Web-обозревателя. Как правило,...
Рисунок 7 22 Кнопка Navigation Bar панели объектов
Рисунок 7.22. Кнопка Navigation Bar панели объектов...
Рисунок 7 23 Диалоговое окно Insert Navigation Bar
Рисунок 7.23. Диалоговое окно Insert Navigation Bar В списке Nav Bar Elements перечислены все элементы полосы навигации, которые уже имеются. (Изначально там находится один элемент, созданный...
Таблица 7 3 Данные полосы навигации
Таблица 7.3. Данные полосы навигации Страница
Element Name
When Clicked, Go To URL...
Рисунок 7 24 Готовая полоса навигации
Рисунок 7.24. Готовая полоса навигации Теперь сохраните все фреймы, выбрав пункт Save All Frames в меню File. И откройте страницу в окне Web-обозревателя. Попробуйте поместить курсор мыши на...
Оптимизация фреймов
Оптимизация фреймов Создав наш первый работающий набор фреймов, можно подумать о его оптимизации....
Уменьшение объема и сложности HTMLкода
Уменьшение объема и сложности HTML-кода Если вы создаете достаточно сложные наборы фреймов, то можете столкнуться с тем, что Dreamweaver не очень оптимально формирует соответствующий HTML-код....
Рисунок 7 25 Структура набора из трех фреймов
Рисунок 7.25. Структура набора из трех фреймов...
ГЛАВА 7
ГЛАВА 7. Фреймы Итак, простейший сайт мы создали. Первый шаг в Web-дизайне нами сделан. Пора двигаться дальше. В этой главе мы создадим новую версию нашего сайта с использованием фреймов. Поэ...
Ускорение обработки фреймов
Ускорение обработки фреймов Приведем несколько советов, которые помогут Web-обозревателю быстрее обработать и отобразить наборы фреймов. При указании размеров фреймов (высоты или ширины) п...
Решение проблем с фреймами
Решение проблем с фреймами Как вы знаете, ничего идеального на свете не бывает. Это утверждение относится и к фреймам....
Недостатки фреймов и их преодоление
Недостатки фреймов и их преодоление Вроде бы, фреймы всем хороши. Они позволяют разделить окно Web-обозревателя на несколько независимых "форточек", в каждой из которых может отображ...
Рисунок 7 26 Структура фреймов сайта — каталога программ
Рисунок 7.26. Структура фреймов сайта — каталога программ Предположим, пользователь щелкает одну из позиций списка категорий, расположенного в левом фрейме. Вам необходимо обновить содержимое...
Проблема с фреймами в старых версиях Navigator
Проблема с фреймами в старых версиях Navigator А вот это уже не "функциональная особенность" некогда известной программы, а элементарная ошибка разработчиков. Старые версии Navigator...
Рисунок 7 27 Окно предупреждающее
Рисунок 7.27. Окно, предупреждающее о проблеме с фреймами в Navigator и предлагающее путь ее решения Если вы нажмете кнопку Add, Dreamweaver добавит в код страницы небольшую программу-сценари...
Рисунок 7 28 Окно предлагающее
Рисунок 7.28. Окно, предлагающее удалить сценарий перезагрузки страницы Следует ли этим пользоваться? Вероятно, да. Поскольку старые версии Netscape Navigator все еще используются некоторой ч...
Что дальше?
Что дальше? Вот мы и познакомились с фреймами и фреймовым дизайном. И даже создали новый вариант сайта с их использованием. Но, как уже говорилось, фреймы потихоньку устаревают. Сейчас в мод...
Введение во фреймы
Введение во фреймы Так что же такое фреймы? Давайте выясним это....
Фрейм и набор фреймов
Фрейм и набор фреймов Откройте какую-нибудь из наших Web-страниц, созданных в предыдущих главах. Посмотрите на нее. Что она собой представляет? Правильно, текстовый документ. Обычный текстовый...
Рисунок 7 1 Классический набор из четырех фреймов
Рисунок 7.1. Классический набор из четырех фреймов Это очень удобно. Когда посетитель сайта щелкает по гиперссылке, обновляется только содержимое одной "форточки" (в которой отображ...
Схемы наборов фреймов
Схемы наборов фреймов Теперь поговорим о различных способах разделения окна Web-обозревателя на отдельные фреймы и об информации, помещаемой в эти самые фреймы, иначе говоря, о разных схемах...
Рисунок 7 2 Набор фреймов с набором
Рисунок 7.2. Набор фреймов с набором гиперссылок, расположенным справа...
Рисунок 7 3 Набор фреймов с набором
Рисунок 7.3. Набор фреймов с набором гиперссылок, расположенным сверху Автору также встречались наборы фреймов с двумя разными наборами гиперссылок, расположенными сверху и снизу (Рисунок 7.4...
Рисунок 7 4 Набор фреймов с двумя
Рисунок 7.4. Набор фреймов с двумя наборами гиперссылок, расположенными сверху и снизу Заголовок сайта — тоже достаточно важная вещь. Можно сказать, это лицо сайта. Поэтому его часто помещаю...
Рисунок 7 5 Набор фреймов с заголовком
Рисунок 7.5. Набор фреймов с заголовком, состоящим из двух частей Впрочем, часто заголовок помещают в текст начальной страницы, отображаемой в качестве основного содержимого. В этом случае он...
Рисунок 7 6 Набор фреймов с заголовком
Рисунок 7.6. Набор фреймов с заголовком, объединенным с набором гиперссылок Что касается сведений об авторских правах, то нужда в том, чтобы они постоянно присутствовали на экране, не так вел...
Рисунок 7 7 Набор фреймов с двумя рекламными блоками
Рисунок 7.7. Набор фреймов с двумя рекламными блоками Здесь следует сказать еще о так называемых нулевых или невидимых фреймах. Так называются фреймы, чья ширина (для вертикальных фреймов) ил...
Сложные наборы фреймов
Сложные наборы фреймов А теперь нужно рассказать об одной особенности фреймов, которую вам обязательно надо знать. Как вы уже знаете, фреймы являются составными частями набора фреймов. Тег,...
Иллюстрирует вышесказанное
Рисунок 7.8 иллюстрирует вышесказанное....
Рисунок 7 8 Сложный набор фреймов
Рисунок 7.8. Сложный набор фреймов, состоящий из двух простых. Внешний набор фреймов обозначен сплошными линиями, внутренний — штриховыми Пользуясь вложенностью, вы можете создавать сколь уго...
Работа с фреймами
Работа с фреймами Но хватит пустых разговоров! Давайте займемся делом и на конкретном примере рассмотрим принципы фреймового дизайна. Мы создадим новую версию нашего сайта, посвященного гипот...
Создание фреймов
Создание фреймов Да, мы рассмотрим, как создаются фреймы в Dreamweaver. Но сначала сделайте следующее. Включите в подменю Visual Aids меню View пункт-выключатель Frame Borders. Это нужно, чт...
Внимание
Внимание При открытии страницы, определяющей набор фреймов, вам придется каждый раз включать пункт-выключатель Frame Borders подменю Visual Aids меню View. К сожалению, Dreamweaver не зап...
Рисунок 7 9 Вкладка Frames панели
Рисунок 7.9. Вкладка Frames панели объектов (показана частично)...
Таблица 7 1 Кнопки вкладки Frames
Таблица 7.1. Кнопки вкладки Frames панели объектов (в порядке слева направо) Название кнопки
Пункт подменю Frames...
Рисунок 7 10 Два горизонтальных фрейма
Рисунок 7.10. Два горизонтальных фрейма...
Рисунок 7 11 Три горизонтальных фрейма
Рисунок 7.11. Три горизонтальных фрейма Там находятся следующие пункты: Split Frame Left — создание фрейма слева от текущего; Split Frame Right — создание фрейма справа от текущего; Sp...
Рисунок 7 12 Готовый набор фреймов
Рисунок 7.12. Готовый набор фреймов Теперь дайте готовой странице с набором фреймов название "Иван И. Иванов" и сохраните ее, выбрав пункт Save All меню File — это позволит сохрани...
Рисунок 7 13 Толстая штриховая
Рисунок 7.13. Толстая штриховая линия выделяет фрейм, чье содержимое сохраняется в данный момент Все остальные страницы сайта сохраните в папке HTMLs. Странице со сведениями об авторских пра...
Внимание
Внимание Если вы преобразуете уже готовую Web-страницу в набор фреймов, Dreamweaver поместит содержимое этой страницы в текущий фрейм. Если это главная страница вашего сайта (default.htm),...
Внимание
Внимание
Web-страница, описывающая набор фреймов, не должна включать в себя тег <BODY> и его содержимое. Она должна содержать только описание набора фреймов....
Работа с фреймами и наборами фреймов
Работа с фреймами и наборами фреймов А теперь выясним, что Dreamweaver позволит нам сделать с наборами фреймов и отдельными фреймами....