Руководство пользователя Отмена

Подсказки по коду и автозавершение кода

  1. Руководство пользователя Dreamweaver
  2. Введение
    1. Основы гибкого веб-дизайна
    2. Новые возможности Dreamweaver
    3. Веб-разработка с помощью Dreamweaver: обзор
    4. Dreamweaver / распространенные вопросы
    5. Сочетания клавиш
    6. Системные требования Dreamweaver
    7. Обзор новых возможностей
  3. Dreamweaver и Creative Cloud
    1. Синхронизация настроек Dreamweaver с Creative Cloud
    2. Библиотеки Creative Cloud Libraries в Dreamweaver
    3. Использование файлов Photoshop в Dreamweaver
    4. Работа с Adobe Animate и Dreamweaver
    5. Извлечение файлов SVG, оптимизированных для Интернета, из библиотек
  4. Рабочие среды и представления Dreamweaver
    1. Рабочая среда Dreamweaver
    2. Оптимизация рабочей среды Dreamweaver для визуальной разработки
    3. Поиск файлов по имени или содержимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройка локальной версии сайта
    3. Подключение к серверу публикации
    4. Настройка тестового сервера
    5. Импорт и экспорт параметров сайта Dreamweaver
    6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
    7. Специальные возможности в Dreamweaver
    8. Дополнительные настройки
    9. Настройка установок сайта для передачи файлов
    10. Задание параметров прокси-сервера в Dreamweaver
    11. Синхронизация настроек Dreamweaver с Creative Cloud
    12. Использование Git в Dreamweaver
  6. Управление файлами
    1. Создание и открытие файлов
    2. Управление файлами и папками
    3. Получение файлов с сервера и размещение их на нем
    4. Возврат и извлечение файлов
    5. Синхронизация файлов
    6. Сравнение файлов
    7. Скрытие файлов и папок на сайте Dreamweaver
    8. Включение заметок разработчика для сайтов Dreamweaver
    9. Предотвращение использования уязвимости Gatekeeper
  7. Макет и оформление
    1. Использование средств визуализации для создания макета
    2. Об использовании CSS для создания макета страницы
    3. Создание динамичных веб-сайтов с помощью Bootstrap
    4. Создание и использование медиазапросов в Dreamweaver
    5. Представление содержимого в таблицах
    6. Цвета
    7. Гибкий дизайн с использованием «резиновых» макетов
    8. Extract в Dreamweaver
  8. CSS
    1. Общие сведения о каскадных таблицах стилей
    2. Создание макетов страниц с помощью конструктора CSS
    3. Использование препроцессоров CSS в Dreamweaver
    4. Установка настроек стиля CSS в Dreamweaver
    5. Перемещение правил CSS в Dreamweaver
    6. Преобразование встроенного CSS в правило CSS в Dreamweaver
    7. Работа с тегами div
    8. Применение градиентов к фону
    9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
    10. Форматирование кода
  9. Содержимое страницы и ресурсы
    1. Задание свойств страницы
    2. Задание свойств заголовка CSS и свойств ссылки CSS
    3. Работа с текстом
    4. Поиск и замена текста, тегов и атрибутов
    5. Панель DOM
    6. Редактирование в режиме интерактивного просмотра
    7. Кодировка документов в Dreamweaver
    8. Выбор и просмотр элементов в окне документа
    9. Задание свойств текста в инспекторе свойств
    10. Проверка орфографии на веб-странице
    11. Использование горизонтальных линеек в Dreamweaver
    12. Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
    13. Работа с ресурсами
    14. Вставка и обновление даты в Dreamweaver
    15. Создание и управление избранными ресурсами в Dreamweaver
    16. Вставка и редактирование изображений в Dreamweaver
    17. Добавление мультимедийных объектов
    18. Добавление видео Dreamweaver
    19. Добавление видео HTML5
    20. Вставка файлов SWF
    21. Добавление звуковых эффектов
    22. Добавление аудио HTML5 в Dreamweaver
    23. Работа с элементами библиотеки
    24. Использование текста на арабском языке и иврите в Dreamweaver
  10. Создание ссылок и навигация
    1. О создании ссылок и навигации
    2. Создание ссылок
    3. Карты ссылок
    4. Устранение неполадок со ссылками
  11. Графические элементы и эффекты jQuery
    1. Использование пользовательского интерфейса и графических элементов jQuery для мобильных устройств в Dreamweaver
    2. Использование эффектов jQuery в Dreamweaver
  12. Написание кода веб-сайтов
    1. О программировании в Dreamweaver
    2. Среда написания кода в Dreamweaver
    3. Настройка параметров написания кода
    4. Настройка цветового оформления кода
    5. Написание и редактирование кода
    6. Подсказки по коду и автозавершение кода
    7. Свертывание и развертывание кода
    8. Повторное использование фрагментов кода
    9. Анализ Linting для проверки кода
    10. Оптимизация кода
    11. Редактирование кода в представлении «Дизайн»
    12. Работа с содержимым заголовков для страниц
    13. Вставка серверных включений в Dreamweaver
    14. Использование библиотек тегов в Dreamweaver
    15. Импорт пользовательских тегов в Dreamweaver
    16. Использование вариантов поведения JavaScript (общие инструкции)
    17. Применение встроенных вариантов поведения JavaScript
    18. Сведения об XML и XSLT
    19. Выполнение XSL-преобразования на стороне сервера в Dreamweaver
    20. Выполнение XSL-преобразования на стороне клиента в Dreamweaver
    21. Добавление символьных сущностей для XSLT в Dreamweaver
    22. Форматирование кода
  13. Процессы взаимодействия продуктов
    1. Установка и использование расширений в Dreamweaver
    2. Обновления в Dreamweaver, устанавливаемые через приложение
    3. Вставить документы Microsoft Office в Dreamweaver (только для Windows)
    4. Работа с Fireworks и Dreamweaver
    5. Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
    6. Интеграция Dreamweaver с Business Catalyst
    7. Создание персонализированных кампаний почтовой рассылки
  14. Шаблоны
    1. О шаблонах Dreamweaver
    2. Распознавание шаблонов и документов на их основе
    3. Создание шаблона Dreamweaver
    4. Создание редактируемых областей в шаблонах
    5. Создание повторяющихся областей и таблиц в Dreamweaver
    6. Использование дополнительных областей в шаблонах
    7. Определение редактируемых атрибутов тега в Dreamweaver
    8. Создание вложенных шаблонов в Dreamweaver
    9. Редактирование, обновление и удаление шаблонов
    10. Экспорт и импорт XML-содержимого в Dreamweaver
    11. Применение или удаление шаблона из существующего документа
    12. Редактирование содержимого в шаблонах Dreamweaver
    13. Правила синтаксиса для тегов шаблона в Dreamweaver
    14. Настройка предпочтений выделения для областей шаблона
    15. Преимущества использования шаблонов в Dreamweaver
  15. Мобильные и многоэкранные устройства
    1. Создание медиазапросов
    2. Изменение ориентации страницы для мобильных устройств
    3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
  16. Динамические сайты, страницы и веб-формы
    1. Общие сведения о веб-приложениях
    2. Настройка компьютера для разработки приложений
    3. Устранение неполадок подключений к базам данных
    4. Удаление сценариев подключения в Dreamweaver
    5. Дизайн динамических страниц
    6. Обзор динамических источников содержимого
    7. Определение источников динамического содержимого
    8. Добавление динамического содержимого на страницы
    9. Изменение динамического содержимого в Dreamweaver
    10. Отображение записей баз данных
    11. Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
    12. Добавление заказных вариантов поведения сервера в Dreamweaver
    13. Создание форм с помощью Dreamweaver
    14. Использование форм для сбора информации от пользователей
    15. Создание и включение форм ColdFusion в Dreamweaver
    16. Создание веб-форм
    17. Расширенная поддержка HTML5 для компонентов формы
    18. Разработка формы с помощью Dreamweaver
  17. Визуальное построение приложений
    1. Создание главной страницы и страницы сведений в Dreamweaver
    2. Создание страниц поиска и результатов поиска
    3. Создание страницы для вставки записи
    4. Создание страницы обновления записи в Dreamweaver
    5. Создание страниц удаления записей в Dreamweaver
    6. Применение ASP-команд для изменения базы данных в Dreamweaver
    7. Создание страницы регистрации
    8. Создание страницы входа
    9. Создание страницы с доступом только для авторизованных пользователей
    10. Защита папок в ColdFusion с помощью Dreamweaver
    11. Использование компонентов ColdFusion в Dreamweaver
  18. Тестирование, просмотр и публикация веб-сайтов
    1. Предварительный просмотр страниц
    2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
    3. Тестирование сайта Dreamweaver

 

Используйте функции подсказок по коду и автозавершения кода в Dreamweaver для ускорения написания кода.

Функции интеллектуального завершения кода или подсказок по коду в Dreamweaver позволяют быстро вставлять и редактировать код за счет снижения количества опечаток и других распространенных ошибок.

Эту функцию также можно использовать для просмотра:

  • доступных атрибутов тега,
  • параметров функции или
  • методов объекта.

Поддерживаемые языки и технологии

Dreamweaver поддерживает подсказки по коду для следующих языков и технологий:

Далее вы узнаете, как функция завершения кода и подсказки по коду работают для этих языков.

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

Чтобы включить подсказки по коду, щелкните «Правка» > «Настройки» > «Подсказки по коду» и выберите «Включить подсказки по коду». Чтобы отключить подсказки по коду, снимите флажок «Включить подсказки по коду».

Настройки «Подсказки по коду»
Настройки «Подсказки по коду»

Чтобы включить автоматическую вставку скобок и кавычек, выберите автодобавление скобок и автодобавление кавычек.

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

Подсказки по коду HTML

Для HTML доступны следующие типы подсказок по коду:

  • Подсказки по тегам
  • Подсказки по имени атрибута
  • Подсказки по значению атрибута

Подсказки по тегам

Нажмите клавишу «<» на клавиатуре, чтобы начать ввод кода. По мере ввода Dreamweaver отображает допустимые HTML-теги. Если вводимая строка появляется в меню, прокрутите к ней курсор и нажмите клавишу Enter или Return, чтобы дополнить вводимый текст.

Например, при вводе «<» во всплывающем меню отображается список имен тегов. Вместо ввода полного имени тега можно выбрать этот тег в меню, чтобы вставить его в свой текст.

Основные подсказки по коду для HTML
Основные подсказки по коду для HTML

Подсказки по HTML-тегам также содержат краткое описание тега (если применимо).

Подсказки по имени атрибута

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

Подсказки по коду для имени атрибута
Подсказки по коду для имени атрибута

Подсказки по значению атрибута

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

Большинство подсказок по значению атрибута статические. Например, значение целевого атрибута, как правило, статическое, и поэтому подсказки для него будут также статическими. 

Пример статических подсказок по значению атрибута
Пример статических подсказок по значению атрибута

Dreamweaver отображает динамические подсказки по коду для таких значений атрибута, которым это необходимо (например, «id», «target», «src», «href» и «class»).

Вот несколько примеров динамического отображения подсказок по коду. 

Динамические подсказки по коду для «src»

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

Динамические подсказки по коду для «src»
Динамические подсказки по коду для «src»

Если у вас есть ресурсы в библиотеках CC, эти ресурсы также отображаются при вводе «src». Эти ресурсы библиотеки CC отображаются со значком в виде облака.

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

Включение в код ресурса библиотеки CC
Включение в код ресурса библиотеки CC

Примечание.

В подсказках по коду могут отображаться максимум 50 ресурсов библиотек CC. Подсказки отображаются в алфавитном порядке.

Примечание.

В коде Dreamweaver не поддерживается включение удаленных ресурсов библиотеки CC.

Динамические подсказки по коду для «href»

При вводе атрибута «href» в Dreamweaver отображается список файлов в папке, где вы также можете выбрать файл, на который хотите создать ссылку.

Динамические подсказки по коду для «href»
Динамические подсказки по коду для «href»

Динамические подсказки по коду для «id» и «style»

Если было задано значение для идентификаторов в файлах CSS, то при вводе атрибута «id» в файлах HTML, Dreamweaver отображает все доступные варианты для «id».

Динамические подсказки по коду для «id»
Динамические подсказки по коду для «id»

Аналогичным образом, если было задано значение для стилей в файлах CSS, то при вводе тега «style» в файлах HTML, Dreamweaver отображает все доступные варианты для «style».

Динамические подсказки по коду для «style»
Динамические подсказки по коду для «style»

Подсказки по коду CSS

Подсказки по коду доступны для следующих типов CSS:

  • @rules
  • Свойства
  • Псевдоселекторы и псевдоэлементы
  • Сокращение

Помимо подсказок по коду для свойств CSS также доступны советы.

Подсказки по коду для правил @rules в CSS

Dreamweaver отображает подсказки по коду для всех правил @rules вместе с описанием определенного правила CSS, как показано ниже.

Подсказки по коду для правил @rules CSS
Подсказки по коду для правил @rules CSS

Подсказки для свойств CSS

При вводе текста в свойствах CSS (например, двоеточия) появляется подсказка по коду, которая поможет выбрать одно из допустимых значений.

В следующем примере кода при вводе font-family: отобразятся допустимые наборы шрифтов для «font».

Можно выбрать один из наборов шрифтов или открыть диалоговое окно «Управление шрифтами» в подсказках и самостоятельно задать предпочтительные шрифты. 

Подсказки и справка по коду для свойств CSS
Подсказки и справка по коду для свойств CSS

Также подсказки по коду полезны при работе с «color» в CSS. При вводе каких-либо свойств, связанных с «color» (например, цвет границы «border color» или цвет фона «background color»), и нажатии клавиши «двоеточие» в подсказках по коду отображается список цветов. Можно выбрать цвет из списка или же открыть палитру цветов непосредственно из подсказок по коду для выбора предпочтительного цвета.

Подсказки по коду CSS для «color»
Подсказки по коду CSS для «color»

Если в библиотеке CC есть цветовые образцы, то в подсказках по коду будут также отображаться и эти образцы.

Цветовые образцы из библиотек CC отображаются со значком в виде облака.
Цветовые образцы из библиотек CC отображаются со значком в виде облака.

Примечание.

В подсказках по коду могут отображаться максимум 50 ресурсов библиотек CC. Подсказки отображаются в алфавитном порядке.

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

Можно добавить к селектору псевдоселектор CSS, чтобы определить конкретное состояние элемента. Например, при использовании селектора :hover стиль применяется в том случае, когда пользователь проводит указателем мыши над элементом, указываемым селектором.

При вводе двоеточия (:) Dreamweaver отображает список допустимых псевдоселекторов при нахождении курсора в соответствующем контексте.

Подсказки по коду для псевдоселекторов
Подсказки по коду для псевдоселекторов

При вводе двойного двоеточия (::) Dreamweaver отображает список допустимых псевдоэлементов (используемых для задания стиля указанных частей элемента) при нахождении курсора в соответствующем контексте.

Подсказки по коду для псевдоэлементов
Подсказки по коду для псевдоэлементов

Подсказки для сокращенного CSS

Сокращенные свойства CSS — это свойства, которые позволяют одновременно задавать значения для нескольких других свойств CSS. В качестве примера сокращенных свойств CSS можно привести background и font.

Как показано в примере ниже, при вводе сокращенного свойства CSS (например, background) после ввода пробела Dreamweaver отображает:

  • соответствующие значения свойств в порядке релевантности;
  • обязательные значения, которые должны использоваться (например, если используется свойство font, то значения font-size и font-family обязательны);
  • расширение браузера для этого свойства.
Подсказки по коду для свойства CSS background
Подсказки по коду для свойства CSS background

При заполнении сокращенных свойств CSS подсказки по коду также отображают введенные значения свойств.

Советы по коду CSS

Для некоторых свойств CSS (например, box-shadow или text-shadow) Dreamweaver отображает советы, которые указывают, какие значения должны следовать далее, а также указывает с помощью звездочки на обязательные значения. 

Вы также можете просмотреть, как браузер интерпретирует CSS.

Советы, отображаемые для свойств CSS
Советы, отображаемые для свойств CSS

Подсказки по коду для JavaScript

Dreamweaver дает подсказки по коду для переменных и параметров функции в файлах JavaScript. 

В приведенном ниже примере фрагмент кода указывает на его тип.

Подсказки по коду для JavaScript
Подсказки по коду для JavaScript

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

Примечание.

Автоматическое обновление работает лишь в том случае, если файлы JavaScript редактируются в Dreamweaver.

Интерактивная проверка объекта

Dreamweaver также автоматически обновляет подсказки по коду для JavaScript.

Например, если вы определили переменную как числовую, то Dreamweaver сохранит эту информацию. При последующей ссылке на эту переменную в коде будет указан ее тип.

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

Подсказка по коду указывает тип переменной
Подсказка по коду указывает тип переменной

Динамическое включение документации

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

Подсказки по коду PHP

Dreamweaver поддерживает предоставление подсказок по коду для версий PHP 5.6 и 7.1. Такие подсказки по коду для PHP привязаны к конкретному веб-сайту и содержат все основные функции, классы и константы.

Дополнительные сведения о PHP версий 5.6 и 7.1 см. в руководстве по PHP.

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

Одной из полезных подсказок по коду PHP является автозавершение переменных.

При вводе символа доллара ($) отображается список всех переменных в текущем сценарии. Выберите необходимую переменную и нажмите клавишу Enter/Return. В списке также содержатся переменные из связанных файлов для исключения риска использования одной и той же переменной для разных целей.

Когда по умолчанию установлена версия PHP 7.1, в Dreamweaver отображаются специфические для PHP 7.1 подсказки по коду.

Подсказки по коду PHP 7
Подсказки по коду PHP 7

Пример подсказок по коду для объекта PHP
Пример подсказок по коду для объекта PHP

Изменение настроек задержки для подсказок по коду PHP

Для повышения удобства при наборе кода в PHP-файлах в приложении Dreamweaver 2017.5 и более поздних версий добавлена задержка для подсказок по коду PHP. При вводе кода PHP подсказки в Dreamweaver отображаются после задержки 400 мс. Если необходимо изменить настройки задержки для кода PHP, выполните следующие действия. 

  1. Закройте Dreamweaver.

  2. С помощью текстового редактора откройте файл brackets.json, находящийся в следующей папке:

    • Win%appdata%\Adobe\Dreamweaver CC 2017\<locale>\Configuration\Brackets\
    • macOS~/Library/Application Support/Adobe/Dreamweaver CC 2017/<locale>/Configuration/Brackets/
  3. Нажмите кнопку «Сохранить структуру» в правом верхнем углу диалогового окна.

    В файле JSON добавьте запятую после последней пары имя/значение.

    Добавьте следующую строку с требуемым временем задержки в миллисекундах: "delayInPHPHint": <время в миллисекундах>. Например, "delayInPHPHint": 200.

  4. Сохраните файл и запустите Dreamweaver.

Подсказки по коду для конкретного сайта

Dreamweaver позволяет разработчикам работать с Joomla, Drupal, Wordpress и другими платформами для просмотра подсказок по коду PHP при работе в представлении кода. Для отображения подсказок по коду необходимо создать файл конфигурации при помощи диалогового окна «Подсказки по коду для конкретного сайта». Конфигурация указывает Dreamweaver место для поиска подсказок по коду для конкретного веб-сайта.

Учебное видеоруководство по работе с подсказками по коду для конкретного веб-сайта см. по адресу www.adobe.com/go/learn_dw_comm13_ru.

Создание файла конфигурации

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

По умолчанию Dreamweaver сохраняет файл конфигурации в каталоге Adobe Dreamweaver CS5\configuration\Shared\Dinamico\Presets.

Примечание.

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

  1. Выберите Веб-сайт > Параметры веб-сайта > Подсказки по коду для конкретного сайта.

    По умолчанию функция «Подсказки по коду для конкретного сайта» просматривает сайт, чтобы определить используемую платформу системы управления содержимым (CMS). По умолчанию Dreamweaver поддерживает три платформы: Drupal, Joomla и Wordpress.

    При помощи четырех кнопок справа от всплывающего меню «Структура» можно импортировать, сохранять, переименовывать и удалять структуры платформы.

    Примечание.

    Нельзя удалить или переименовать существующие структуры платформ, используемые по умолчанию.

  2. В текстовом поле укажите папку из корневого каталога для хранения файлов платформы. Можно щелкнуть значок папки рядом с текстовым полем для перехода в каталог файлов платформы.

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

  3. Нажмите кнопку со знаком «плюс» (+) над окном «Файлы», чтобы выбрать файл или папку, которую нужно добавить к просмотру. В диалоговом окне «Добавление файлов и папок» можно указать расширения тех файлов, которые необходимо добавить.

    Примечание.

    Указав расширение файла, можно ускорить процесс просмотра.

  4. Для удаления файлов из просмотра выберите файлы, которые не нужно просматривать, и нажмите кнопку со знаком «минус» (–) над окном «Файлы».

    Примечание.

    Если выбрана платформа Drupal или Joomla, то диалоговое окно «Подсказки по коду для конкретного сайта» отображает дополнительный путь к файлу внутри папки конфигурации Dreamweaver.

    Не удаляйте его — он требуется для этих платформ.

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

    • Выберите «Сканировать эту папку», чтобы включить выбранную папку в просмотр.
    • Выберите «Рекурсивно», чтобы включить все файлы и папки в выбранном каталоге.
    • Нажмите кнопку «Расширения», чтобы открыть диалоговое окно «Поиск расширений», в котором можно указать расширения имен файлов, которые будут включены в просмотр для определенного файла или папки.

Сохранение структуры сайта

Можно сохранить настроенную структуру сайта, созданную в диалоговом окне «Подсказки по коду для конкретного сайта».

  1. Закройте Dreamweaver.

  2. Текст описания шага
  3. Создайте нужную структуру файлов и папок, добавляя и удаляя их по своему усмотрению.

  4. Укажите имя для структуры веб-сайта и нажмите кнопку «Сохранить».

Примечание.

Если указанное имя уже используется, Dreamweaver предложит ввести другое имя либо подтвердить замену структуры с таким же именем. Структуры платформ, используемые по умолчанию, заменить нельзя.

Переименование структур веб-сайта

При переименовании структуры сайта помните, что нельзя использовать имена трех структур платформ, используемых по умолчанию для веб-сайта, а также слово «custom».

  1. Отобразите структуру для переименования.

  2. Щелкните значок «Переименовать структуру» в правом верхнем углу диалогового окна.

  3. Укажите новое имя для структуры и выберите «Переименовать».

Примечание.

Если указанное имя уже используется, Dreamweaver предложит ввести другое имя либо подтвердить замену структуры с таким же именем. Структуры платформ, используемые по умолчанию, заменить нельзя.

Добавление файлов или папок к структуре сайта

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

  1. Нажмите кнопку со знаком «плюс» (+) над окном «Файлы», чтобы открыть диалоговое окно «Добавление файла или папки».

  2. В текстовом поле «Добавление файла или папки» введите путь к добавляемому файлу или папке. Также можно щелкнуть значок папки рядом с текстовым полем, чтобы перейти в каталог файла или папки.

  3. Нажмите кнопку со знаком «плюс» (+) над окном «Расширения», чтобы указать расширения тех файлов, которые нужно просмотреть.

    Примечание.

    Указав расширение файла, можно ускорить процесс просмотра.

  4. Нажмите кнопку «Добавить».

Просмотр сайта на предмет расширений файлов

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

  1. В диалоговом окне «Подсказки по коду для конкретного сайта» нажмите кнопку «Расширения».

    В диалоговом окне «Поиск расширений» будут выведены текущие расширения, доступные для просмотра.

  2. Чтобы добавить в этот список новое расширение, нажмите кнопку со знаком «плюс» (+) над окном «Расширения».

  3. Для удаления расширения из списка нажмите кнопку со знаком «минус» (–).

Логотип Adobe

Вход в учетную запись