Щелкните «Правка» > «Настройки» (Windows) или Dreamweaver > «Настройки» (Mac).
- Руководство пользователя 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 для просмотра разделов документа без прокрутки.
Пользователь может сворачивать и разворачивать фрагменты кода для просмотра различных разделов документа без использования прокрутки.
Например, чтобы увидеть все правила CSS в теге head, применимые к тегу div, который содержится в нижней части страницы, можно свернуть весь код, расположенный между тегами head и div, чтобы одновременно увидеть оба раздела кода.
Выделите фрагмент кода, чтобы свернуть его. Можно также свернуть код в файлах HTML, PHP, XML и SVG на основе блоков тегов. В файлах CSS, Less, Sass, SCSS и JS можно свернуть код на основе фигурных скобок.
- HTML-файлы: Dreamweaver сворачивает код между открывающим и закрывающим HTML-тегом, а исходные атрибуты, где это применимо, отображаются в свернутом коде. Dreamweaver автоматически разворачивает блок, когда на содержащийся в нем код переводится фокус через селектор тегов, а также через функции «Найти и заменить», «Перейти к строке», «Быстрый просмотр элемента», «Интерактивный просмотр» или «Отменить»/«Вернуть».
Если же изменить выбор, то код автоматически сворачивается обратно.
- Файлы CSS, LESS, SASS, SCSS и JS: код в фигурных скобах свертывается и отображается как {...}.
- PHP-файлы: помимо блоков кода PHP, свертываются HTML-элементы, а также блоки кода CSS и JS.
В файлах, созданных на основе шаблонов Dreamweaver, весь код отображается развернутым, даже если файл шаблона (.dwt) содержит свернутые фрагменты кода.
Настройки сворачивания кода
Размер свертывания кода по умолчанию — две строки. При настройках по умолчанию сворачивание кода ведет к свертыванию всех фрагментов, которые содержат по крайней мере две строки. Меньшие фрагменты отображаются развернутыми.
Для изменения минимального числа строк для свертывания кода:
-
-
Выберите пункт «Формат кода» в списке категорий и укажите минимальный размер.
Свертывание и развертывание фрагментов кода
По умолчанию весь код в представлении кода находится в развернутом состоянии.
Можно также свернуть код, выбрав несколько строк и свернув их. Код можно свернуть на основе блоков тегов или фигурных скобок.
Свернутое и развернутое состояния блоков кода сохраняются между сеансами Dreamweaver.
Свертывание кода на основе блоков тегов или фигурных скобок
Чтобы свернуть код на основе блоков тегов или фигурных скобок:
-
В представлении кода наведите указатель мыши на столбец с номером строки, соответствующий блоку кода, который нужно свернуть или развернуть. Рядом с номерами строк появляется маленький треугольник.
-
Щелкните этот треугольник, чтобы свернуть или развернуть код.
Примечание.Чтобы развернуть все свернутые блоки кода в документе, можно использовать сочетание клавиш Ctrl+Alt+E (Windows) или Command+Alt+E (Mac).
Свертывание кода на основе выделенной области
Чтобы свернуть код на основе выделенной области:
-
В представлении кода выделите фрагмент кода, который необходимо свернуть.
При выделении кода в столбце номеров строк отображается значок свертывания.
-
Щелкая по этому значку можно разворачивать и сворачивать выделенный фрагмент.
Когда код свернут, значок свертывания меняется на значок развертывания ().
Свертывание и развертывание кода с помощью сочетаний клавиш
Команда |
Windows |
Macintosh |
Свернуть выделенный код |
Control + Shift + C |
Command+Shift+C |
Свернуть код вне выделенного фрагмента |
Control+Alt+C |
Command+Alt+C |
Развернуть выделенный фрагмент |
Control+Shift+E |
Command+Shift+E |
Свернуть тег полностью |
Control+Shift+J |
Command+Shift+J |
Свернуть код вне тега |
Control+Alt+J |
Command+Alt+J |
Развернуть все |
Control+Alt+E |
Command+Alt+E |
Копирование и вставка свернутого фрагмента кода
-
Щелкните свернутый фрагмент кода, чтобы выделить его.
-
В меню «Правка» выберите «Копировать».
-
Поместите курсор в том месте, куда необходимо вставить код.
-
Выберите «Правка» > «Вставить».