1  2  3  4  5  6  7

Замещение и работа с ним
Мы уже говорили, что фреймы, хоть и стандартизированы совсем недавно, используются в Web -дизайне и поддерживаются Web -обозревателями уже довольно давно. Но все когда-нибудь делается в первый раз... И старейшие программы Web -обозревателей — Microsoft Internet Explorer и Netscape Navigator — поддерживают фреймы далеко не с первой версии. Кроме того, существует много программ, вообще ничего не знающих о фреймах. Они их просто не поддерживают, а все потому, что эти программы слишком старые.
Что случится, если в таком Web -обозревателе открыть Web -страницу, представляющую собой набор фреймов? Скорее всего, он отобразит пустую страницу без всяких следов содержимого. Как вы помните, согласно стан­дартам HTML , Web -обозреватель обязан игнорировать неизвестные ему теги. Он их и проигнорирует. А поскольку опять по тем же стандартам страница с набором фреймов не должна иметь содержимого (тега < body >), то в результате мы получим пустое окно.
Каков же выход из этого положения?
Для таких программ можно сформировать так называемое замещение — осо­бое содержимое, которое будет игнорироваться современными программами, "знакомыми" с фреймами, но будет выводиться старыми. Это замещение помещается в той же странице, где определяется набор фреймов. В результате программа, не поддерживающая фреймы, игнорирует теги, определяющие набор фреймов, и выводит на экран текст замещения. А программы, поддерживающие фреймы, игнорируют замещение, т. к. "знают" о его существовании.
Как же можно сформировать замещение в Dreamweaver ? Как всегда, очень просто. Включите в подменю Frameset меню Modify пункт-выключатель Edit NoFrames Content . Окно документа очистится; в верхней его части появится серая полоса с надписью NoFrames Content . Введите в окно документа текст замещения.
Как должен выглядеть текст замещения? Исходите из того, что пользователи устаревших программ, просматривая ваш сайт, не должны испытывать никаких неудобств. Возьмите за основу главную страницу нашего предыдущего сайта default.htm . Поместите здесь набор гиперссылок и сведения об авторских правах.
Вы можете делать с текстом замещения все, что угодно. Вы можете помещать сюда внедренные элементы и таблицы, можете форматировать текст любыми доступными в HTML способами, можете задавать параметры текста замещения, как будто это обычная Web -страница, выбрав пункт Page Properties меню Modify . В частности, обязательно измените параметры тек­ста замещения так, чтобы они совпадали с параметрами остальных страниц нового сайта (черный фон, белый текст и т. д.). (Помните: единообразие оформления прежде всего!) Вы только не можете создавать здесь фреймы. Понятно, почему.
Чтобы вернуться от текста замещения к набору фреймов, отключите в подменю Frameset меню Modify пункт-выключатель Edit NoFrames Content .
В каких случаях стоит задавать замещение? Только тогда, когда вы точно уверены, что среди посетителей вашего сайта будут обладатели старых про­грамм Web -обозревателей. Причем, таких посетителей должно быть достаточно много, чтобы ради них выполнять дополнительную работу. Но учтите, что во всем мире таких ретроградов очень и очень мало; абсолютное большинство интернетчиков пользуются программами, поддерживающими фреймы.
Мы даже не знаем, когда у вас может возникнуть нужда в замещении. Подавляющее большинство сайтов в Сети, использующих фреймы, его не имеют. А некоторые, хоть и вспоминают, что не все Web -обозреватели под­держивают их любимые фреймы, но ограничиваются одной-единственной фразой типа "Ваша программа не поддерживает фреймы, обновите ее".
Примечание
Замещение формируется с помощью парного тега < noframes >. Внутри этого тега располагается тело Web - страницы ( с тегом < body >), содержащей текст замещения .
Создание содержимого фреймов
Создав набор фреймов и установив все параметры, можно приступать к наполнению фреймов содержимым.
Давайте используем для нашего сайта стильный дизайн, который сейчас в большой моде. Это белый или светло-желтый текст на черном или темно-сером фоне. Гиперссылки при этом выделяются интенсивно-желтым или слабо-красным цветом. Это выглядит довольно эффектно на фоне класси­ческих цветовых решений: темный текст на светлом фоне. Да, человечество за всю свою историю не придумало ничего лучше черных чернил и белой бумаги, но до чего же это красиво — белое на черном!
И не забывайте, что содержимое фрейма — на самом деле обычная Web -страница, сохраненная в отдельном файле. Поэтому работа с содержимым фрейма осуществляется таким же образом, как с любой страницей, т. е. вам необходимо задать ее параметры (цвета фона и текста и т. д.), набрать текст, отформатировать его, разместить нетекстовые элементы (горизонтальные линии, таблицы и т. п.) и графические изображения. Ну а это вам уже знакомо.
Если вам неудобно работать со страницей в маленьком фрейме, вы всегда можете открыть эту страницу в отдельном окне документа Dreamweaver .
Заполнение фреймов
Сначала займемся верхним фреймом, содержащим заголовок сайта. Мы поместим в него имя нашего героя, выровненное по центру фрейма. Для этого используем таблицу из одной ячейки, занимающую все свободное пространство фрейма. Но сначала уберем промежутки между границей фрейма и его содержимым, устанавливаемые по умолчанию. Для чего выделите верхний фрейм в панели Frames и установите параметры Margin Width и Margin Height равными нулю. Это позволит нам отвести нашей таблице действительно все свободное пространство.
Теперь задайте цвета текста и фона страницы (гиперссылок здесь не будет). Поместите во фрейм текстовый курсор и вызовите диалоговое окно Page Properties (выберите пункт Page Properties в меню Modify или контекстном меню или нажмите комбинацию клавиш <Ctrl>+<J>). Задайте черный цвет фона (селектор цвета Background ) и желтый цвет текста (селектор цвета Text ). Также задайте нулевое значение для параметров Left Margin , Top Margin , Margin Width и Margin Height (расстояния от границы окна до границы содержимого страницы) и нажмите кнопку ОК. Название страницы можно не задавать — все равно в любом случае Web -обозреватель выведет в заголовке своего окна название страницы набора фреймов.
Поместите во фрейм таблицу из одной-единственной ячейки, занимающей всю его ширину и высоту. Задайте для содержимого ее ячейки выравнивание по центру, по горизонтали и вертикали. Установите флажок No Wrap — это запретит Web -обозревателю перенос текста в ячейке таблицы по строкам.
Введите в ячейку текст "Иван Иванович Иванов". Установите подходящий размер шрифта. Поэкспериментируйте с разными шрифтами.
Теперь приступим к сведениям об авторских правах. Поставьте в нижний фрейм текстовый курсор и вызовите диалоговое окно Page Properties . Задайте опять черный цвет фона, желтый цвет текста, ярко-синий цвет гипер­ссылок (селектор цветов Links ; цвет #ooffff ), тускло-синий цвет посещенных гиперссылок (селектор цветов Visited Links ; #ooccff ) и светло-зеленый цвет активной гиперссылки (селектор цветов Active Links ; #99FFOO ). Опять задайте нулевое значение для параметров Left Margin , Top Margin , Margin Width и Margin Height . После этого нажмите кнопку ОК.
И наберите соответствующий текст. Но лучше сделайте так. Найдите страницу default.htm старого сайта и откройте ее в Web -обозревателе. Выделите текст сведений об авторских правах, расположенный внизу этой страницы, скопируйте его в буфер обмена Windows и вставьте в нижний фрейм.
Значения по умолчанию параметров Margin Width и Margin Height фрейма слишком велики (14 пикселов). Выберите нижний фрейм в панели Frames и установите значения равными
2 пикселам. Так будет лучше.
После этого вам останется только выделить его курсивом или отформатиро­вать как-то особо, чтобы отделить от обычного текста. (Впрочем, он и та у нас отделен от всего остального.) И, возможно, изменить размер фрейма, чтобы содержащийся в нем текст отобразился полностью.
Сохраните набор фреймов и все содержимое фреймов, выбрав пункт Save All Frames меню File . Вообщето "сохраняться" нужно как можно чащезапомните это.
И напоследок займемся основным содержимым. По умолчанию в этом фрейме будет отображаться страничка с приветствием и текстом, описы­вающим сайт. Мы возьмем этот текст опять же со страницы default.htm старого сайта. Откройте ее в Web -обозревателе, если еще не открыли или закрыли.
В свойствах страницы основного содержимого укажите те же параметры, что и для страницы со сведениями об авторских правах. Значения параметров Margin Width и Margin Height для фрейма не меняйте. Далее переключитесь в окно Web -обозревателя, где открыта страница default.htm старого сайта, выделите весь текст вплоть до сведений об авторских правах, скопируйте его в буфер обмена Windows и вставьте во фрейм основного содержимого сайта. Немного подредактируйте текст, в частности уберите цветовое (выделение слов " Macromedia Dreamweaver MX ", преобразуйте библиотечный элемент в обычный текст и удалите наконец давно не нужный комментарий.
А как же набор гиперссылок? Потерпите, мы создадим и его. И для этого используем замечательные способности Dreamweaver по созданию полосы
Но сначала создадим остальные страницы нашего сайта.

1  2  3  4  5  6  7

Вверх