Adobe Dreamweaver

Обзор


Содержание сайта
Комбинированные редакторы л. 1
Adobe Dreamweaver Обзор 

Содержание

О Creative Cloud
Новое в последних версиях

Основные шаги

Настройки программы

Интерфейс

Работа с сайтами Dreamweaver

Создание документов (страниц)

Управление файлами и папками

Заметки разработчика

Использование CSS

Макет страниц

Работа с объектами
Список объектов

Фреймы (рамки)
Использование тега DIV
Элементы AP
JavaScript
Цвет
Создание ссылок и навигация

Управление файлами и папками

Совместная работа Dreamweaver с Photoshop, Fireworks, Adobe Flash и др. приложениями

Интеграция с Business Catalyst


Поиск на сайте
Ресурсы и библиотеки
Расширения

Шаблоны

Работа с кодом

Использование сетевых служб
Adobe


Отображение XML-данных с
помощью XSLT


Создание динамических
страниц


Создание форм

Специальные возможности

Сайты для разных экранов и устройств

Предварительный просмотр
Проверка сайта

Отчеты в Dreamweaver

Программа передачи файлов (FTP)


Работа с Device Central

Использование Adobe Device Central с приложением Dreamweaver

Программа Device Central позволяет дизайнерам и разработчикам веб-страниц, использующим программу Dreamweaver, определить внешний вид файлов Dreamweaver на различных мобильных устройствах (в мобильных телефонах).

В программе Device Central используется функция Small-Screen Rendering™ браузера Opera, что позволяет проектировщикам и разработчикам видеть, как будет выглядеть создаваемая веб-страница на маленьком экране. Кроме того, эта программа позволяет проектировщикам и разработчикам проверить правильность работы кода CSS.

Например, веб-разработчик получил заказ от клиента, который хочет обеспечить доступ к веб-сайту с мобильных телефонов. Разработчик может создать предварительные варианты страниц в Dreamweaver, затем в приложении Device Central определить их внешний вид на различных устройствах.

Просматривать страницы, созданные в приложении Dreamweaver, на различных мобильных устройствах можно с помощью встроенной функции «Small-Screen Rendering» браузера Opera в Device Central. Безусловно, на разных устройствах установлены различные браузеры, но указанный способ просмотра позволяет получить наглядное представление о том, как содержимое будет выглядеть и работать на выбранном устройстве.

1 Запустите Dreamweaver.
2 Откройте страницу.
3 Выполните одно из следующих действий.
• Выберите «Файл» > «Просмотр в браузере» > «Device Central».
• На панели инструментов в окне документа нажмите и удерживайте кнопку «Просмотр/Отладка в браузере» и выберите «Просмотр в Device Central».

Файл отобразится на вкладке «Эмулятор Device Central».
Чтобы продолжить тестирование, дважды щелкните имя другого устройства в списке «Наборы устройств» или «Доступные устройства».

Советы по созданию веб-содержимого Dreamweaver для мобильных устройств

В приложении Device Central предусмотрен просмотр веб-страниц, созданных в программе Dreamweaver, с помощью функции Small-Screen Rendering браузера Opera. Такой просмотр позволяет получить достаточно полное представление о том, как будет выглядеть  веб-страница на мобильном устройстве.

Примечание. Функция Small-Screen Rendering браузера Opera может быть предустановлена на отдельном эмулированном устройстве, а может отсутствовать. Приложение Device Central просто позволяет просмотреть содержимое таким образом, как если бы на мобильном устройстве была установлена функция Small-Screen Rendering браузера Opera.

Следуя приведенным ниже советам, можно обеспечить правильность отображения на мобильных устройствах веб-страниц, созданных в приложении Dreamweaver.
• Если для разработки содержимого используется инфраструктура Adobe Spry, добавьте в страницы приведенную ниже строку HTML-кода, чтобы на этих страницах в приложении Device Central поддерживалась визуализация CSS и правильное выполнение сценариев JavaScript™.
<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>
• Функция Small-Screen Rendering браузера Opera не поддерживает кадры, всплывающие меню, подчеркивание, перечеркивание, надчеркивание, мигание и выделение области. Старайтесь не использовать эти элементы в проекте.
• Стремитесь максимально упростить веб-страницы для мобильных устройств. В частности, используйте минимальное количество шрифтов, размеров шрифта и цветов.
• Чем меньше размер изображения и количество обязательных цветов, тем вероятнее изображения будут выглядеть так, как было задумано. Точную высоту и ширину каждого изображения следует задавать с помощью кода CSS или HTML. Для всех изображений должен быть предусмотрен сопроводительный текст.

Примечание. Веб-сайт программного обеспечения Opera — это хороший источник сведений об оптимизации веб-страниц для мобильных устройств.

Дополнительные советы и приемы по созданию содержимого для мобильных телефонов и устройств можно найти по адресу http://www.adobe.com/go/learn_cs_mobilewiki_ru.


Работа с ConnectNow

Adobe ConnectNow предоставляет безопасную персональную сетевую комнату совещаний, с помощью которых можно общаться и сотрудничать с другими пользователями в Интернете в режиме реального времени.

Благодаря ConnectNow можно совместно использовать экран вашего компьютера, добавлять
комментарии, отправлять сообщения в чат и общаться с помощью интегрированного звука.

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

Доступ к ConnectNow можно получить непосредственно через интерфейс приложения.

1 Выберите «Файл» > «Общий доступ к моему экрану».
2 В диалоговом окне «Вход в Adobe CS Live» введите свой адрес электронной почты и пароль, затем щелкните «Вход». Если у вас нет идентификатора Adobe ID, нажмите кнопку «Создать Adobe ID».
3 Чтоб разрешить общий доступ к экрану, нажмите кнопку «Совместный доступ к экрану моего компьютера» в центре окна приложения ConnectNow.

Дополнительно:

Просмотр страниц с помощью панели «Многоэкранный просмотр»

Вернуться к: Работа с другими приложениями

О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru