Як використовувати нарізку в Fireworks CS5

Adobe Fireworks Creative Suite 5 підтримує S л глазур , техніка для розбиття великих файлів на більш дрібні пакети , так що вони завантажуються швидше. Це також спосіб приєднання URL-адрес до різних областей зображення у вигляді сітки.

Ідеальним кандидатом для нарізаних ілюстрацій є панель навігації. Кожна вкладка є окремим фрагментом, який при натисканні у веб-переглядачі переносить глядача в інше місце.

Виберіть команду «Припасувати полотно».

Створіть основний образ

Спочатку створіть основне зображення — прямокутник, для цього прикладу. Виконайте такі дії:

Виберіть «Файл»→ «Новий», щоб відкрити діалогове вікно «Новий документ».

Введіть 500 у поле Ширина і 200 у поле Висота; натисніть OK.

Відкриється новий, порожній документ. (Зверніть увагу, що воно більше, ніж зображення, яке ви створюєте; ви дізнаєтеся, як змінити його пізніше.)

Виберіть інструмент «Прямокутник» у розділі «Вектор» панелі «Інструменти». Натисніть і перетягніть, щоб створити прямокутник.

Будь-який розмір підійде.

Вибравши прямокутник, клацніть «Колір заливки» в розділі «Кольори» панелі «Інструменти» та виберіть колір.

Виберіть «Вікно→ Інформація», щоб відкрити панель «Інформація».

Введіть 300 у поле W (Ширина) і 50 у поле H (Висота).

Ви також можете використовувати панель властивостей, щоб встановити цей розмір.

За допомогою інструмента «Вказівник» клацніть будь-де на полотні за межами прямокутника, щоб скасувати виділення прямокутника.

Клацніть правою кнопкою миші (Windows) або клацніть, утримуючи клавішу Control (Mac), і виберіть «Змінити полотно→ Підігнати полотно» у контекстному меню.

Полотно підлаштовується під розмір прямокутника.

Якщо у вас не вибрано жодного об’єкта, ви також можете натиснути кнопку «Зігнати полотно» на панелі «Властивості».

Полотно налаштовується відповідно до вашого об’єкта.

Додайте текст

Додайте текст на панель навігації.

Виберіть інструмент «Текст» у розділі «Вектор» на панелі «Інструменти».

Клацніть «Колір заливки» в розділі «Кольори» на панелі «Інструменти». Виберіть колір.

Встановіть шрифт і розмір шрифту на панелі «Властивості».

Клацніть ліву половину прямокутника, щоб розташувати точку вставки там, де ви хочете, щоб текст почався, і введіть текст.

Клацніть двічі праворуч від текстової області, щоб скасувати виділення активної текстової області та створити нову.

Утримуйте клавіші Alt+Shift (Windows) або Option+Shift (Mac) і перетягніть початкове текстове поле вправо, щоб клонувати та вирівняти нове текстове поле.

Введіть слово або два для наступної вкладки навігації.

Використовуйте інструмент «Покажчик», щоб змінити розташування тексту.

Розріжте його

Після того як ви підготували просту, але ефективну панель навігації, скористайтеся інструментом Slice, щоб створити пару фрагментів, а потім експортувати їх. Виконайте такі дії:

Виберіть інструмент «Зріз» у веб-розділі панелі «Інструменти»; потім клацніть і перетягніть із верхнього лівого кута прямокутника Головна сторінка до правого нижнього кута.

Якщо ви прагнете досконалості, виберіть Перегляд→ Лінійки, щоб відобразити лінійки. Коли лінійки видно, ви можете клацнути та перетягнути напрямні з них.

Коли фрагмент активний, панель властивостей змінюється, щоб пропонувати параметри фрагмента.

Змініть формат за допомогою спадного списку Параметри експорту фрагментів.

Виберіть формат GIF, якщо ілюстрація має багато однотонних кольорів, або виберіть JPEG для зображень із великою кількістю градації кольорів.

Введіть посилання в текстовому полі Посилання.

Введіть короткий опис посилання в текстове поле Alt.

Альтернативний текст – це текст, який з’являється під час завантаження сторінки. Він також з’являється замість графіки, якщо глядач вимкнув графічний дисплей у своєму веб-браузері.

За допомогою інструмента «Зріз» клацніть і перетягніть, щоб оточити другу половину панелі навігації. Повторіть кроки 3 і 4.

Тобто нарізка в простій формі. Ви можете зробити процес настільки складним, скільки забажаєте, створюючи цілі розділені сторінки (оскільки пошукові системи люблять шукати текстовий вміст) на панелях навігації з багатьма посиланнями та місцями призначення.