 |
9.4.6. Робота з фреймами. 9.4.7. Робота із шарами
|
|
|
|
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. В міру створення нових шарів вони відображаються як стековий список (знову створювані шари з'являються вгорі списку).
|
|
|
