Графічні комп'ютерні програми GoLive та PREMIER

D – кнопка активації редактора вживаних стилів CSS;

Е -список для установки розмірів вікна документа.

Щоб відкрити нове вікно документа, слід виконати команду меню File | New (Файл | Створити).

Легко побачити, що відкрите вікно документа складається з декількох вкладок. Давайте розберемося для чого використовується кожна з них.

Вкладка Layout Editor (Редактор макету) – використовується для того, щоб вставляти текст і об'єкти на вашу сторінку, а також, щоб встановлювати їх атрибути, використовуючи безліч інструментальних панелей.

Вкладка Frame Editor (редактор фреймів) – використовується для розділення вашого документа на фрейми так, що розробник може розміщувати в кожному фреймі різні HTML-документы.

Вкладка HTML Source Editor (Редактор HTML-коди) – використовується для проектування сторінки, безпосередньо змінюючи її HTML-код.

Вкладка Outline Editor (Редактор ескіза) – використовується для проглядання структури вашої сторінки в ієрархічному форматі і установки атрибутів для вашої сторінки з використанням цього формату.

Вкладка Preview (Попередній перегляд макету) – у середовищі Windows використовується для проглядання всіх сторінок, які ви створили.

У операційній системі Mac OS, використовується для проглядання тих сторінок, які були створені в режимі Layout (Макету), HTML Source Editor (Редактор HTML-кода) йди Ouffine Editor (Редактор ескіза) [7, 26].

У випадку, якщо встановлений модуль Web-объектов, вкладка Webobjects Editor (Редактор Web-объектов) – використовується для редагування властивостей динамічних об'єктів, що вбудовуються в Web-сторінки, що розробляються.

Щоб змінити розмір вікна браузера, в якому потім відображатиметься Web-сторінка, що розробляється, або потягніть мишкою нижній правий кут вікна (для Windows), або потягніть за панель розміру в правому нижньому кутку вікна документа (для Mac OS). Існує і інший шлях. Просто виберіть розмір вікна в контекстному меню Window Size (Розмір вікна) у правому нижньому кутку вікна документа.

Коли ви створюєте новий Web-сайт за допомогою команди File| New Site Blank (Файл | Створити сайт | Порожній) Adobe Golive створює файл з розширенням site, який містить інформацію про структуру нового сайту. Якщо відкрити цей файл, на екрані буде відображено первинне вікно розробки сайту. Це вікно містить деяка кількість вкладок, які можна використовувати для управління різними ресурсами вашого сайту, включаючи файли, адреси електронної пошти, URL, звичну палітру квітів і багато що інше (рис. 2).

 

Рис. 2. Зовнішній вигляд діалогового вікна управління розробкою сайту.

 

Слід звернути увагу на те, що вікно розробки сайту можуть відображати більше інформації, ніж показується за умовчанням. У правому нижньому кутку розташовується пара кнопок із стрілками, натиснення на яких перемикає вікно в режим розширеного відображення і назад. У режимі розширеного відображення користувачеві надається ще декілька вкладок, в яких представлена загальна статистична інформація, і органи управління для викладення створеного сайту на сервер. На мал. 3 показаний розширений вид вікна управління сайтом.

 

Мал. 3. Розширений режим діалогового вікна управління сайтом

 

 

Adobe Golive дозволяє відкривати одночасно декілька документів, сайтів і вікон дизайну сайту. Перемикатися між ними можна різними способами. Наприклад можливо клацнути мишкою по потрібному вікну, і воно відобразиться на передньому плані. Цей варіант спрацює в тому випадку, якщо ви бачите хоч би край потрібного вам вікна. Якщо ж немає, то можна вибрати потрібне вікно в меню Window (Вікно). Але за допомогою даного меню, ви не зможете перемкнутися на інше вікно дизайну сайту. Щоб перемикатися між вікном документа на першому плані і первинним вікном сайту, скористайтеся кнопкою Select Window (Вибрати вікно) – на панелі інструментів.

 

 

Adobe Golive надає розробникові декілька палітр і додаткових панелей, що полегшують вирішення основних завдань, таких як, додавання об'єктів до вмісту Web-сторінки, установка атрибутів для цих об'єктів, зміна кольору і тому подібне При запуску Adobe Golive, на робочому столі відображаються декілька палітр. Щоб зробити палітру видимою у робочій області, досить вибрати її ім'я в меню Window (Вікно). Щоб заховати палітру, або клацніть мишкою на закриваючу панель в правом верхньому (Windows) або в лівому верхньому (Mac OS) кутах вікна групи, або клацанням мишкою по палітрі виведіть її на перший план у вікні і потім закрийте.

Ближче знайомство з описаними вище можливостями почнемо з палітри Objects Palette (Палітра об'єктів). Дана палітра дозволяє швидко і легко вставляти в Web-сторінки різні об'єкти, включаючи плаваючі поля (floating boxes), таблиці, малюнки, кнопки прокрутки, елементи форм і багато що іншого. Obgects Palette (Палітра об'єктів) містить декілька кнопок, з кожною з яких пов'язана група значків тих, що представляють теги HTML, структурні елементи сторінки або характерні об'єкти сайту. Кількість груп значків варіюються залежно від складу модулів, які ви встановили або активували в діалоговому вікні Modules Рreferences (Властивості модуля). Детальніше про це вікно буде розказано в розділі «Налаштування» даного розділу. Щоб викликати палітру об'єктів, меню Window (Вікно) можна вибрати команду Objects (Об'єкти) [11, 32].

Objects Palette (Палітра об'єктів) містить наступні кнопки.

Кнопка Basic (Основний) – служить для проглядання значків, що представляють основний набір тегів HTML, які ви можете додавати в секцію body.

Кнопка Smart (Розумний) –