Узнайте, как настроить параметры написания кода, темы кода, формат и параметры исправления кода в Dreamweaver.

Для удобства работы можно настроить параметры форматирования кода, выделения синтаксиса цветом и другие настройки написания кода.

Примечание.

  • Для настройки дополнительных установок используется редактор библиотеки тегов. См. раздел Управление библиотеками тегов.
  • Dreamweaver поддерживает форматирование файлов типов CSS, JS и PHP. Дополнительные сведения о том, как настраивать форматирование кода PHP, CSS, JS, см. в разделе Форматирование кода.

Настройка внешнего вида кода

В разделе «Просмотр» > «Параметры представления кода» пользователь может применить такие настройки, как перенос слов, отображение номеров строк кода, выделение синтаксических элементов кода цветом, создание отступа и отображение скрытых символов.

  1. Откройте документ в представлении «Код» или в окне инспектора кода.
  2. В меню «Просмотр» выберите пункт «Параметры представления кода».

  3. Выделите или отмените выделение любого из следующих параметров.

    Переносить по словам.

    Размещает код таким образом, что его можно просматривать без горизонтальной прокрутки. Этот параметр не предусматривает вставку символов разрыва строк, он просто облегчает просмотр кода.

    Номера строк.

    Отображает номера строк рядом с кодом.

    Скрытые символы.

    Отображает специальные символы вместо пробелов. Например, каждый пробел заменяется точкой, символ табуляции — двойной угловой скобкой, а символ разрыва строки — знаком абзаца.

    Примечание.

    Символы «мягкого» разрыва строки, используемые программой Dreamweaver для переноса слов, не отображаются с помощью знаков абзаца.

    Выделение цветом элементов синтаксиса.

    Включает или отключает функцию цветового оформления кода. Сведения об изменении цветовой схемы см. в разделе Настройка цветов кода.

    Автоотступ.

    Если в процессе создания кода нажать кнопку Enter, отступ для кода создастся автоматически. Новая строка кода имеет тот же уровень отступа, что и предыдущая строка. Сведения об изменении величины отступа см. в подразделе о параметре «Размер шага табуляции» раздела Изменение формата кода.

Изменение форматирования кода

Внешний вид кода можно изменить с помощью таких параметров форматирования, как отступ, длина строки, а также регистры имен тегов и атрибутов.

Все параметры форматирования кода, кроме параметра «Изменять регистр», автоматически применяются только к новым документам или дополнениям к документам, создаваемым впоследствии пользователем.

Для изменения форматирования существующих документов HTML нужно открыть документ и выбрать «Правка» > «Код» > «Применить исходное форматирование».

  1. В меню «Правка» выберите пункт «Настройки».
  2. В списке категорий слева выберите пункт «Формат кода».
  3. Задайте любой из следующих параметров.

    Отступ.

    Указывает наличие отступа в коде, созданном в Dreamweaver (в соответствии с правилами формирования отступа, определенными в параметрах).

    Примечание.

    Почти все доступные в этом диалоговом окне параметры отступа применимы только к коду, созданному в Dreamweaver, но не к коду, вводимому пользователем. Чтобы каждая новая строка вводимого пользователем кода имела тот же отступ, что и предыдущая, выберите в команду «Просмотр > Параметры представления кода > Автоотступ». Дополнительные сведения см. в разделе Настройка внешнего вида кода.

    На

    (текстовое поле и всплывающее меню). Указывает на то, сколько пробелов или знаков табуляции будет использоваться для отступа в коде, который создается в Dreamweaver. Например, если ввести в поле символ «3» и во всплывающем меню выбрать пункт «Символы табуляции», то код, создаваемый в Dreamweaver, будет иметь отступ в три символа табуляции на каждый уровень отступа.

    Размер шага табуляции.

    Определяет количество символов, составляющих шаг табуляции при отображении в представлении «Код». Так, если в поле «Размер шага табуляции» введено значение «4», то каждый символ табуляции будет отображаться в представлении «Код» как последовательность из четырех пробелов. Если кроме этого параметру «Отступ с» присвоено значение «3 символа табуляции», тогда для кода, создаваемого в Dreamweaver, формируется отступ в три символа табуляции на каждый уровень отступа, что при отображении в представлении «Код» составит последовательность из двенадцати пробелов.

    Примечание.

    Dreamweaver формирует отступы либо с помощью пробелов, либо с помощью символов табуляции. При вставке кода программа не превращает последовательность пробелов в символ табуляции.

    Emmet.

    Выберите этот параметр, если планируется использовать сокращения Emmet в процессе написания кода. Этот параметр гарантирует, что при нажатии клавиши Tab приложение Dreamweaver преобразует сокращение Emmet в полный код HTML или CSS. Дополнительные сведения об использовании Emmet см. в разделе Использование набора инструментов Emmet с Dreamweaver.

    Тип разрывов строк.

    Указывает тип удаленного сервера (Windows, Macintosh или Unix), на котором размещен удаленный сайт. Корректное отображение исходного кода HTML при просмотре на удаленном сервере обеспечивается правильным выбором типа символа разрыва строки. Этот параметр полезен также при работе с внешним текстовым редактором, который распознает лишь определенные типы символов разрыва строки. Например, следует применять символы CR LF (Windows), если в качестве внешнего редактора используется программа Notepad, и символ CR (Macintosh), если в качестве внешнего редактора используется программа Simple Text.

    Примечание.

    Для серверов, подключение к которым осуществляется по протоколу FTP, этот параметр применяется только в двоичном режиме передачи. При использовании режима передачи ASCII Dreamweaver игнорирует данный параметр. Если файлы загружаются в режиме ASCII, Dreamweaver вставляет символы разрывов строк в зависимости от операционной системы компьютера. При передаче файлов в режиме ASCII используются символы разрывов строк CR LF.

    Тег TD: не включать разрыв внутри тега TD.

    Устраняет проблему визуализации, возникающую при использовании некоторых браузеров ранних версий в ситуациях, когда пробел или символ разрыва строки следует непосредственно после тега <td> или непосредственно перед тегом </td>. При выборе данного параметра Dreamweaver не использует символов разрыва строки после тега <td> или перед тегом </td>, даже если форматирование в библиотеке тегов предусматривает использование символов разрыва строк в этих местах.

    Расширенное форматирование.

    Позволяет задавать параметры форматирования для отдельных тегов и атрибутов в редакторе библиотеки тегов.

    Символ разделителя

    (только в японской версии). Позволяет выбирать символ &nbsp; или символ пробела Zenkaku для кода HTML. Разделители, выбранные в данном параметре, будут использоваться для отображения пустых тегов при создании таблиц и при выборе для страниц с кодом на японском языке, где включен параметр «Разрешить несколько последовательных пробелов».

    Минимальный размер свертывания кода.

    Размер свертывания кода по умолчанию — две строки. При настройках по умолчанию все фрагменты кода, которые содержат по крайней мере две строки кода, сворачиваются. Фрагменты кода, содержащие менее двух строк, можно свернуть только путем выбора кода. Дополнительные сведения о свертывании кода см. в разделе Свертывание и развертывание кода.

Параметры исправления кода

С помощью параметров исправления кода можно указать, каким образом код в Dreamweaver будет изменяться при открытии документов, при выполнении операций копирования и вставки элементов форм, а также при вводе значений атрибутов и URL-адресов с помощью таких инструментов, как инспектор свойств. Эти параметры не действуют при редактировании кода HTML или сценариев в представлении «Код».

При отключении функций исправления в окне «Документ» для HTML отображаются элементы разметки с ошибками, которые были бы исправлены с помощью этих функций.

  1. Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
  2. В списке категорий слева выберите пункт «Повторный ввод кода».
  3. Задайте любой из следующих параметров.

    Исправление некорректно вложенных и незакрытых тегов.

    Исправляет перекрывающиеся теги. Например, фрагменту кода <b><i>text</b></i> придается вид <b><i>text</i></b>. При отсутствии закрывающих кавычек или закрывающих скобок этот параметр дополняет недостающие символы.

    Переименование элементов формы при вставке.

    Исключает возможность дублирования имен объектов формы. Этот параметр включен по умолчанию.

    Примечание.

    В отличие от других параметров рассматриваемого диалогового окна установок этот параметр применяется только при выполнении операций копирования и вставки элементов формы и не применяется при открытии документа.

    Удаление лишних закрывающих тегов.

    Удаляет закрывающие теги, не имеющие соответствующих открывающих тегов.

    Вывод предупреждений перед исправлением или удалением тегов.

    Отображает сводку технически недопустимых элементов HTML, которые программа Dreamweaver попыталась исправить. В сводке отмечается, в каком месте обнаружена проблема (указываются номера строк и столбцов), чтобы пользователь мог найти исправление и добиться правильного отображения.

    Никогда не переписывать код: в файлах с расширениями.

    Позволяет исключить возможность того, что Dreamweaver будет переписывать код в файлах с указанными расширениями файлов. Этот параметр особенно полезен при работе с файлами, содержащими сторонние теги.

    Кодирование знаков <, >, & и &#34; в значениях атрибутов с помощью &.

    Следит за тем, чтобы значения атрибутов, вводимые или редактируемые пользователем с помощью таких инструментов Dreamweaver, как инспектор свойств, содержали только допустимые символы. Этот параметр включен по умолчанию.

    Примечание.

    Этот параметр и следующие параметры не применяются к URL-адресам, вводимым пользователем в представлении «Код». Кроме того, их использование не приводит к изменению кода, который уже есть в файлах.

    Не кодировать специальные знаки.

    Блокирует действия Dreamweaver, направленные на изменение URL-адресов, с тем, чтобы в адресах содержались только допустимые символы. Этот параметр включен по умолчанию.

    Кодирование специальных символов в URL-адресах с помощью &#.

    Следит за тем, чтобы при вводе и редактировании URL-адресов с помощью таких инструментов Dreamweaver, как инспектор свойств, эти URL-адреса содержали только допустимые символы.

    Кодирование специальных символов в URL-адресах с помощью %.

    Действует так же, как и предыдущий параметр, однако использует другой метод кодирования специальных символов. Возможно, этот метод (предполагающий использования знака «%») больше подходит для работы с ранними версиями браузеров, но он не дает столь же удовлетворительных результатов, если в тексте встречаются символы некоторых языков.

Настройка параметров подсказок по коду

Используйте параметры подсказок по коду, чтобы настроить принцип работы подсказок по коду. 

  1. Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).

    Настройка параметров подсказок по коду
  2. В разделе категории слева выберите пункт «Подсказки по коду».

  3. Задайте любой из следующих параметров.

    Закрыть теги.

    Укажите, каким образом приложение Dreamweaver должно закрывать теги.

    • После ввода "</" — 
    • После ввода ">" открытого тега — выберите этот параметр, если требуется, чтобы программа Dreamweaver автоматически добавляла закрывающий тег после закрытия открывающего тега.
    • Никогда — установите этот параметр, если не требуется, чтобы программа Dreamweaver автоматически добавляла закрывающие теги.

    Включение подсказок по коду.

    Выберите этот параметр для включения или отключения подсказок по коду и функции автозавершения кода в Dreamweaver. Дополнительные сведения о функциях подсказок по коду и автозавершения кода в Dreamweaver см. в разделе Подсказки по коду и автозавершение кода.

    Включить подсказки с описанием.

    Выберите этот параметр, чтобы включить отображение описаний вместе с подсказками по коду. Эти описания предоставляют дополнительную информацию о написанном коде.

    Автодобавление скобок  Если функция включена, то закрывающая скобка автоматически добавляется после ввода пользователем открывающей скобки. Если функция выключена, то закрывающая скобка не будет добавляться после ввода пользователем открывающей скобки. Применяется ко всем типам скобок и всем типам файлов (HTML, php, css, js).

    Автодобавление кавычек  Если функция включена, то закрывающая кавычка автоматически добавляется после ввода пользователем открывающей кавычки. Если функция выключена, то закрывающая кавычка не будет добавляться после ввода пользователем открывающей кавычки. Применяется как к одинарным и двойным кавычкам, так и ко всем типам файлов (HTML, php, css, js).

Задание настроек для автозавершения кода

Для включения или отключения автоматического закрытия скобок и кавычек необходимо выполнить следующие действия.

  1. Откройте файл brackets.json, находящийся в следующей папке:

    • Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
    • Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
       
  2. Чтобы отключить автоматическое закрытие квадратных и круглых скобок, установите для параметра autoCloseBraces значение false.

  3. Чтобы отключить автоматическую вставку соответствующих кавычек, установите для параметра autoCloseQuotes значение false.

    Чтобы включить автоматическое закрытие скобок или вставку соответствующих кавычек, установите для вышеуказанных параметров значения true.

    Задание настроек для автозавершения кода в Dreamweaver
    Задание настроек для автозавершения кода в Dreamweaver
  4. Сохраните файл .json и запустите Dreamweaver.

Настройка параметров PHP

Можно настроить среду разработки кода PHP, в которой требуется работать. Это можно сделать с учетом особенностей отдельных сайтов, над которыми вы работаете, или на общих основаниях для всех файлов PHP, сохраненных за пределами сайтов Dreamweaver.

Приложение Dreamweaver настраивает подсказки по коду и проверки с linting-анализом кода для выбранной версии языка PHP.

Чтобы настроить параметры версии кода PHP для файлов, не зависящих от конкретного сайта, выполните следующие действия.

  1. Выберите меню Правка > Настройки (Windows) или Dreamweaver > Настройки (Macintosh).

  2. В списке категорий слева задайте PHP.

  3. Выберите версию PHP в раскрывающемся списке Версия PHP и нажмите кнопку Применить.

Чтобы установить версию PHP для конкретного сайта, выполните следующие действия.

  1. В разделе Дополнительные настройки диалогового окна «Настройка сайта» выберите PHP.

  2. Выберите версию PHP в раскрывающемся списке Версия PHP и нажмите кнопку Сохранить.

    Настройка параметров PHP в зависимости от конкретного сайта
    Настройка параметров PHP в зависимости от конкретного сайта

Установка цветовых тем и тем кода

Можно выбрать цветовую тему в соответствии с настроенными параметрами при запуске Dreamweaver. Можно также изменить эту настройку в любое время.

  1. Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
  2. В списке категорий слева выберите «Интерфейс».

  3. Выберите тему из списка цветовых тем. 

  4. После настройки темы интерфейса задайте тему кода.

    Можно выбрать светлую или темную тему кода.

  5. Нажмите кнопку «Применить», чтобы сохранить изменения.

    Можно дополнительно настроить цвета кода в соответствии со своими потребностями. Дополнительные сведения см. в разделе Настройка цветового оформления кода.

Использование внешнего редактора

Вы можете указать внешний редактор, который следует применять для работы с файлами, имеющими указанные расширения. Например, для работы с файлами JavaScript (JS) можно использовать такой текстовый редактор, как BBEdit, Notepad или TextEdit из пакета Dreamweaver.

Для работы с файлами, имеющими различные расширения, можно назначать различные внешние редакторы.

Указание внешнего редактора для файлов определенного типа

  1. В меню «Правка» выберите пункт «Настройки».
  2. В списке категорий слева выберите пункт «Типы файлов и редакторы», установите параметры и нажмите кнопку «ОК».

    Открыть в представлении кода.

    Указывает расширения файлов, которые автоматически открываются в Dreamweaver в представлении кода.

    Повторная загрузка измененных файлов.

    Определяет поведение в случае наличия изменений, обнаруженных программой Dreamweaver, которые были внесены внешней программой.

    Сохранять при запуске.

    Определяет варианты сохранения в программе Dreamweaver: всегда сохранять текущий документ перед запуском редактора, никогда не сохранять документ или спрашивать пользователя о том, следует ли сохранять документ всякий раз при запуске внешнего редактора.

    Fireworks.

    Можно соединить Fireworks с Dreamweaver, указав здесь путь к приложению.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет