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. В міру створення нових шарів вони відображаються як стековий список (знову створювані шари з'являються вгорі списку).
- Розділ 1. Основні компоненти електронних видань
- Розділ 1. Основні компоненти електронних видань
- 1.1. Текстова інформація
- 1.2. Напівтонові і кольорові ілюстрації
- 1.3. Анімаційна графіка
- 1.4. Відеоінформація
- 1.5. Аудіоінформація
- Розділ 2. Технології гіпертекстових видань
- 2.1. Функції гіпертекстових електронних видань
- 2.2. Принципи побудови гіпертекстових видань
- 2.3. Математична модель гіпертексту
- 2.4. Гіпертекстові Web-документи
- 2.5. Підготовка публікацій у середовищі Adobe Acrobat
- 2.6. Технологія Help-файлів
- 2.7. Засіб доставки електронних видань
- 2.8. Класифікація і загальні принципи оформлення електронних видань
- Розділ 3. Цифрове представлення текстової інформації
- 3.1.Стандарти кодування символів ascii, ansi, кои-8 і unicode
- 3.2.Формат pdf
- 3.3.Формат розмітки тексту rtf
- Розділ 4. Графічні формати
- 4.1. Растровий формат gif
- 4.2. Формат графічних файлів png
- 4.3. Графічний формат jpeg
- 4.4. Формат tiff
- 5.1. Сімейство форматів mpeg
- 5.2. Звукові формати
- 5.3. Анімаційні файлові формати fli, flc, cel
- Розділ 6. Програми перегляду Web-публікацій
- 6.1. Доступ до Web-сторінки в Internet
- 6.2. Програма перегляду ms Internet Explorer
- 6.3. Програма перегляду Netscape Navigator
- 7.4. Мова JavaScript
- Визначення файлу для JavaScript
- Використання JavaScript-виразів в якості значень html-атрибутів
- Оголошення JavaScript-програми як оброблювача подій
- 7.5. Мова програмування сценаріїв php
- Завантаження файлів
- Регулярні вирази
- 7.6. Мова Perl
- 7.7. Мова моделювання віртуальної реальності vrml
- Розділ 8. Програмування Web-сторінок у мовному середовищі html
- 8.1. Структура і форматування html-документа
- 8.2. Таблиці
- 8.4. Форми
- 8.5. Фрейми
- 8.8. Гіперпосилання
- 8.9. Таблиці стилів
- Розділ 9. Автоматизація створення Web-публікацій. Програмний пакет Macromedia Dreamweaver
- 9.1. Призначення та функціональні можливості пакету
- 9.2. Структурна схема програмного пакету
- 9.3. Інтерфейс користувача і принципи його організації
- 9.4. Деякі типові процедури пакета Dreamweaver
- 9.4.1. Робота з текстом
- 9.4.2. Вставка зображень
- 9.4.3. Створення карти зображення
- 9.4.4. Робота з таблицями
- 9.4.5. Створення форм
- 9.4.6. Робота з фреймами
- 9.4.7. Робота із шарами
- 9.5. Використання інтерактивних можливостей і анімації
- 9.6. Створення Web-сайту
- Розділ 10. Програмний пакет ms FrontPage
- 10.1. Функціональні можливості програмного пакету
- 10.2.Структурна схема пакету
- Розділ 11. Створення мультимедійних видань. Програмний пакет Macromedia Director
- 11.1.Функціональні можливості програмного середовища
- 11.2. Інтерфейс користувача
- Література
- Технологія розробки електронних видань