9.4.6. Робота з фреймами

Створення фреймів. У програмному середовищі Macromedia Dreamweaver є два способи створення фреймів за допомогою тегу <Frameset>: можна вставляти фрейми або безпосередньо можна вибрати один із запропонованих варіантів. В останньому випадку автоматично встановлюється весь набір фреймів, необхідних для організації розміщення інформації у фреймах Web-сторінки.

Автоматична імпортування фреймів базується на використанні панелі Frames палітри Objects (рис. 9.51).

На цій панелі розміщені вісім іконок-піктограм, у яких візуально закодовані пропоновані варіанти розміщення фреймів у вікні Dreamweaver. Кожна іконка містить від двох до чотирьох фреймів. Якщо фрейми створюються при наявності документу на екрані пакету, то фрейм синього кольору призначений для розміщення існуючого документу, а фрейм (фрейми) білого кольору використовується для розміщення нового документу (документів).

Збереження файлів у фреймах і наборах фреймів. Web-сторінка з фреймами містить кілька файлів. Тому потрібно вибрати таку опцію, яка б зберігала необхідну інформацію: файл фрейму, набір фреймів чи вміст усіх файлів фреймів.

Для збереження HTML-документу, розташованого всередині фрейму, курсор розміщується всередині фрейму й активізується команда File/Save.

Щоб зберегти набір фреймів, використовується команда File/Save Frameset чи File/Save Frameset As.

Для збереження фреймів разом із вмістом активізується команда File/Save All.

Вибір конкретного фрейму чи набору фреймів. Для зміни властивостей конкретного фрейму чи набору фреймів потрібно попередньо їх вибрати.

Для вибору конкретного фрейму можна виконати одну з наступних дій:

• Утримуючи клавішу Alt, натиснути курсором миші в поле фрейму.

• Можна активізувати команду Window/Frames, а потім вибрати фрейм у панелі контролера властивостей фреймів (рис. 9.56).

• При натиснутій клавіші Alt за допомогою клавіші “стрілка вправо” здійснюється вибір наступного фрейму.

• Для вибору батьківського набору фреймів натискаються клавіші Alt і “стрілка вгору”.

• Для вибору дочірнього фрейму натискаються клавіші Alt + “стрілка вниз”.

Для вибору набору фреймів виконується одна з наступних дій:

• Можна натиснути на границі фрейму, що входить у набір.

• Можна натиснути на границі, що обрамлює фрейми, у панелі контролера властивостей фреймів.

Після вибору набору фреймів у вікні документу усі фрейми в цьому наборі будуть виділені пунктирною лінією.

Контролер фреймів (Ctrl+F10) відображає набори фреймів у поточному документі і дає змогу вибрати набір фреймів чи конкретний фрейм для доступу до його властивостей.

За допомогою піктограми Quick Tag Editor панелі контролера властивостей фрейму можна переглядати і редагувати HTML-код розміщення фреймів (рис. 9.57).

9.4.7. Робота із шарами

Для розміщення інформації в Web-сайті можуть використовуватися шари.

Створення шарів. Створити шар можна, використовуючи вставку, перетягуванням, а також можна його намалювати. З вже існуючими шарами можна працювати, використовуючи панель Шари.

Властивості шару, що задаються за замовчуванням (використовуваний тег (tag), видимість (visibility), висота (height) і ширина (width) і т.д.), визначаються в параметрух шару. Щоб змінити установки за замовчуванням, використовується команда Edit/Preferences, режим Layers (Шари). По цій команді розкривається діалогове вікно, подане на (рис. 9.59)

У даному діалоговому вікні візуалізується значення параметрів, задані за замовчуванням. Так, Dreamweaver створює шари, використовуючи тег <DIV>, і вставляє HTML-код шару в поточну позицію курсору або при малюванні шар в початок сторінки, після тегe <BODY>. При створенні дочірнього (nested) шару Dreamweaver вставляє код у тіло тегу батьківського шару.

Для виключення перекривання шарів при їхньому створенні потрібно використовувати команду Modify/Arrange/Prevent Layer Overlaps.

Для безпосереднього редагування властивостей тегу на панелі Шари натисніть на кнопку. З'являється фрагмент HTML-документу, що стосується розміщення шару.

Для створення шару рекомендується виконати одну з наступних дій:

• Для розміщення шару курсором відзначається місце розміщення шару в робочому вікні документу. Потім активізується команда Insert/Layer.

• При перетягуванні шару натисніть мишею на значку шару (Draw Layers) у палітрі об'єктів і перетягнете курсором у вікно документу. Шар буде розміщений у тому місці, де була відпущена ліва кнопка миші.

• Для малювання шару необхідно натиснути мишею на значку Draw Layers (Шар) на палітрі об'єктів. Потім у вікні документу малюється прямокутник (як у графічних пакетах) необхідного розміру. У вікні документу з'явиться мітка шару (у верхньому лівому куті). Якщо мітка не видна, активізується команда View (Вид) /Invisible Elements (Невидимі елементи). На панелі шарів (рис. 9.60) ім'я шару відображається в колонку Name. В міру створення нових шарів вони відображаються як стековий список (знову створювані шари з'являються вгорі списку).