Главная   Ссылки    Код баннера   

Редакторы:    Текстовые    Визуальные    Графические    Векторные    3D-графика
Самоучители:     GoLive    Homesite     Amaya   

Учебник Adobe Golive

..2 3 4 5 6 7 8  9  10 11 12 13 14 15 16 17  18 19



Панель инструментов Adobe Golive содержит кнопки и выпадающие меню. Вы можете использовать панель инструментов для изменения выделенного текста или объектов в окне документа, как выбор формата параграфа для выделенного текста или изменения размеров текстового поля макета. Также, с помощью панели инструментов, можно выполнять общие задачи, относящиеся к вашему документу или всему Web-сайту, как включение предупреждений о ссылках (link warnings) или просмотр вашего документа прямо в браузере.
Чтобы показать или спрятать панель инструментов, следует выполнить команду меню: Window | Toolbar (Окно | Панель инструментов). Также можно спрятать панель инструментов, щелкнув мышкой на закрывающей кнопке в верхнем правом (Windows) или верхнем левом (Mac OS) углу. Чтобы пере-двинуть панель инструментов, достаточно потянуть ее за верхнюю панель Windows) или нижний левый угол (Mac OS).

Окно документа

Окно документа предоставляет множество режимов редактирования, поэтому вы можете проектировать сайт так, как вам необходимо, в зависимости от своих предпочтении. Предпочитаете ли вы работать с палитрами или с редактором HTML-текста напрямую — Adobe GoLive позволит вам работать так, как вы привыкли. По умолчанию, окно отображается в режиме Layout (Макет). Вы можете перейти в другой режим редактирования или предварительно просмотреть результаты своей работы. Обратите внимание на некоторые кнопки, доступные в режиме Layout (Макет).


  • A — кнопка в виде треугольника показывает или прячет панель заголовочной секции окна документа;
  • В — кнопка для активации редактора JavaScript;
  • С — кнопка для вызова редактора эффектов DHTML;
  • 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 (Редактор эскиза).
  • - если установлен модуль Web-объектов, вкладка WebObjects Editor (Редактор Web-объектов) —— используется для редактирования свойств динамических объектов, встраиваемых в разрабатываемые Web-страницы.

    Чтобы изменить размер окна браузера, в котором будет потом отображаться разрабатываемая Web-страница, либо потяните мышкой нижний правый угол окна (для Windows), либо потяните за панель размера в правом нижнем углу окна документа (для Mac OS). Существует и другой путь. Просто выберите размер окна в контекстном меню Window Size (Размер окна) в правом нижнем углу окна документа. Если вы создаете новый сайт при помощи команды: File| New Site Blank (Файл | Создать сайт | Пустой), программа создаст файл с расширением site, который содержит информацию о структуре нового сайта. Если открыть этот файл, на экране будет отображено первичное окно разработки сайта. Данное окно содержит несколько вкладок, которые можно использовать для управления вашего сайта, включая файлы, адреса электронной почты, URL, привычную палитру цветов и тд



    Adobe GoLive открывает одновременно несколько документов, сайтов и окон дизайна сайта. Переключаться между ними можно разными способами. Например, щелкните мышкой по нужному окну, и оно появится на переднем плане. Этот вариант сработает в случае, если вы видите хотя бы край нужного вам окна. Ну а если нет, то можно выбрать нужное окно в меню Window (Окно). Но с помощью данного меню, вы не сможете переключиться на .вторичное окно дизайна сайта. Чтобы переключаться между окном документа на первом плане и первичным окном сайта, воспользуйтесь кнопкой Select Window (Выбрать окно) —— на панели инструментов.

    Применение палитр

    Adobe GoLive предоставляет несколько палитр и дополнительных панелей, которые облегчают решение основных задач- добавление объектов к содержимому Web-страницы, установка атрибутов для этих объектов, изменение цвета и т. п. При запуске программы на вашем рабочем столе отображаются несколько палитр. Чтобы сделать палитру видимой в вашей рабочей области, достаточно выбрать ее имя в меню Window (Окно). Если нужно спрятать палитру, либо щелкните мышкой на закрывающую панель в правом верхнем (Windows) или в левом верхнем (Mac OS) углах окна группы, либо щелчком мышкой по палитре выведите ее на первый план в окне и потом закройте.
  • Objects Palette (Палитра объектов)- позволит вам быстро и легко вставлять в Web-страницы различные объекты, включая плавающие поля (floating boxes), таблицы, рисунки, кнопки прокрутки, элементы форм и многое другое.
  • Obgects Palette
    (Палитра объектов)- содержит несколько кнопок, с каждой из которых связана группа значков представляющих теги HTML, структурные элементы страницы или характерные объекты сайта. Количество групп значков варьируются в зависимости от состава модулей, которые вы установили или активировали в диалоговом окне Modules Рreferences (Свойства модуля).
    Чтобы вызвать палитру объектов, меню Window (Окно) выберите команду Objects (Объекты).

    Objects Palette (Палитра объектов) содержит следующие кнопки:
  • - Basic (Основной) —— служит для просмотра значков, представляющих основной набор тегов HTML, которые вы можете добавлять в секцию body.
  • - Smart (Разумный) —— позволяет просмотреть значки, представляющие теги HTML, код JavaScript и "разумные" объекты, которые вы можете добавлять в секции head или body вашей страницы.
  • - Forms (Формы) —— позволяет просматривать значки, представляющие теги HTML отвечающие за создание форм ввода, которые вы можете добавлять в секцию bоdу
  • - Head (Заголовок) —— представляет значки тегов HTML для секции head.
  • - Frames (фреймы) —— вызывает набор значков, представляющих теги HTML для установок фреймов, которые вы можете добавлять в режиме Фреймы (Frames) окна документа.
  • - Site (Сайт) —— позволяет просмотреть значки, представляющие групповые объекты сайта, которые вы можете вставлять в сайт или окно дизайна сайта.
  • - Site Extras (Расширения сайта) —— показывает значки, представляющие закрепленные страницы, компоненты или их фрагменты.
  • - Library (Библиотека) —— позволяет пользователю собрать библиотеку наиболее часто используемых компонентов.


    Когда вы подводите стрелку мыши к значку, то ее имя появляется внизу Окна палитры. Чтобы вставить объект в разрабатываемую Web-страницу, Просто перетащите его при помощи мыши, удерживая нажатой ее правую кнопку, в нужное место страницы и отпустите кнопку.
    Следующая палитра Colors Palette (Палитра цветов). Она позволяет вам быстро и легко раскрасить текст и объекты ваших Web-страниц. Colors Palette (Палитра цветов) содержит несколько отдельных палитр, призванных помочь найти цвет, идеально подходящий для реализации вашей задачи. Подобно Objects Palette (Палитра объектов), Colors Palette (Палитра цветов) содержит несколько кнопок, по которым следует произвести щелчок мышью, чтобы открыть нужную палитру. Colors Palette (Палитра цветов) также содержит объектное меню выбора групп кнопок активизации опций отображения значений цвета в процентах или по шкале в 256 цветов. Для отображения Colors Palette (Палитра цветов) или любой палитры этой группы в меню Window (Окно) выберите команды Color (Цвет) или просто щелкните мышкой на любом цветовом поле в Inspector "(Инспектор). Подробнее об Inspector (Инспектор) смотри ниже. Цветовые значения Colors Palette (Палитра цветов) могут указываться по процентной или цифровой (256 цветов) шкале. Щелкните мышкой на треугольнике в правом, верхнем углу Colors Palette (Палитра цветов), чтобы отобразить ее меню, и выберите там команду Percent Values (Процентные значения). В правом нижнем углу рабочей облаем располагается чувствительный к контексту Inspector (Инспектор), дозволяющий устанавливать атрибуты для текста и объектов в окне документа. Содержание Inspector (Инспектор) изменяется в зависимости от того, с каким объектом сейчас работает пользователь. Он может содержать кнопки, текстовые поля, выпадающие списки, поля выбора цвета. Если вы производите какие-либо изменения в окне документа или окне сайта, имя Inspector (Инспектор) меняется и отображается в нижней части его окна. Например, если вы активируете некое изображение в окне документа, на нижней панели Inspector (Инспектор) появляется слово Image (Изображение), указывающее, что Inspector (Инспектор) преобразовался в Image Inspector (Инспектор изображения). Теперь он содержит все необходимое для работы с графикой.

    Настройки
    Большинство настроек Adobe GoLive доступны в диалоговом окне вызываемом из основного меню: Edit | Preferences (Правка | Свойства). Здесь находятся установки, регулирующие свойства дисплея, опции для перемещения изображений, для активации модулей, опции для выбора Web-браузеров, которые вы можете запустить из Adobe GoLive, опции проверки правописания и многое другое. Остановимся более подробно на возможности управления модулями:
  • Диалоговое окно Modules Preferences (Свойства модуля)- позволяет вам рационализировать Adobe GoLive, чтобы уменьшить время его загрузки, улучшить его чувствительность и уменьшить предельные требования памяти. При помощи отключения ненужных модулей вы можете уменьшить требования программной памяти до рекомендуемого минимума в 24 Мбайт. Для того чтобы активировать или деактивировать программные, модули, выполните команду меню: Edit | Preferences (Правка | Свойства). Затем щелкните мышкой на значок Modules (Модули) на левой панели диалогового, окна Рreferences (Свойства). Программные модули, которые установлены в данный момент, отмечены флажками. Щелкните мышкой на нужный модуль, чтобы активировать или деактивировать его, и нажмите кнопку ОК.Потом перезагрузите Adobe GoLive.
    Для получения дополнительной информации о каждом из модулей, воспользуйтесь пиктограммой Show Item Monnation (Показать информацию об объекте) в правом нижнем углу окна Preferences (Свойства).



    Создание гиперссылок
    В процессе проектирования Web-страницы вам придется создавать ссылки для вставки изображений или других медиа-средств, навигационные ссылку и многие другие. Лучше всего для создания ссылок использовать Inspector (Инспектор).Чтобы создать ссылку, сначала нужно создать текст или изо-бражение, которые будут отображаться в браузере в качестве ссылки. Затем необходимо выделить этот текст или изображение и нажать на кнопку New Link (Новая ссылка) —— в Inspector (Инспектор) или на панели инструментов. Останется только выбрать файл, на который будет указывать создаваемая ссылка.



    Далее


  • Используются технологии uCoz