Включить координатную линейкуможно, выполнив команду viewþgridþshow grid.

Создать свободно позиционируемый элемент можно, выполнив:

1. Нажать кнопку Draw Layer , расположенную на вкладке Layout инструментария объектов.
2. Поместить курсор мыши в окно документа, щелкнуть мышью туда, где должен быть левый верхний угол элемента и провести мышью, не отпуская левой кнопки мыши, пока создаваемый прямоугольник не достигнет нужных размеров.

Для создания свободного элемента можно также выполнить команду InsertÞLayout ObjectsÞLayer.

Размер свободного элемента можно изменять с помощью маркеров изменения размера. В верхнем левом углу свободного элемента имеется небольшой прямоугольник, называемый “ захватом ” , который позволяет перемещать элемент. Значок свободного элемента показывает, где он должен был находиться, если бы не был свободно позиционирован.

Для отображения значка свободного элемента нужно:

1. выполнить команду EditÞPreferences;
2. в появившемся окне Preferences переключиться на категорию Invisible Elements и включить флажок Anchor Points for Layers.

Для выделения свободного элемента нужно щелкнуть по значку свободного элемента.

Для удаления свободного элемента нужно выделить его границу и нажать клавишу Del.

Изменить z-индекс свободного элемента можно следующим образом:

1. Выделить свободный элемент.
2. Выполнить команду ModifyÞArrange и выбрать Bring To Front для увеличения z-индекса, и Send To Back для уменьшения z-индекса.

Параметры свободного элемента задаются в редакторе свойств:

где

Layer ID – уникальное имя свободного элемента,
L и T – горизонтальная и вертикальная координаты верхнего левого угла,
W и H – ширина и высота свободного элемента,
z-Index – z-индекс – порядковый номер свободного элемента,
Vis – список задает видимость свободного элемента на экране:

inherit- видимость наследуется от родителя,

visible- элемент видим,

hidden- элемент невидим,

default- как правило, аналогично inherit;

Bg Image - имя графического изображения, которое будет использовано в качестве фона,
Bg Color - задает цвет фона свободного элемента,

Overflow – задает поведение свободного элемента, если его содержимое в нем не помещается:

visible- свободный элемент будет растянут по вертикали, чтобы вместить в себя все содержимое,

hidden- будет скрыта та часть содержимого, которая превышает его размеры,

scroll- будут отображены полосы прокрутки,

auto- полосы прокрутки будут отображены, если содержимое не помещается в элементе,

Clip – задает координаты видимой области свободного элемента (L и T -горизонтальная и вертикальная координатыверхнего левого угла, R и B- горизонтальная и вертикальная координаты нижнего правого угла).

Выделить сразу несколько свободных элементов можно поочередно щелкая мышью на их границе при нажатой клавише <Shift>.

Управление свободными элементами осуществляется с помощью панели Layers, которая вызывается на экран командой WindowÞLayers или клавишей < F2 >.

Основную часть панели занимает таблица из трех колонок: изображение глаза (видимость), Name (имя свободного элемента) и Z (z-индекс).

Включенный флажок Prevent overlaps не позволяет разместить один свободный элемент на другой.

Изменение видимости свободного элемента с помощью панели Layers осуществляется последовательным щелканьем по строке с нужным элементом в колонке со значком глаза. При этом содержимое колонки будет меняться:

- изображение закрытого глаза – элемент невидим;

- изображение открытого глаза – элемент видим;

- пустая колонка – элемент “наследует” видимость у родителя.

Создание вложенных свободных элементов с помощью панели Layers выполняется следующим образом:

1. Выбрать в списке свободный элемент, который нужно “вложить” в другой.
2. Удерживая нажатой клавишу < Ctrl > перетащить выбранный элемент на элемент, в который требуется вложить первый, при этом элемент, на который “тащится” выбранный, будет выделен тонкой синей рамкой.
3. Отпустить перетаскиваемый элемент.

В результате будет создано “дерево” элементов.

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

Задания.

1. Создать Web-сайт, подобный тому, что представлен на Рис. 13-1.
2. Структура сайта должна включать не менее 3-х страниц.
3. Заглавная страница должна быть оформлена с использованием свободно позиционируемых элементов.
4. Все необходимые рисунки подготовить самостоятельно в любом графическом редакторе.
5. Цветовое и стилевое оформление всех страниц сайта выполнить самостоятельно, руководствуясь общепринятыми правилами.
6. Просмотреть созданный сайт в Web-обозревателе и проверить работу всех гиперссылок.

Контрольные вопросы.

1. Что такое свободно позиционируемый элемент?
2. Как изменить параметры свободно позиционируемых элементов?
3. Что может быть размещено в свободном элементе?
4. Как создать вложенные свободные элементы?
5. Что такое z-индекс?
6. Как изменять z-индекс свободного элемента?

Рис. 13-1. Пример Web-страницы, информация на которой размещена на свободно позиционируемых элементах.

Дата добавления: 2015-11-14