Откройте поддерживаемый файл.
- Руководство пользователя 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
- Тестирование, просмотр и публикация веб-сайтов
- Устранение неполадок
Задайте предпочтения, которые будут управлять форматированием кода каждый раз при создании или изменении файла.
Форматирование кода вручную
-
-
Выберите Редактировать > Код > Применить исходное форматирование.
Или выберите Применить исходное форматирование в разделе Общая панель инструментов > Форматировать исходный код.
Форматирование выделенного кода в файле вручную
-
Откройте код.
-
Выберите любой фрагмент кода.
-
Выберите Редактировать > Код > Применить исходное форматирование к выделенному.
Или выберите Применить исходное форматирование к выбранному в разделе Общая панель инструментов > Форматировать исходный код.
Примечание.При выборе кода в любом теге и применении исходного форматирования к выделенному форматирование применяется к родительскому тегу.
Изменение стандартных правил форматирования кода
Вы можете регулировать форматирование кода CSS, JS и PHP путем добавления правил форматирования в файл.jsbeautifyrc в корневой папке сайта.
Чтобы добавить файл.jsbeautifyrc, выполните следующие шаги.
- Следующие инструкции относятся только к документам CSS, JS и PHP.
- HTML-теги в документе PHP форматируются в соответствии с установками в библиотеках тегов.Вы можете форматировать код внутри блоков PHP в соответствии с нижеуказанными инструкциями.
-
Создайте новый файл в корневой папке сайта с именем .jsbeautifyrc.
-
Скопируйте нижеприведенные стандартные правила форматирования для CSS, JS и PHP в .jsbeautifyrc и сохраните файл.
{ "js": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": true, "comma_first": false, "operator_position": "after-newline" }, "css": { "preserve_newlines": false, "selector_separator_newline" : false, "end_with_newline": false, "newline_between_rules": false, "space_around_selector_separator": true }, "php": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "brace_style": "collapse", "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": false, "comma_first": false, "space_in_paren":true } }
-
Измените стандартные правила по изменению правил форматирования кода согласно нижеприведенной таблице и сохраните изменения.
-
Перезапустите Dreamweaver и примените форматирование кода для файла CSS, JS и PHP.
Форматирование кода происходит в соответствии с обновленными правилами форматирования.
Если вы хотите настроить форматирование кода для файлов PHP, CSS и JS на других сайтах Dreamweaver, то необходимо разместить настроенный файл.jsbeautifyrc в корневую папку сайта.
Правила форматирования CSS, JS и PHP:
CSS | Правила | Стандартные значения в Dreamweaver | Описание |
preserve_newlines | false | Сохранять ли пустые строки. | |
selector_separator_newline | false | Помещать ли новую строку между разделенными запятыми инструментами выбора. Например, ".div, .P" |
|
end_with_newline | false | Заканчивать ли файл пустой строкой. | |
newline_between_rules | false | Добавлять ли новую строку после каждого правила CSS. | |
space_around_selector_separator | true | Оставлять пробелы вокруг разделителей инструмента выбора: «>», «+», «~». Например: «a>b» становится «a > b» при применяемом исходном форматировании. |
JS | Правила | Стандартные значения в Dreamweaver | Описание |
"eol" | "\n" | Символ, используемый для представления конца строки. | |
preserve_newlines | true | Сохранять ли пустые строки. | |
max_preserve_newlines | 3 | Для "max_preserve_newlines": N, пустые строки (N-1) сохраняются при применении форматирования, если в файле JS имеется более N-1 пустых строк. Примечание. max_preserve_newlines применимо только в том случае, если preserve_newlines имеет значение true. |
|
space_after_anon_function | true | Добавлять ли пробел перед скобкой анонимной функции. Например: «function()» становится «function ()» при применяемом исходном форматировании. |
|
keep_array_indentation | false | Разрешать или сохранять новую строку внутри тела массива. | |
space_before_conditional | true | Добавлять ли пробел перед условным оператором. Например: «if(true)» становится «if (true)» при применении форматирования. |
|
break_chained_methods | false | Разрешать или сохранять новую строку между последовательными функциями. Ниже приведен пример. "foobar().baz()" |
|
unescape_strings | false | Должны ли печатные символы в строках, зашифрованные в выражении \xNN, быть неэкранированными. Ниже приведен пример. «\x65\x78\x61\x6d\x70\x6c\x65» становится «example» при применении исходного форматирования. |
|
wrap_line_length | 0 | Строки должны переноситься для следующей возможности после такого количества символов. | |
end_with_newline | true | Вставлять новую строку в конце файла. |
|
comma_first | false | При разрыве строки запятой этот флажок используется для проставления запятой в качестве первого символа строки. | |
operator_position | after-newline | Если длинное условное выражение делится на несколько строк, то этот флажок используется для определения положения операторов в строках. Можно редактировать флажок с помощью нижеприведенных значений.
|
Правила форматирования PHP такие же, как и для форматирования JS (описано в приведенной выше таблице) с двумя дополнительными правилами, указанными ниже.
PHP | Правила | Стандартные значения в Dreamweaver | Описание |
brace_style | collapse | Можно управлять положением фигурных скобок с помощью этого параметра: Ниже приведен пример. function f() { // код } или function f() { // код } Можно назначить значения ниже.
|
|
space_in_paren | true | Добавлять ли пробелы в скобки. Ниже приведен пример. include('header.php') становится include( 'header.php' ) при применении форматирования. |