Microsoft Expression Web

Обзор



Содержание сайта
Комбинированные редакторы л. 2
Microsoft Expression Web Обзор

Содержание

Об Expression Studio

Интерфейс
Настройки редактора
Визуальное редактирование
Работа с кодом
Сайт
Страницы
Текст
Изображения
Ссылки
Карта ссылок
Каскадные таблицы стилей (CSS)
Таблицы
Рамки (фреймы)
Мультимедиа
Поиск и замена
Доступность
Предварительный просмотр
Совместимость с браузерами
Динамические страницы
Динамические шаблоны
ASP.NET
JavaScript
Поведения
Базы данных
Интерактивные кнопки
Панели навигации (меню)
Уровни (слои)
Формы
Веб-пакеты
Публикация сайта

Рамки (фреймы)

При использовании фреймов страница делится на несколько областей (рамок). Каждая рамка содержит свою страницу.

Рамки целесообразно использовать, когда нужно отделить навигационные панели от остального содержания страницы. В этом случае навигационная панель может прокручиваться, в то время как основное содержание страницы не прокручивается (или наоборот - навигация остается неподвижной, прокручивается основное содержание страницы).

Страницы рамок (в противоположность inline frames) фактически составлены из нескольких страниц. На верхнем уровне страница рамок фактически не содержит никакого видимого содержания. Вместо этого она содержит код HTML, который определяет две или больше рамок и их размещение.
К примеру, вставленные рамки могут выглядеть так, как показано на рисунке ниже



Чтобы создать новую страницу рамок в Expression Web, сделайте следующее:
1. В меню File выберите  New - Page.
2. Выберите Frames Pages  из списка типов страницы.
3. Выберите размещение рамок из списка, при этом размещение рамок будет показано в окне просмотра.

Кнопки  в каждой рамке обозначают:
Set Initial Page -  вставка существующей страницы
New Page - создание в рамке новой страницы.

Конфигурирование Рамок

Чтобы конфигурировать рамки в frameset, щелкните правой кнопкой мыши по рамке и выберите Frame Properties (Свойства Рамки) из контекстного меню.
Или: выделите рамку, в меню Format выберите  Frames - Frame Properties.

Name -  название рамки
Initial Page -  адрес страницы, которая загружается в рамку первой
Long Description -  определяет адрес (URL) файла, который содержит длинное описание содержания рамки
Title -  короткое описание содержания рамки.
Frame Size Width и Row Height -  Ширина и высота рамки (в пикселях или процентах).
Margin Width and Height -   Определяет края для рамки.
Resizable in Browser - возможность изменения размеров рамки при просмотре в браузере
Show Scrollbars - отображение полос прокрутки (всегда, никогда, если нужно).

Разбиение Рамок
Чтобы разбить рамку на две рамки, выберите рамку и затем в меню  Format выберите Frames - Split Frame. Рамку можно разбить на столбцы или строки.

Удаление рамок
Чтобы удалить рамку, выберите рамку и затем в меню  Format выберите Frames - Delete Frame.

Создание Альтернативного Содержания

Хотя рамки (фреймы) - довольно старая технология, и ее поддерживают все современные браузеры, все же имеет смысл ввести альтернативное содержание для случая, когда рамки не отражаются в браузере.
При использовании No Frames view  Вы можете определить содержание, которое будет отображено для браузеров, которые не поддерживают рамки.

Планирование для Рамок

Microsoft Expression Web позволяет Вам легко создавать гиперссылки к страницам, которые будут отражаться в определенных рамках.

Например -  создана страница с 4 рамками (см. рисунок выше).

Рамка 1 - название по умолчанию banner - для размещения верхнего баннера. Создайте страницу, содержащую баннер (изображение, текст и пр.), нажмите на кнопку Set Initial Page и создайте ссылку на созданную страницу. Для остальных рамок содержание определяется аналогично.
Рамка  2 - название по умолчанию contents.
Рамка  3 - название по умолчанию main (главная рамка)
Рамка  4 - рамка для нижнего колонтитула.

Создав 4 разные страницы и сделав на них ссылки, вы создадите страницу, включающую одновременно 4 разные страницы.

Expression Web позволяет также создать страницу с рамками, при этом одна из рамок содержит ссылки, при щелчке по которым открываются страницы в другой рамке.

Например, в рамке 2 (см. рисунок выше) можно расположить текстовое меню, содержащее список страниц.
При щелчке по ссылке определенная страница должна открываться в рамке 3 (в главной рамке).

Создайте страницу меню со всеми пунктами и подпунктами, назначьте для этой страницы рамку 2, как описано выше. Созданная страница будет вставлена в рамку 2.

Выделите первый пункт меню, в контекстном меню выберите Hyperlink для создания ссылки.
В появившемся окне Edit Hyperlink щелкните по странице, которая должна открываться при щелчке по первому пункту меню.






В окне Edit Hyperlink щелкните по кнопке Target Frame, чтобы указать, что страница должна открываться во фрейме.

Укажите, что эта страница должна открываться в рамке 3 (в главной рамке). Для этого в строке Target setting введите название рамки 3 (main).

Нажмите ОК.

Аналогичные действия - и при создании ссылок для других пунктов меню.

Как результат - при щелчке по ссылке в рамке 2 соответствующие страницы будут открываться в рамке 3.

Эта методика использования фреймов лежит в основе создания справок, фотоальбомов и др.

Когда Вы щелкаете правой кнопкой мыши по рамке и выбираете Open Page in New Window (открыть страницу в Новом Окне), рамка открывается в новом окне. Это - удобный способ редактировать страницу.

Inline Frames

Inline Frames (iFrames) представляют другой вид рамок. Это рамка, которая может быть вставлена в существующую html-страницу и которая может иметь любой размер.

Чтобы вставить iFrames, поместите курсор в месте вставки, на панели инструментов Toolbox (справа) дважды щелкните по Inline Frames.

В окне редактирования на страницу будет вставлена рамка. При двойном щелчке по рамке появляется контекстное меню. Выберите в меню Inline Frames Properties, определите страницу, которая будет открываться в рамке и другие свойства.

Можно внести дополнительный текст, который будет отражаться в рамке.

Нужно внимательно просмотреть страницу с рамками в различныз браузерах. Кроме того, желательно избегать открывать в рамках страницы, которые сами содержат рамки (т.е. избегать так называемых "вложенных рамок").


О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru