Выбор другого файла мультимедийного запроса для всего сайта. Adobe Dreamweaver

Выбор другого файла мультимедийного запроса для всего сайта

Далее приведена процедура изменения файла мультимедийных запросов для всего сайта, указанного в диалоговом окне «Мультимедийные запросы».
1 Выберите «Веб-cайт» > «Управление веб-сайтами».
2 В диалоговом окне «Управление веб-сайтами» выберите требуемый сайт.
3 Нажмите кнопку «Изменить». Откроется диалоговое окно «Настройка сайта».
4 В разделе «Дополнительные параметры» в левой панели выберите «Местные данные».
5 Рядом с полем «Файл мультимедийных запросов для всего сайта» справа нажмите кнопку «Обзор»и выберите файл CSS мультимедийных запросов.
Примечание. Изменение файла мультимедийных запросов для всего сайта не влияет на документы, связанные с другим или предыдущим файлом мультимедийных запросов для всего сайта.
6 Нажмите кнопку «Сохранить».

Просмотр веб-страниц на основе мультимедийного запроса
Размеры, указанные в мультимедийном запросе, отображаются в параметрах для кнопки
«Многоэкранный»/размера окна. При выборе размера из меню можно наблюдать следующие изменения:

• Размер просмотра изменяется с учетом выбранных параметров. Размер рамки документа остается неизменным.
• Для отображения страницы используется файл CSS, указанный в мультимедийном запросе.

Изменение ориентации страницы (CS5.5)

В самых современных мобильных устройствах ориентация страницы изменяется с учетом того, как пользователь держит устройство. Когда пользователь держит телефон вертикально, страница отображается в книжном формате. Когда пользователь поворачивает устройство горизонтально, страница подгоняет себя под альбомный формат отображения.
В Dreamweaver возможность просмотра страницы в книжном или альбомном формате есть как в режиме интерактивного просмотра, так и в представлении «Дизайн». С помощью этих возможностей можно тестировать поведение страницы при адаптации под эти параметры. После тестирования при необходимости можно будет изменить файл CSS так, чтобы страница правильно отображалась в обоих форматах.
❖ Выберите «Вид» > «Размер окна» > «Альбомная ориентация» или «Книжная ориентация».
Создание веб-приложений для мобильных устройств (CS5.5)
Интеграция Dreamweaver с jQuery Mobile позволяет быстро создавать веб-приложения, которые работают на большинстве мобильных устройств, адаптируясь к размерам данного устройства.

Дополнительно: http://jquerymobile.com/demos/1.0a3/

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

Adobe Dreamweaver

Обзор

Содержание