Выберите «Файл» > «Создать».
- Руководство пользователя Dreamweaver
- Введение
- Dreamweaver и Creative Cloud
- Рабочие среды и представления Dreamweaver
- Настройка сайтов
- О сайтах Dreamweaver
- Настройка локальной версии сайта
- Подключение к серверу публикации
- Настройка тестового сервера
- Импорт и экспорт параметров сайта Dreamweaver
- Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
- Специальные возможности в Dreamweaver
- Дополнительные настройки
- Настройка установок сайта для передачи файлов
- Задание параметров прокси-сервера в Dreamweaver
- Синхронизация настроек Dreamweaver с Creative Cloud
- Использование Git в Dreamweaver
- Управление файлами
- Создание и открытие файлов
- Управление файлами и папками
- Получение файлов с сервера и размещение их на нем
- Возврат и извлечение файлов
- Синхронизация файлов
- Сравнение файлов
- Скрытие файлов и папок на сайте Dreamweaver
- Включение заметок разработчика для сайтов Dreamweaver
- Предотвращение использования уязвимости Gatekeeper
- Макет и оформление
- Использование средств визуализации для создания макета
- Об использовании CSS для создания макета страницы
- Создание динамичных веб-сайтов с помощью Bootstrap
- Создание и использование медиазапросов в Dreamweaver
- Представление содержимого в таблицах
- Цвета
- Гибкий дизайн с использованием «резиновых» макетов
- Extract в Dreamweaver
- CSS
- Общие сведения о каскадных таблицах стилей
- Создание макетов страниц с помощью конструктора CSS
- Использование препроцессоров CSS в Dreamweaver
- Установка настроек стиля CSS в Dreamweaver
- Перемещение правил CSS в Dreamweaver
- Преобразование встроенного CSS в правило CSS в Dreamweaver
- Работа с тегами div
- Применение градиентов к фону
- Создание и редактирование эффектов перехода CSS3 в Dreamweaver
- Форматирование кода
- Содержимое страницы и ресурсы
- Задание свойств страницы
- Задание свойств заголовка CSS и свойств ссылки CSS
- Работа с текстом
- Поиск и замена текста, тегов и атрибутов
- Панель DOM
- Редактирование в режиме интерактивного просмотра
- Кодировка документов в Dreamweaver
- Выбор и просмотр элементов в окне документа
- Задание свойств текста в инспекторе свойств
- Проверка орфографии на веб-странице
- Использование горизонтальных линеек в Dreamweaver
- Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
- Работа с ресурсами
- Вставка и обновление даты в Dreamweaver
- Создание и управление избранными ресурсами в Dreamweaver
- Вставка и редактирование изображений в Dreamweaver
- Добавление мультимедийных объектов
- Добавление видео Dreamweaver
- Добавление видео HTML5
- Вставка файлов SWF
- Добавление звуковых эффектов
- Добавление аудио HTML5 в Dreamweaver
- Работа с элементами библиотеки
- Использование текста на арабском языке и иврите в Dreamweaver
- Создание ссылок и навигация
- Графические элементы и эффекты jQuery
- Написание кода веб-сайтов
- О программировании в Dreamweaver
- Среда написания кода в Dreamweaver
- Настройка параметров написания кода
- Настройка цветового оформления кода
- Написание и редактирование кода
- Подсказки по коду и автозавершение кода
- Свертывание и развертывание кода
- Повторное использование фрагментов кода
- Анализ Linting для проверки кода
- Оптимизация кода
- Редактирование кода в представлении «Дизайн»
- Работа с содержимым заголовков для страниц
- Вставка серверных включений в Dreamweaver
- Использование библиотек тегов в Dreamweaver
- Импорт пользовательских тегов в Dreamweaver
- Использование вариантов поведения JavaScript (общие инструкции)
- Применение встроенных вариантов поведения JavaScript
- Сведения об XML и XSLT
- Выполнение XSL-преобразования на стороне сервера в Dreamweaver
- Выполнение XSL-преобразования на стороне клиента в Dreamweaver
- Добавление символьных сущностей для XSLT в Dreamweaver
- Форматирование кода
- Процессы взаимодействия продуктов
- Установка и использование расширений в Dreamweaver
- Обновления в Dreamweaver, устанавливаемые через приложение
- Вставить документы Microsoft Office в Dreamweaver (только для Windows)
- Работа с Fireworks и Dreamweaver
- Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
- Интеграция Dreamweaver с Business Catalyst
- Создание персонализированных кампаний почтовой рассылки
- Шаблоны
- О шаблонах Dreamweaver
- Распознавание шаблонов и документов на их основе
- Создание шаблона Dreamweaver
- Создание редактируемых областей в шаблонах
- Создание повторяющихся областей и таблиц в Dreamweaver
- Использование дополнительных областей в шаблонах
- Определение редактируемых атрибутов тега в Dreamweaver
- Создание вложенных шаблонов в Dreamweaver
- Редактирование, обновление и удаление шаблонов
- Экспорт и импорт XML-содержимого в Dreamweaver
- Применение или удаление шаблона из существующего документа
- Редактирование содержимого в шаблонах Dreamweaver
- Правила синтаксиса для тегов шаблона в Dreamweaver
- Настройка предпочтений выделения для областей шаблона
- Преимущества использования шаблонов в Dreamweaver
- Мобильные и многоэкранные устройства
- Динамические сайты, страницы и веб-формы
- Общие сведения о веб-приложениях
- Настройка компьютера для разработки приложений
- Устранение неполадок подключений к базам данных
- Удаление сценариев подключения в Dreamweaver
- Дизайн динамических страниц
- Обзор динамических источников содержимого
- Определение источников динамического содержимого
- Добавление динамического содержимого на страницы
- Изменение динамического содержимого в Dreamweaver
- Отображение записей баз данных
- Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
- Добавление заказных вариантов поведения сервера в Dreamweaver
- Создание форм с помощью Dreamweaver
- Использование форм для сбора информации от пользователей
- Создание и включение форм ColdFusion в Dreamweaver
- Создание веб-форм
- Расширенная поддержка HTML5 для компонентов формы
- Разработка формы с помощью Dreamweaver
- Визуальное построение приложений
- Создание главной страницы и страницы сведений в Dreamweaver
- Создание страниц поиска и результатов поиска
- Создание страницы для вставки записи
- Создание страницы обновления записи в Dreamweaver
- Создание страниц удаления записей в Dreamweaver
- Применение ASP-команд для изменения базы данных в Dreamweaver
- Создание страницы регистрации
- Создание страницы входа
- Создание страницы с доступом только для авторизованных пользователей
- Защита папок в ColdFusion с помощью Dreamweaver
- Использование компонентов ColdFusion в Dreamweaver
- Тестирование, просмотр и публикация веб-сайтов
- Устранение неполадок
Интеграция Dreamweaver с jQuery Mobile позволяет быстро создавать веб-приложения, которые работают на большинстве мобильных устройств, адаптируясь к их размерам.
Создание веб-приложения с помощью jQuery Mobile
Открытие начальной страницы jQuery Mobile или создание страницы HTML5
Используете начальные страницы jQuery Mobile в Dreamweaver, чтобы создать приложение. Вы также можете начать создание веб-приложения с новой страницы HTML5.
На начальных страницах jQuery Mobile имеются файлы HTML, CSS, JavaScript, а также графические файлы, позволяющие быстро приступить к разработке приложения. Вы можете использовать файлы CSS и JavaScript, размещенные на CDN, на собственном сервере или файлы, установленные вместе с Dreamweaver.
Чтобы узнать, где расположены связанные файлы, см. теги <link> и <script src> в представлении кода.
Вставьте компоненты jQuery Mobile из панели «Вставка»
Вставьте компоненты jQuery Mobile из панели «Вставка» на HTML-страницу. Файлы jQuery Mobile CSS и JavaScript определяют стиль и поведение компонентов.
Сведения о CDN и локальных файлах jQuery Mobile
CDN
CDN (сеть доставки содержимого) является компьютерной сетью, в которой содержатся копии данных, размещенные в различных точках сети. При создании веб-приложения с помощью URL-адреса сети CDN для приложения используются файлы CSS и JavaScript, указанные в этом URL-адресе. По умолчанию Dreamweaver использует сеть CDN jQuery Mobile.
Кроме того, вы также можете использовать URL-адреса сетей с других сайтов, например Microsoft и Google. Измените расположение сервера с файлами CSS и JavaScript, указанными в тегах <link> и <script src>, в представлении кода.
Файлы, загружаемые из сети CDN, доступны только для чтения.
Локальные файлы jQuery Mobile
При установке Dreamweaver копии файлов jQuery Mobile переносятся на компьютер. HTML-страница, которая открывается при выборе начальной страницы jQuery Mobile, связана с локальными файлами CSS, JavaScript и графическими файлами.
Начальные страницы jQuery Mobile
В Dreamweaver имеются следующие начальные страницы для создания веб-приложения:
jQuery Mobile (CDN)
Используйте эту начальную страницу, если библиотеку jQuery Mobile планируется разместить в сети CDN.
jQuery Mobile (локальный)
Используйте эту начальную страницу, если ресурсы планируется размещать на собственном компьютере либо если приложение не использует подключение к Интернету.
jQuery Mobile (PhoneGap)
Используйте эту начальную страницу, если веб-приложение при развертывании в качестве приложения для мобильного устройства использует собственные функции мобильного устройства. Дополнительные сведения см. в разделе Упаковка веб-приложений.
Используйте начальные страницы для создания приложения для мобильных устройств.
-
-
Выберите один из следующих пунктов, исходя из своих потребностей:
«Страница из образца» > «Начальные страницы Mobile» > «jQuery Mobile (CDN)».
«Страница из образца» > «Начальные страницы Mobile» > «jQuery Mobile (локальный)».
-
Нажмите кнопку «Создать».
На открывшейся странице установите флажок «Следовать ссылкам непрерывно» («Вид» > «Параметры интерактивного просмотра») и переключитесь на интерактивный просмотр. Используйте компоненты навигации, чтобы проверить, как работает приложение.
Чтобы посмотреть, как страница отображается на устройствах разных размеров, воспользуйтесь командами из меню «Многоэкранный». Отключите интерактивный просмотр и перейдите назад в представление дизайна.
-
На панели «Вставка» («Окно» > «Вставка») выберите jQuery Mobile. Будут отображены компоненты, которые можно добавить в веб-приложение.
-
В представлении дизайна поместите курсор в то место, куда требуется вставить компонент, а затем щелкните компонент на панели «Вставка». В открывшемся диалоговом окне настройте компоненты с помощью параметров.
-
(jQuery Mobile — локальный) После сохранения HTML-файла файлы jQuery Mobile, включая графические файлы, будут скопированы в папку, где находится HTML-файл.
Просмотрите страницу в режиме интерактивного просмотра. Некоторые классы CSS применяются только в режиме интерактивного просмотра.
Создание веб-приложения для мобильных устройств с новой страницы
Компонент «Страница» является контейнером для всех остальных компонентов jQuery Mobile. Перед тем как вставлять другие компоненты, добавьте компонент «Страница».
-
Выберите «Файл» > «Создать».
-
Выберите «Пустая страница» > «HTML».
Некоторые компоненты jQuery Mobile используют атрибуты HTML5. Чтобы обеспечить соответствие HTML5 во время проверки, необходимо выбрать HTML5 в качестве DocType.
-
На панели «Вставка» («Окно» > «Вставка») в меню выберите jQuery Mobile. На панели появится компонент jQuery Mobile.
-
Перетащите компонент «Страница» в представление дизайна из панели «Вставка».
-
В диалоговом окне «Файлы jQuery Mobile» выберите один из следующих параметров.
Удаленный (CDN)
Если требуется подключиться к удаленному серверу CDN, на котором размещены файлы jQuery Mobile. Используйте параметр сайта jQuery по умолчанию, если сайт с файлами jQuery Mobile задан не был. Также можно использовать другие серверы CDN.
Локальный
Будут отображены файлы, которые доступны в Dreamweaver. Чтобы указать другую папку, нажмите кнопку «Обзор» и перейдите в папку, в которой находятся файлы jQuery Mobile.
Файлы CSS и JavaScript копируются в локальный временный каталог, пока HTML-файл не будет сохранен на компьютере. После сохранения HTML-файла все связанные с ним файлы jQuery Mobile и графические файлы копируются в папку, расположенную в корневой папке сайта.
-
Введите свойства компонента «Страница».
-
В представлении дизайна поместите курсор в то место, куда требуется вставить компонент, а затем щелкните компонент на панели «Вставка». В открывшемся диалоговом окне настройте компоненты с помощью параметров.
Просмотрите страницу в режиме интерактивного просмотра. Некоторые классы CSS применяются только в режиме интерактивного просмотра.
Использование пользовательских файлов и папок
Для приложения можно создавать собственные файлы CSS и JS. Файлы должны иметь имена jquery.mobile.js, jquery.mobile.css и jquery.js
При использовании пользовательских папок выполните следующие действия.
Загрузите необработанную версию базовой библиотеки jQuery 1.5 с веб-сайта http://docs.jquery.com/Downloading_jQuery#Download_jQuery.
Сохраните файл в корневой папке, содержащей другие ресурсы.