Adobe Dreamweaver

Работа в окне документа
Элементы интерфейса
Настройка интерфейса
Сочетания клавиш

Макет страниц с использованием CSS
Разметка страниц с помощью HTML

Текст
Изображения
Карта ссылок
Панели навигации (меню)
Таблицы
Объекты мультимедиа
Java-апплеты
Элементы Spry

Смарт-объекты

Меню переходов

Используйте начальные страницы для создания приложения для мобильных устройств.

1 Выберите «Файл» > «Создать».
2 Выберите один из следующих пунктов, исходя из своих потребностей:
3 Нажмите кнопку «Создать».
На открывшейся странице установите флажок «Следовать ссылкам непрерывно» («Вид» > «Параметры интерактивного просмотра») и переключитесь на интерактивный просмотр. Используйте компоненты навигации, чтобы проверить, как работает приложение.
Чтобы посмотреть, как страница отображается на устройствах разных размеров, воспользуйтесь командами из меню «Многоэкранный». Отключите интерактивный просмотр и перейдите назад в представление дизайна.
4 На панели «Вставка» («Окно» > «Вставка») выберите jQuery Mobile. Будут отображены компоненты, которые можно добавить в веб-приложение.
5 В представлении дизайна поместите курсор в то место, куда требуется вставить компонент, а затем щелкните компонент на панели «Вставка». В открывшемся диалоговом окне настройте компоненты с помощью параметров.
6 (jQuery Mobile — локальный) После сохранения HTML-файла файлы jQuery Mobile, включая графические файлы, будут скопированы в папку, где находится HTML-файл.

Просмотрите страницу в режиме интерактивного просмотра. Некоторые классы CSS применяются только в режиме интерактивного просмотра.

Дополнительно:
http://en.wikipedia.org/wiki/Content_delivery_network
http://docs.jquery.com/Downloading_jQuery


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

Компонент «Страница» является контейнером для всех остальных компонентов jQuery Mobile. Перед тем как вставлять другие компоненты, добавьте компонент «Страница».
1 Выберите «Файл» > «Создать».
2 Выберите «Пустая страница» > «HTML».
Некоторые компоненты jQuery Mobile используют атрибуты HTML5. Чтобы обеспечить соответствие HTML5 во время проверки, необходимо выбрать HTML5 в качестве DocType.

3 На панели «Вставка» («Окно» > «Вставка») в меню выберите jQuery Mobile. На панели появится компонент jQuery Mobile.
4 Перетащите компонент «Страница» в представление дизайна из панели «Вставка».
5 В диалоговом окне «Файлы jQuery Mobile» выберите один из следующих параметров.
Удаленный (CDN) Если требуется подключиться к удаленному серверу CDN, на котором размещены файлы jQuery Mobile. Используйте параметр сайта jQuery по умолчанию, если сайт с файлами jQuery Mobile задан не был. Также можно использовать другие серверы CDN.
Локальный Будут отображены файлы, которые доступны в Dreamweaver. Чтобы указать другую папку, нажмите кнопку «Обзор» и перейдите в папку, в которой находятся файлы jQuery Mobile.
Файлы CSS и JavaScript копируются в локальный временный каталог, пока HTML-файл не будет сохранен на компьютере. После сохранения HTML-файла все связанные с ним файлы jQuery Mobile и графические файлы копируются в папку, расположенную в корневой папке сайта.
6 Введите свойства компонента «Страница».
7 В представлении дизайна поместите курсор в то место, куда требуется вставить компонент, а затем щелкните компонент на панели «Вставка». В открывшемся диалоговом окне настройте компоненты с помощью параметров.
Просмотрите страницу в режиме интерактивного просмотра. Некоторые классы CSS применяются только в режиме интерактивного просмотра.



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