ADOBE GoLive CS – Строим сайт.

Одна из лучших программ, предназначенных для профессионального Web дизайна, является полностью визуальной средой разработки Web страниц. Содержит неплохой HTML-редактор, дополненный мощным редактором кода. Он успешно поддерживает коды как стандартного формата HTML, так и нового формата DHTML и таблиц стилей (средства HTML не позволяют качественно выровнять текст). Вы можете создавать тысячи страниц, которые могут включать в себя многократные связи к дополнительным страницам.  

Adobe GoLive, также содержит готовые для использования Java-скрипты и возможности по управлению сайтом. Создание страниц в режиме редактирования сводится к переносу мышью в документ указателей мест заполнения – фото, кнопки, видео. Это достаточно удобный и мощный инструмент для художников при создании сайта и при этом без сильного углубления в исходный текст HTML.

Прекрасно подходит для создания интерактивных и анимированных сайтов. Отличная интеграция с продуктами Adobe – Photoshop&Image Ready, Illustrator, Acrobat, InDesign. Технология Smart Objects обеспечивает динамическое открытие, редактирование файлов psd, ai, pdf. Для создания Flash анимации GoLive имеет сильную интеграцию с еще одним пакетом от Adobe – LiveMotion2. А при установке специального плагина можно из After Effects экспортировать в формат AMX (Adobe Motion Exhange). Есть возможность увеличить масштаб изображения до 1600%, с помощью функции Zoom, тем самым, давая возможность работать с пиксельной точностью, для прецизионного размещения объектов на странице. Широкая поддержка видео файлов QuickTime. Расширенная работа со стилевыми таблицами CSS. Широкий ряд поддерживаемых форматов – PHP, JavaScript, CSS1/2, QuickTime, SMIL, SVG, PDF, XHTML, XML, DHTML …

Все на этом с флеймом закончили, теперь к делу.

Попробуем создать небольшой сайт/страничку и разместить ее в сети.

Запускаем программу.

 

 

Появляется следующее окно при загрузке.

 

 

Далее открывается программа, и нас приглашают к диалогу.

 

 

Выбираем New Site для создания нового сайта.

 

 

Появляется следующее окошечко.

 

 

Здесь мы сообщаем, что работает с сайтом один пользователь, и идем дальше Next.

 

 

В этом окне мы выбираем - Blank Site, т.е пустой сайт, а не шаблон и т.д.

 

 

Теперь нам предлагают ввести имя сайта, что мы с удовольствием и сделаем.

 

 

Нажимаем Next и идем далее.

 

 

Здесь мы выбираем место, где будет храниться наш строящийся сайт. По умолчанию, как обычно это папка Мои документы.

Сайт в GoLive у нас состоит из следующих элементов.

 

 

Мы видим 3 папки, которые предназначены для того чтобы держать в них Web – страницы, медиа файлы и другие файлы, необходимые нам для построения сайта. Давайте рассмотрим назначение этих папок.

Web – content, содержит нашу домашнюю страницу, которая является страницей по умолчанию. И загружается в браузер, когда кто-то посещает наш сайт. Это корневая папка нашего сайта.

Папка Web-data, это папка данных, которая содержит в файлы для многократного использования – шаблоны и т.д.

Она содержит в себе следующие 9 папок, которые создаются автоматически.

 

 

Рассмотрим назначение папки Components.

Diagrams – предназначена для планирования архитектуры нашего сайта. Мы можем создать здесь иерархию папок и страниц, показ связи между страницами, добавлять аннотации и другое.

InDesignPackages – здесь находятся packages импортированные из программы InDesign.

Queries – папка системы поиска элементов на сайте.

SiteTrash – область хранения для файлов, которые были удалены из сайта.

SmartObjects – размещает файлы psd, ai, pdf и служит для связи с оригиналом.

Snippets – сохраняем в нее части текста, изображения и другое, то что будет часто использоваться при строительстве сайта. Чтобы создать отрывок, выбираем элемент на нашей странице и тянем его в папку Snippets. А чтобы использовать этот элемент, тянем его из папки на страницу.

Stationery – сохраняем понравившиеся страницы в эту папку. Новая страница, взятая за основу, будет дубликатом оригинала.

Templates – если Вы модернизируете страницу шаблона, то все страницы которые базируются на ней тоже будут обновлены. Для страницы, которая определится как шаблон, должна иметься одна область editable, области которые не определены как editable не могут быть изменены в страницах сделанных из шаблона. Чтобы определить область как editable, выбираем ее на странице и нажимаем кнопку Create New Editable Region в палитре Template Regions. Можно сохранять страницы как шаблон - Save as Template.

 

В папке Web-settings хранятся настройки, которые Вы делаете в диалоговом окне.  

 

 

Папки Web-data & Web-settings не грузятся на Web-сервер.

По окончании настройки нажимаем кнопку Финиш.

 

 

И перед нами возникает первое наше рабочее окно с названием нашего сайта.

 

 

Теперь после любых внесенных изменений, выполняем команду Ctrl + S.

 

 

И выходим из программы Ctrl + Q.

 

 

И при следующей загрузке программы, мы уже можем нажимать кнопку Open.

 

 

И выбираем создаваемый сайт.

 

 

Если файлов много, то придется немного подождать…

 

 

 

Читаем далее.

На главную страницу.