Использование
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.
Дополнительно:
Просмотр
страниц с помощью панели «Многоэкранный просмотр»
Вернуться к: Работа с другими приложениями