Adobe GoLive

Adobe GoLive - это одна из лучших программ, предназначенных для профессионального Web-дизайна, является полностью визуальной средой разработки Web-страниц. GoLive содержит все преимущества известных веб-редакторов и превосходит их благодаря своим уникальным возможностям интеграции с другими продуктами компании Adobe, обеспечивая дизайнерским инструментарием и мощными средствами для эффективного творчества. Удобная среда проектирования, настраиваемая с учетом стиля работы, гарантирует максимальную продуктивность. А такие уникальные возможности как интеллектуальные объекты, поддержка XHTML, XML, SVG, WAP и многие другие позволят воплотить идеи любой сложности. Adobe GoLive также содержит готовые для использования Java-скрипты и возможности по управлению сайтом.

Программа позволяет разрабатывать динамическое информационное наполнение для Интернета и беспроводных устройств. Возможность работать с визуальным макетом страницы и с ее программным кодом одновременно. Графические и мультимедийные элементы, созданные в Adobe Photoshop, Adobe Illustrator и Adobe LiveMotion поддерживают связь с исходными приложениями.

GoLive позволяет повысить производительность труда за счет упрощения технологического процесса и эффективного управления элементами web-страницы. Возможность коллективной деятельности обеспечивает Adobe Web Workgroup Server. Работая в составе команды web-разработчиков, можно сохранять данные на сервере и обращаться к ним, предоставив такую же возможность всем членам группы. Adobe Web Workgroup Server, входящий в состав Adobe GoLive, позволяет администратору контролировать доступ к элементам сайта.

Динамические web-сайты обеспечивают интерактивность, то есть динамическое формирование, сбор, сохранение и обработку информации. Среда создания контента для беспроводных устройств позволяет использовать такие уникальные возможности GoLive, как мощные функции управления сайтом и ссылками, структурные диаграммы сайтов, шаблоны, интеллектуальные объекты (Smart Objects) и средства оптимизации изображений.

 Возможности GoLive:

• Работа с текстом, отформатированным в программе InDesign. Перевод параграфов, символов и стилей текста, созданного в программе InDesign, во внешние и внутренние файлы CSS.
• Интерфейс с двумя режимами просмотра. Возможность переключения между режимами просмотра макета и исходного кода делает процесс разработки максимально удобным.
• Интегрированные средства предварительного просмотра. Возможность изучать дизайн и просматривать изменения, вносимые в исходный код, в режиме реального времени с использованием новой палитры Live Rendering.
• Интеграция с технологией XMP. Просмотр, редактирование и другие действия с ресурсами, содержащими встроенные данные XMP, могут выполняться непосредственно из интерфейса GoLive.
• Инструменты для визуальной отладки исходных текстов. Для быстрого обнаружения проблемных участков кода можно воспользоваться мощными средствами синтаксического контроля. При работе в режимах отображения макета, исходного кода или схемы web-страницы результаты проверки отображаются в виде пронумерованных строк и выделяются цветом.
• Поддержка сценариев JavaScript. Программа позволит создавать и обслуживать надежные, быстро загружаемые сайты с помощью сценариев JavaScript. GoLive предлагает стандартные библиотеки функций и возможность записи кода во внешние библиотеки сценариев.
• Визуальные средства сбора информации и редактирования запросов. Возможность объединять параметры поисковых запросов для поиска и изменения файлов, фрагментов кода и связанных объектов. Генерация отчетов о работе сайта, которые основываются на результатах запросов и показаниях механизмов сбора информации.
• Служба обмена сообщениями Multimedia Messaging Service (MMS). Возможность создавать слайд-шоу и другое информационное наполнение для мобильных устройств 2.5G и 3G.
• Интегрированные средства организации коллективного труда. Для взаимодействия между членами команды могут использоваться протоколы FTP, HTTP(S) и WebDAV.
• Поддержка стандартов PDF. Визуализацию и вывод данных с использованием форматов PDF, принятых в качестве отраслевых стандартов: PDF 1.3 (Adobe Acrobat® 4.0), PDF 1.4 (Acrobat 5.0), PDF 1.5 (Acrobat 6.0), PDF/X-1 и PDF/X-3.
• Проверка безопасности и доступности. Использование службы Watchfire WebXACT для проверки качества, конфиденциальности, доступности и др.

При широких возможностях Adobe GoLive программа была применена для верстки ранее созданного макета.

Основными функции, которые были использованы, – создание элементов сайта при помощи слоев (блочная верстка) и редактирование каскадных таблиц стилей (CSS).

На Рисунке 4 представлена рабочая область программы Adobe Golive. Верстка может осуществляться в визуальном режиме или режиме правки кода (верхняя и нижняя область соответственно). Это можно делать в визуальном режиме на вкладке Layout, в режиме просмотра кода на вкладке Source. Справа небольшое окно дает представление, каким образом располагаются элементы (логотип, меню, поиск) в шапке документа.

Рисунок. Блочная верстка в Adobe GoLive

На Рисунке представлен режим правки свойств слоев и элементов. Для каждого слоя или элемента форматирования (p, strong, a и т.п.) существует несколько вкладок, где можно выбрать свойства текста, положение на странице, отступы. В нашем примере – это закладка, где выбирается фоновое изображение для слоя. Так же можно выбрать цвет фона при отсутствии картинки (или до загрузке), возможно предусмотреть повторение фона по горизонтали или вертикали.

В правом верхнем окне в реальном режиме времени демонстрируется будущий вид элемента сайта.

Так же разработчиками предусмотрена возможность ручной правки кода.

После верстки, страница была проверена на отображение в различных браузерах (IE6, IE7, Mozila, FireFox, Opera, Safari)  и мобильных устройствах.

Среда Adobe GoLive позволяет управлять небольшим проектом из нескольких страниц, программа идеально подходит для верстки страниц любой сложности. Очень важной особенностью программы является генерируемый чистый код, который правильно индексируется поисковиками. Легкость изменения и редактирования CSS позволяет вынести многие аттрибуты во внешний файл и ускорить скорость загрузки текстового наполнения сайта.

Рисунок. Правка свойств в CSS