Краткое описание dreamweaver: Обзор новых возможностей версий Dreamweaver CC 2017

Обзор новых возможностей версий Dreamweaver CC 2017

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 CC 2017

Версия Dreamweaver CC за октябрь 2017 г. (18.0) теперь доступна! Дополнительная информация представлена в разделе Обзор новых возможностей.

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

В этом разделе содержится краткое описание этих новых возможностей и улучшений.

Краткий обзор возможностей предыдущих версий Dreamweaver CC см. в разделе Обзор функций | Версии Dreamweaver CC 2015.

Выпуск Dreamweaver CC 2017.5 содержит следующие новые возможности и улучшения:

• Поддержка Git для управления файлами в Dreamweaver
• Новые темы кода
• Обновлены обучающие материалы для новых пользователей

Более подробно о новых возможностях и улучшениях можно узнать в следующих разделах:

Поддержка Git в Dreamweaver

Новая версия Dreamweaver CC 2017.5 также поддерживает Git — систему управления исходным кодом. Благодаря добавлению поддержки Git легко управлять файлами, содержащими исходный код, из Dreamweaver.

Теперь выполнять основные операции Git можно напрямую из Dreamweaver, при этом отсутствует необходимость в использовании инструментов сторонних разработчиков. Новая панель Git («Windows» > «Git») предоставляет возможность выполнять различные операции Git, включая Commit, Push, Pull и Fetch.

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

Кроме этого, панель «Файлы» в Dreamweaver теперь поддерживает новое представление Git. С помощью этого представления можно просматривать и управлять неотслеживаемыми, измененными, подготовленными и зафиксированными файлами, связанными с вашим сайтом. 

Более подробные сведения об использовании Git для управления версиями и совместной работы см. в разделе Использование Git в Dreamweaver.

Использование Git в Dreamweaver

Новые темы кода

В новой версии Dreamweaver CC 2017.5 поддерживаются две новые темы кода: Monaki и Classic. Эти темы кода содержат те же цвета кода, что и в версии Dreamweaver CC 2015. 

Выберите пункт меню «Dreamweaver» > «Настройки» (для macOS) или «Редактирование» > «Настройки» > «Интерфейс» (для Windows), чтобы начать использование новых тем кода, благодаря которым код становится более разборчивым и визуально привлекательным.

Новые темы кода в выпуске Dreamweaver 2017.5 — Monaki и Classic

Обновлены обучающие материалы

При первом запуске Dreamweaver CC 2017.5 на экране приветствия отображается улучшенный интерфейс обучающих материалов. В новом режиме обучения демонстрируется одно из двух следующих видеопособий на основе выбранной рабочей среды:

• Краткое учебное пособие по использованию рабочей среды разработчика
• Краткое учебное пособие по использованию стандартной рабочей среды

Обновлены обучающие материалы в Dreamweaver 2017. 5

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

Доступ к новым обучающим видеопособиям из меню «Справка»

Другие улучшения

Dreamweaver CC 2017.5 теперь интегрирован с новой версией CEF. Благодаря новой версии CEF в режиме интерактивного просмотра в Dreamweaver отображаются пользовательские элементы HTML, пользовательские свойства CSS и многое другое.

Dreamweaver CC 2017.1 предоставляет дополнительную поддержку написания кода благодаря следующим возможностям:

• Поддержка PHP 7.1
• Более эффективные операции поиска и замены

В этом разделе содержится краткое описание этих улучшений.

Поддержка PHP 7.1

В предыдущих версиях Dreamweaver можно было использовать подсказки по коду и проверки анализатора для PHP 5.6. В Dreamweaver 17.1 можно работать с PHP версий 5.6 и 7.1.

Скомпилировать файлы PHP для сайта можно в версии 5. 6 или 7.1 с помощью диалогового окна «Настройка сайта» или при переходе в меню Редактирование > Настройки.

Дополнительные сведения о поддержке PHP 7.1 см. в следующих статьях:

• Настройка параметров PHP
• Подсказки по коду PHP

Более эффективные операции поиска и замены

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

Теперь можно выполнять поиск атрибутов и тегов с помощью диалогового окна «Поиск и замена» (Найти > Найти и заменить в файлах). Использовать это диалоговое окно можно, даже если в Dreamweaver не открыт ни один файл (например, при поиске в папке).

Кроме того, панель быстрого поиска и замены (Найти > Найти и заменить) перемещена в нижнюю часть рабочей среды Dreamweaver. Используйте эту панель для быстрого выполнения операций поиска и замены текста и атрибутов в текущем документе.

Более подробную информацию об операциях поиска и замены см. в разделе Поиск и замена текста, тегов и атрибутов. Ознакомиться со списком выявленных неполадок с операциями поиска и замены в Dreamweaver 17.1 можно в разделе Выявленные неполадки и исправленные дефекты в выпусках Dreamweaver CC 2017.

Новые сочетания клавиш для поиска и замены

• Поиск в текущем документе: Ctrl + F (в Windows) и Cmd + F (в Mac). 
• Поиск и замена в файлах: Ctrl + Shift + F (в Windows) и Cmd + Shift + F (в Mac). 
• Замена в текущем документе: Ctrl + H (в Windows) и Cmd + Alt + F (в Mac)
  

Полный список сочетаний клавиш для поиска и замены см. в разделе Сочетания клавиш для поиска и замены.

Создание кампаний почтовой рассылки с помощью Dreamweaver с Campaign

Теперь расширение Campaign для Dreamweaver можно использовать для создания персонализированных почтовых рассылок. 

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

Если вы используете Dreamweaver для создания сообщений для почтовых рассылок, то можно ввести дополнительные усовершенствования, добавив персонализированное содержимое (например, имя читателя или персонализированное приглашение к действию) с использованием данных из Adobe Campaign.

Для начала загрузите расширение Campaign, щелкнув Окно > Расширения > Просмотр расширений, после чего создайте новый информационный бюллетень почтовой рассылки или отредактируйте существующий. После завершения разработки персонализируйте содержимое с использованием полей персонализации и блоков содержимого Campaign и продолжайте работу. 

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

Дополнительные сведения см. в разделе Создание персонализированных кампаний почтовой рассылки.

Встроенная поддержка цветового оформления кода

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

Выберите стандартную светлую или темную тему кода в меню «Редактирование» > «Настройки» > «Интерфейс» и, если необходимо изменить цвета кода, сохраните тему с новым именем, после чего приступите к редактированию файла темы. 

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

Эта версия также содержит исправления для ряда ошибок. Дополнительные сведения об исправленных ошибках см. в разделе Выявленные неполадки и исправленные ошибки в версиях Dreamweaver CC 2017.

Версия Adobe Dreamweaver CC 2017 содержит полностью обновленный редактор кода, интуитивно понятный пользовательский интерфейс с возможностью выбора темной и светлой темы, а также ряд улучшений, в том числе поддержку новых технологических процессов (например, препроцессоров CSS).

Полный список новых возможностей и изменений в Dreamweaver CC 2017 доступен в следующих разделах:

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

Подсказки по коду помогают новым пользователям изучить HTML, CSS и другие веб-стандарты, а визуальные средства, такие как автоматические отступы, цветовое оформление кода и шрифты с изменяемым размером, позволяют избежать ошибок и облегчают чтение кода. 

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

Улучшена функциональность подсказок по коду в Dreamweaver для предоставления более полезной информации для выделенного кода.

В предыдущих версиях Dreamweaver при вводе левой угловой скобки просто появлялся раскрывающийся список релевантного кода.

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

Улучшенные подсказки по коду

Дополнительные сведения см. в разделе Подсказки по коду и автозавершение кода.

Улучшения в отображении кода

Улучшился общий вид кода за счет повышения его читабельности. Заметные улучшения в форматировании и цветовом оформлении кода. 

Форматирование кода

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

Цветовое оформление кода

Теперь Dreamweaver поддерживает цветовое оформление кода для ряда дополнительных типов файлов.

Цветовое оформление кода теперь поддерживается для HTML, JS, CSS, PHP, XML, LESS, Sass, SCSS, SVG, Bash, C, C#, C++, clojure, CoffeeScript, Dart, Diff, EJS, Embedded Ruby, Groovy, Handlebars, Haskell, Haxe, Java, JSON, Lua, Markdown, Markdown (GitHub), Perl, Properties, Python, RDF Turtle, Ruby, Scala, SQL, Stylus, Text, VB, VBScript, XML и YAML.  

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

Дополнительные сведения обо всех этих изменениях см. в разделе Среда написания кода в Dreamweaver.

Теперь Dreamweaver поддерживает распространенные препроцессоры CSS, например Sass, Less и SCSS. Такие функции, как цветовое оформление кода и компиляция, позволяют сэкономить время и повысить качество кода.

Дополнительные сведения о поддержке препроцессоров CSS в Dreamweaver см. в разделе Использование препроцессоров CSS в Dreamweaver.

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

Просмотр изменений в реальном времени в браузере

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

Для быстрого внесения правок в код поместите курсор на нужный фрагмент кода и используйте контекстное меню или нажмите Ctrl + E (в Windows) или Cmd + E (в Mac OS) для перехода в режим быстрого редактирования.

Dreamweaver предоставляет соответствующие для данного контекста параметры кода и встроенные инструменты.

Дополнительные сведения см. в разделе Быстрое редактирование.

Редактировать связанный код можно без открытия нескольких файлов или вкладок

Dreamweaver предоставляет контекстную документацию по свойствам CSS прямо в представлении кода.

Теперь нет необходимости переходить из Dreamweaver на веб-страницу для изучения свойств CSS или обращения к ним. Чтобы получить справку по свойствам CSS, нажмите Ctrl + K (Windows) или Cmd + K (Mac).

Система справки «Быстрые документы» для CSS в интерфейсе представления кода Dreamweaver

Дополнительные сведения см. в разделе Получение справки по CSS в Dreamweaver с помощью функции «Быстрые документы».

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

Эта возможность позволяет значительно повысить производительность, поскольку вам не придется по несколько раз писать одну и ту же строчку кода.

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

• Чтобы добавить курсоры к нескольким смежным строкам, удерживайте нажатой клавишу Alt, после чего щелкните мышью в требуемом месте и выполните перетаскивание по вертикали. 
• Чтобы добавить курсоры к нескольким несмежным строкам, нажмите клавишу Ctrl, после чего выберите строки, в которые нужно поместить курсор.
• Чтобы выделить текст в нескольких смежных строках, удерживайте нажатой клавишу Alt и выполните перетаскивание по диагонали.
• Чтобы выделить текст в нескольких несмежных строках, выделите какой-либо текст, после чего, удерживая нажатой клавишу Ctrl (Windows) или Cmd (Mac), продолжайте выделять другие элементы. 

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

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

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

Ниже приведены снимки экрана, на которых отображены прежний и новый варианты пользовательского интерфейса.

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

Изменения в рабочей среде

Интерфейс Dreamweaver оптимизирован и теперь включает следующие рабочие среды по умолчанию.

• Рабочая среда разработчика

Эта рабочая среда является минимальной и по умолчанию содержит только самые необходимые инструменты для разработчиков, пишущих код для веб-сайтов: например, панели «Файлы» и «Фрагменты кода».

• Стандартная рабочая среда 

Эта рабочая среда содержит все необходимое для работы как с кодом, так и с дизайном: панели «Файлы», CC Libraries, «Конструктор CSS», «Вставка», «DOM», «Ресурсы» и «Фрагменты кода».

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

Ниже представлена сводная информация о различиях в рабочих средах, представленных в Dreamweaver CC 2015 и Dreamweaver CC 2017.

Дополнительные сведения об изменениях рабочей среды см. в разделе Рабочая среда Dreamweaver.

Изменения в меню

Меню приложения было обновлено: некоторые редко используемые пункты были удалены из него, другие —перенесены в более интуитивно ожидаемые места.

Подробное описание изменений в меню приложения Dreamweaver см. в разделе Переработанные меню.

Изменения на панели инструментов

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

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

Дополнительные сведения см. в разделе Обзор панели инструментов.

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

Теперь вы можете:

• Переключаться между режимами вставки (ВСТ) и замены (ЗАМ).
• Видеть номер строки и столбца в нижней части экрана. Эти значения указывают строку и столбец, в которых находится курсор мыши.
• Выбирать требуемую схему цветового оформления для различных типов файлов кода.

Дополнительные сведения см. в разделе Обзор строки состояния.

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

На следующем изображении выделены основные изменения на панели «Фрагменты кода»:

Изменения пользовательского интерфейса на панели «Фрагменты кода»

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

Вставка фрагментов кода с помощью сочетаний клавиш затрудняла работу по следующим причинам:

• Необходимость запоминать неинтуитивные сочетания клавиш
• Возможные конфликты с сочетаниями клавиш в составе продукта

В данной версии Dreamweaver для вставки фрагментов кода можно использовать ключи триггера.

Ключи триггера — это понятные пользователю текстовые строки, назначенные фрагментам кода. Например, для фрагмента кода, который создает ссылку mailto, можно ввести «mailto:» и сделать этот текст ключом триггера.

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

Дополнительные сведения об использовании панели «Фрагменты кода» см. в разделе Повторное использование кода с фрагментами.

Панель «Файлы» переработана и стала более простой и интуитивно понятной для использования.

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

Дополнительные сведения об изменениях на панели «Файлы» см. в разделе Переработанная панель «Файлы».

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

Если вы предпочитаете прежние версии диалоговых окон, то можете по-прежнему использовать сочетания клавиш Ctrl/Cmd + O для отображения диалогового окна «Открыть» и Ctrl/Cmd + N для отображения диалогового окна «Создать документ».  

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

Дополнительные сведения см. в разделе Рабочая среда Dreamweaver.

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

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

Более подробную информацию см. в разделе Поиск и замена текста.

Выполняйте архивацию и восстановление, добавляйте комментарии и просматривайте историю версий всех ваших ресурсов в Creative Cloud Libraries, включая мобильные проекты, файлы в библиотеках Creative Cloud и ресурсы, созданные в приложениях CC для настольных компьютеров.

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

Дополнительные сведения см. в разделе Автоматическое восстановление файлов

Описание полезной программы Adobe Dreamweaver

Adobe Dreamweaver – это HTML-редактор от компании Adobe, который на сегодняшний день очень известный. Первая его версия была выпущена в 1997 году и на сегодняшний день существует уже 8 его версий.

Самая основная особенность этого редактора – поддержка режима WYSIWYG. Это только название такое страшное, потому что обозначает аббревиатуру, расшифровать которую можно так: What You See Is What You Get. А вот значение этого режима в переводе означает «что ты видишь, то и получишь». Многообещающе, не правда ли?

Что же, по сути, это означает? А это означает, что если вы делали исправления на html-страничке, и хотите увидеть полученный результат, то вам уже не нужно заново открывать страничку или обновлять окно браузера, потому что на все изменения можно посмотреть в самом редакторе Dreamweaver и непосредственно в режиме правки кода. Это очень удобно и к тому же позволяет сэкономить массу времени, особенно при разработке сложных веб-сайтов.

Но это не единственное преимущество Dreamweaver! Программа предоставляет полный набор возможностей, чтобы помочь создать собственный сайт. Работать можно, начиная с дизайна, оформления, и заканчивая рабой с кодом, скриптами, плагинами и т. д.

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

К программе подсоединен jQuery – это значит, что пользователь с легкостью может использовать Java-скрипты при создании веб-странички.

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

Опытные веб-мастера, используя Dreamweaver, имеют значительно больше возможностей. Например, можно использовать CSS3, разрабатывать страницы под разные операционные системы (iOS и Android) и приложения. Есть уникальная панель «Многоэкранный просмотр», с помощью которой возможно оптимизировать сайт под самые разные устройства, не зависимо от размеров их экранов (вплоть до мобильных телефонов) и при этом ваш сайт будет выглядеть так, как вы хотите, как вам нужно.

Немаловажно также и то, что Dreamweaver поддерживает известные движки, такие как WordPress и Joomla. Изменения можно вносить непосредственно в код сайта, что улучшает оптимизацию.

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

Где же приобрести такой полезный редактор Спешу предложить вашему вниманию ознакомительную статью об Adobe Dreamweaver. Что это такое, для чего это нужно и как этим пользоваться, вы сможете узнать, нажав на кнопку «читать далее». Это полезная информация для всех, кто хочет иметь или уже умеет сайт.

Adobe Dreamweaver – это HTML-редактор от компании Adobe, который на сегодняшний день очень известный. Первая его версия была выпущена в 1997 году и на сегодняшний день существует уже 8 его версий.

Самая основная особенность этого редактора – поддержка режима WYSIWYG. Это только название такое страшное, потому что обозначает аббревиатуру, расшифровать которую можно так: What You See Is What You Get. А вот значение этого режима в переводе означает «что ты видишь, то и получишь». Многообещающе, не правда ли?

Что же, по сути, это означает? А это означает, что если вы делали исправления на html-страничке, и хотите увидеть полученный результат, то вам уже не нужно заново открывать страничку или обновлять окно браузера, потому что на все изменения можно посмотреть в самом редакторе Dreamweaver и непосредственно в режиме правки кода. Это очень удобно и к тому же позволяет сэкономить массу времени, особенно при разработке сложных веб-сайтов.

Но это не единственное преимущество Dreamweaver! Программа предоставляет полный набор возможностей, чтобы помочь создать собственный сайт. Работать можно, начиная с дизайна, оформления, и заканчивая рабой с кодом, скриптами, плагинами и т.д.

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

К программе подсоединен jQuery – это значит, пользователь с легкостью может использовать Java-скрипты при создании веб-странички.

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

Опытные веб-мастера, используя Dreamweaver, имеют значительно больше возможностей. Например, можно использовать CSS3, разрабатывать страницы под разные операционные системы (iOS и Android) и приложения. Есть уникальная панель «Многоэкранный просмотр», с помощью которой возможно оптимизировать сайт под самые разные устройства, не зависимо от размеров их экранов (вплоть до мобильных телефонов) и при этом ваш сайт будет выглядеть так, как вы хотите, как вам нужно.

Немаловажно также и то, что Dreamweaver поддерживает известные движки, такие как WordPress и Joomla. Изменения можно вносить непосредственно в код сайта, что улучшает оптимизацию.

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

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

Но вас интересует вариант попроще, я знаю;)! Лучше всего, не выходя из дома, купить Dreamweaver в интернет-магазине, заплатить и в онлайне скачать цифровую лицензионную версию.
Купить Dreamweaver с официального сайта www.adobe.com/ru/products/dreamweaver.html

Ну вот, после всего выше описанного остается только пожелать вам, мои читатели, творческих успехов, популярных и приносящих стабильный доход сайтов!!!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Добавить комментарий

Метки: для сайта, программы

Книга «PHP, MySQL и Dreamweaver.

Разработка интерактивных Web-сайтов. (+ CD)» Дронов Владимир Александрович

• Книги
  • Художественная литература
  • Нехудожественная литература
  • Детская литература
  • Литература на иностранных языках
  • Путешествия. Хобби. Досуг
  • Книги по искусству
  • Биографии. Мемуары. Публицистика
  • Комиксы. Манга. Графические романы
  • Журналы
  • Печать по требованию
  • Книги с автографом
  • Книги в подарок
  • «Москва» рекомендует

  • Авторы • Серии • Издательства • Жанр

• Электронные книги
  • Русская классика
  • Детективы
  • Экономика
  • Журналы
  • Пособия
  • История
  • Политика
  • Биографии и мемуары
  • Публицистика
• Aудиокниги
  • Электронные аудиокниги
  • CD – диски
• Коллекционные издания
  • Зарубежная проза и поэзия
  • Русская проза и поэзия
  • Детская литература
  • История
  • Искусство
  • Энциклопедии
  • Кулинария. Виноделие
  • Религия, теология
  • Все тематики
• Антикварные книги
  • Детская литература
  • Собрания сочинений
  • Искусство
  • История России до 1917 года
  • Художественная литература. Зарубежная
  • Художественная литература. Русская
  • Все тематики
  • Предварительный заказ
  • Прием книг на комиссию
• Подарки
  • Книги в подарок
  • Авторские работы
  • Бизнес-подарки
  • Литературные подарки
  • Миниатюрные издания
  • Подарки детям
  • Подарочные ручки
  • Открытки
  • Календари
  • Все тематики подарков
  • Подарочные сертификаты
  • Подарочные наборы
  • Идеи подарков
• Канцтовары
  • Аксессуары делового человека
  • Необычная канцелярия
  • Бумажно-беловые принадлежности
  • Письменные принадлежности
  • Мелкоофисный товар
  • Для художников
• Услуги
  • Бонусная программа
  • Подарочные сертификаты
  • Доставка по всему миру
  • Корпоративное обслуживание
  • Vip-обслуживание
  • Услуги антикварно-букинистического отдела
  • Подбор и оформление подарков
  • Изготовление эксклюзивных изданий
  • Формирование семейной библиотеки

Расширенный поиск

Дронов Владимир Александрович

Что такое Dreamweaver? 5 причин начать использовать его

Adobe Dreamweaver — это программа, используемая для создания веб-сайтов и веб-приложений. В этом посте я расскажу о Dreamweaver CC и дам вам 5 причин начать его использовать.

Поскольку я пользуюсь Adobe Dreamweaver уже почти два десятилетия, я стал партнером, поэтому я продолжаю работать на GetMeCoding.com. Обратите внимание, что если вы перейдете по ссылкам Adobe здесь и купите лицензию Creative Commons, я заработаю очень небольшую сумму, чтобы покрыть расходы на поддержание этого веб-сайта в рабочем состоянии. Спасибо за Вашу поддержку! — Мистер Фред

Что такое редактор HTML?

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

Мне нужен был способ быстро написать HTML, и я не хотел использовать текстовый редактор, такой как Блокнот, в операционной системе Windows. С помощью простого поиска с использованием ведущей поисковой системы того времени, Alta Vista (это еще до Google!), я нашел инструмент под названием HotDog Pro, который в настоящее время больше не обновляется.

HotDog Pro

HotDog Pro предоставил мне редактор HTML, который позволял мне вводить HTML, создавать гиперссылки и размещать изображения на веб-странице. Затем я попробовал другой HTML-редактор CoffeeCup. Как видите, HTML-редакторы доступны бесплатно, а некоторые нужно покупать.

Это сработало, но по мере роста проекта мне понадобился инструмент получше.

Шли недели, и я обнаружил инструмент под названием Dreamweaver , созданный Macromedia. В конечном итоге Adobe приобретет Dreamweaver и добавит его к своему семейству программных инструментов. Dreamweaver становился популярным среди веб-разработчиков, и мне пора было попробовать.

Так начались два десятилетия моего использования Dreamweaver. Это было легко освоить, и это значительно облегчило создание веб-сайта. Кроме того, по мере развития веб-технологий развивался и Dreamweaver.

Инструмент, который помог мне начать работу

Мне очень понравилось творчество и визуальная природа создания веб-сайтов. Компании теперь получают веб-сайты в Интернете. Именно в этот момент, с моей личной копией Dreamweaver, я основал свою первую консалтинговую компанию по созданию веб-сайтов на заказ.

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

Именно там я начал свой первый консалтинговый бизнес, FJA Solutions, Inc. 

Dreamweaver был инструментом, который позволил мне предлагать профессиональные услуги и помогать другим выходить в Интернет. Используя Dreamweaver, я создал веб-сайты электронной коммерции, религии, информации или брошюр. Это было очень весело!

Что такое Dreamweaver?

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

Оба подхода позволяют быстро создать веб-страницу и, в конечном счете, веб-сайт.

Бесплатная пробная версия Dreamweaver на 30 дней Загрузите бесплатную 30-дневную пробную версию и попробуйте.

Можно ли купить отдельную копию Dreamweaver?

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

Подписка Adobe называется Creative Cloud. За ежемесячную плату вы получаете доступ к ряду программных приложений и услуг для видео, дизайна, фотографии и Интернета.

Если вы хотите начать использовать Dreamweaver, вам необходимо создать учетную запись на Adobe. com, выбрать БЕСПЛАТНУЮ пробную версию или начать с подписки Creative Cloud. Пример

— планы Adobe Creative Cloud

5 причин использовать Dreamweaver

Я считаю, что правильный инструмент позволяет выполнять работу лучше и быстрее. Однако ни один инструмент не компенсирует недостаток творчества или логического мышления. Dreamweaver упрощает создание веб-присутствия, которое вы себе представляете.

Dreamweaver — это инструмент профессионального уровня, но им может пользоваться каждый.

Если вы хотите построить карьеру на веб-разработке, я настоятельно рекомендую этот инструмент. Работодатели в этой области узнают этот программный инструмент, и он повышает доверие к вашим навыкам.

ОБЯЗАТЕЛЬНО СМОТРИТЕ ССЫЛКУ НА СКИДКУ

в конце поста.

Причина №1 — автозаполнение, проверка орфографии, проверка синтаксиса

В моем посте «Как создать веб-страницу с помощью HTML» я помогу вам создать простую веб-страницу, набрав HTML в текстовом редакторе Windows «Блокнот». Это базовое упражнение, и когда вы будете следовать ему, вы быстро поймете, что ваши навыки набора текста — ваш злейший враг.

Редактор кода Dreamweaver предоставляет возможность автоматического завершения кода, проверки орфографии, а также обеспечивает соблюдение синтаксиса кода (правил). (прочитайте сообщение в блоге «Что такое кодирование» и объяснение синтаксиса).

Причина № 2 — визуальная компоновка

Dreamweaver обеспечивает просмотр в реальном времени, который позволяет создавать веб-страницы так же, как если бы вы создавали макет в Microsoft Publisher или даже в Microsoft Word. Этот визуальный подход позволяет вам строить очень быстро. По сути, вы видите страницу в редакторе точно так же, как в веб-браузере.

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

Это отличный инструмент, который также учит вас.

Причина №3 — покупка в одном месте

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

Существует встроенная программа FTP (протокол передачи файлов) , которая может подключаться к вашему веб-серверу и загружать ваши файлы. Он также поддерживает SFTP (протокол безопасной передачи файлов) . Нет необходимости полагаться на отдельный инструмент FTP.

Причина № 4. Отправные точки

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

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

Причина № 5 — постоянное улучшение и добавление функций

Инструменты Adobe постоянно совершенствуются и совершенствуются. Поскольку технологии для Интернета продолжают развиваться, и мы видим новые, Adobe внедряет их в свои инструменты. Например, когда Каскадные таблицы стилей (CSS) были основным способом управления внешним видом страницы, Dreamweaver предоставил отличный набор функций, помогающих создавать настройки и файлы CSS.

CSS — это такая обширная технология, что наличие инструмента, который поможет вам, очень важно! Независимо от того, являетесь ли вы новичком в веб-разработке, студентом или профессионалом, они предложат план, соответствующий вашим потребностям. Участие в этих планах позволяет вам постоянно обновлять Dreamweaver.

Приступая к работе

Если вы СТУДЕНТ , воспользуйтесь следующей ссылкой, чтобы создать учетную запись ADOBE и получить доступ к Dreamweaver:

Студенты — скидка 60%

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

Ежемесячные и годовые планы

Если вы хотите заниматься разработкой веб-сайтов, я настоятельно рекомендую этот инструмент. Как только вы начнете использовать его, я надеюсь, что он откроет те же двери, что и для меня!

Приятного программирования!

 

 

Мистер Фред

Начните программировать уже сегодня за 5 минут!

Потратьте 5 минут и попробуйте БЕСПЛАТНОЕ программирование!

Позвольте мне помочь вам

Если вы учитель или кто-то, кто хочет помочь другим научиться программировать, позвольте мне помочь вам.

Учебное пособие по Adobe Dreamweaver — javatpoint

Adobe Dreamweaver — это программа для разработки веб-страниц. Эти веб-страницы HTML являются полнофункциональными. Это программное обеспечение предоставляет интерфейс WYSIWYG, т. Е. Что вы видите, то и получаете, для создания и редактирования веб-страниц. Программное обеспечение Adobe Dreamweaver поддерживает многие языки разметки, такие как HTML, XML, CSS и JavaScript. Он поддерживает английский, испанский, французский, немецкий, японский, китайский и т. д…. Dreamweaver был разработан Macromedia и опубликован в 1997 году. В 2005 году Adobe приобрела Dreamweaver и назвала его Adobe Dreamweaver. Возможности Adobe Dreamweaver 1. Быстрое и гибкое кодирование. Создание, кодирование и управление веб-сайтами становится очень простым благодаря упрощенному механизму кодирования. С помощью этого программного обеспечения можно быстро изучить HTML, CSS и другие веб-стандарты. Это ускоряет разработку веб-сайта. 2. Настройка для создания сайта за меньшее количество шагов. Создание веб-сайта становится очень простым, а начальные шаблоны можно запускать очень быстро. Шаблоны можно настроить для электронной почты, страниц «О нас», блогов, страниц электронной коммерции, информационных бюллетеней и портфолио. Для чтения кодов можно использовать раскраску кода и визуальные подсказки для быстрого редактирования и обновления. 3. Динамическое отображение на каждом устройстве. Используя Adobe Dreamweaver, можно создавать адаптивные веб-сайты, которые подходят для экрана любого размера. Это помогает при предварительном просмотре сайтов и редактировании, чтобы убедиться, что страница выглядит и работает так, как вы хотите. Ниже приведены некоторые из последних обновлений 1. Поддержка нескольких мониторов для Windows Рабочая область может быть расширена за счет отображения веб-страниц на нескольких мониторах. 2. Интеграция CEF Последняя версия Chromium Embedded Framework интегрирована с Dreamweaver. Итак, теперь веб-страницы могут быть созданы с использованием веб-сайтов HTML5, а элементы могут быть отображены, сетки CSS и многое другое. 3. Модернизированный, современный пользовательский интерфейс Для настройки рабочего пространства Можно использовать обтекаемый и лаконичный интерфейс. Он отображает инструменты, которые необходимо закодировать. 4. Поддержка Git Совместная работа очень проста благодаря поддержке Git. Из панели Git можно управлять всем исходным кодом в Dreamweaver и выполнять все стандартные операции . Новые функции Adobe Dreamweaver CC 2019 1. Обновления CEF Последняя версия Chromium Embedded Framework интегрирована с Dreamweaver. Дизайнеры и разработчики могут создавать веб-сайты и отображать элементы Flexbox, сетки CSS и многое другое. 2. Опора ES6 Для быстрого перечисления классов, методов, стрелочных функций и сгенерированных функций EcmaScript 6 поддерживается в Dreamweaver. Код ES6 можно использовать для работы с последними обновлениями JavaScript. 3. Рефакторинг JavaScript Коды JavaScript можно организовать с помощью таких функций, как переименование и рефакторинг. Ниже приведены преимущества Adobe Dreamweaver 1. Для быстрого сканирования может выделить код. Помогает определить, где должен быть размещен код CSS, PHP, JavaScript или HTML. Для создания динамической страницы эта функция очень полезна. 2. Помогает новичкам разобраться в кодировке веб-сайта. Функция цветового кодирования выделения очень помогает новичкам, поскольку она может отображать, что конкретная команда может сделать для шаблона и страниц. Таким образом, процесс обучения становится очень легким. 3. предложения кода для пользователя. Это очень важное преимущество для начинающих программистов. Если пользователь не понимает, что делать с изображением, шрифтом или цветом, Adobe Dreamweaver автоматически заполнит предложения непосредственно в раскрывающемся меню в коде. Выберите свой вариант, который подходит для ваших веб-сайтов, и создайте код. Это очень просто. 4. Пользователю необходимо переключать экраны. Пользователи могут видеть результаты работы программы в режиме реального времени. Многие программы не поддерживают эту функцию просмотра страницы в реальном времени на одном экране. В Adobo Dreamweaver режим кодирования и режим проектирования находятся на одном экране, сверху находится режим проектирования, а внизу — область кодирования. 5. Мгновенно проверяется код разработчика. Для новичка очень важно построить правильный и действительный на стартовом этапе. Когда кодирование выполняется традиционным способом, могут возникнуть проблемы с доступностью и ошибки в коде. Adobe Dreamweaver выделяет ошибки и показывает все проблемы, а также проверяет доступность. 6. Использование вариантов обработки текста при создании контента становится проще. В Microsoft Office, если вы хотите выделить текст жирным шрифтом, просто нажмите Ctrl+B. В Adobe Dreamweaver для выделения текста жирным шрифтом вам нужно выделить текст, а затем текстовый редактор с проекционным дисплеем, который помогает быстро вносить изменения в выделенный раздел. 7. На созданном сайте легко найти и заменить элементы. В Adobe Dreamweaver пользователь может находить и заменять элементы содержимого, кода или любых конкретных тегов с помощью инструмента поиска и замены. Если какие-либо новые выпуски плагинов могут быть обновлены, код будет очень легко обновлен. С помощью этой функции можно обновить тысячи страниц всего за секунду. 8. Разработчик может открывать вкладки через файлы, как кто-то открывает вкладки через интернет-сайты. Функциональность, включенная в Dreamweaver, делает переключение между файлами очень простым. Посещение нескольких меню с помощью этого файла функций может быть подготовлено. Это очень полезно в шаблонах, а также в общих планах дизайна. Ниже приведены недостатки Adobe Dreamweaver 1. Это не браузерная IDE. Вывод кода в Adobe Dreamweaver в браузере может отличаться, поскольку браузер интерпретирует код по-другому. Это становится огромным недостатком для разработчиков, потому что он не будет работать в кроссплатформенном режиме. 2. Требуется много времени на изучение интерфейса. Когда вы впервые запустите Adobe Dreamweaver, вы получите доступ к дюжине предметов. В зависимости от файла, который вы открываете, на экране можно увидеть более 50 разных вещей. Для новичка было бы очень пугающе начинать кодирование. 3. То, что вы видите, не обязательно, что вы всегда получите. Это очень неудобно, потому что здесь представление дизайна доказывает, что это не представление на основе браузера. Для разработчика становится сложно позиционировать элементы. 100% гарантия, что вывод очень разочарует браузер. 4. Специальной опции автоматического кодирования нет. Программа Adobe Dreamweaver была разработана с учетом требований пользователей. Из-за этого код становится очень длинным. Проверка одной строки занимает 15-20 строк кода в Adobe Dreamweaver. 5. Глобальный стиль является серьезной проблемой. Если разработчик хочет использовать панель свойств для текста в старой версии Adobe Dreamweaver, он добавит в кодировку неопределенный и не стилизованный документ. В случае, если вам нужно много десятков неопределенных стилей, это создаст проблему для стилизации веб-сайта. 6. Нажатие Enter после завершения строки влияет на размер. Обычно, когда мы набираем строку после ее завершения, мы нажимаем клавишу ввода на клавиатуре. В Adobe Dreamweaver, когда вы пишете строку и после ее завершения нажимаете клавишу ввода, Dreamweaver будет рассматривать ее как абзац. Кроме того, текст появится вокруг изображения. 7. Множество дополнительных возможностей, с которыми пользователь не знаком. Поскольку Adobe Dreamweaver разработан для облегчения работы пользователя, но большинство пользователей обнаруживают, что присутствует множество функций, которые они никогда не использовали. Установка Adobe Dreamweaver 2019 Шаг 1: Щелкните установку в папке Adobe Dreamweaver. Шаг 2: Выберите предпочитаемый язык и местоположение. По умолчанию язык — английский, а расположение — расположение по умолчанию. Установка начинается. Программа Dreamweaver 2019 успешно установлена. Первый запуск Adobe Dreamweaver после установки Дважды щелкните значок Adobe Dreamweaver 2019. Вы получите экран, в котором вы должны выбрать любой вариант. Выберите «Я новичок», если вы никогда раньше не занимались программированием, или если вы занимались программированием раньше, а затем выберите вариант «У меня есть». После этого для настройки мастера выберите любое рабочее пространство разработчиков или стандартное рабочее пространство. После этого выберите любую цветовую тему для своего рабочего пространства. Последний шаг — выбрать способ запуска. Есть три варианта: начать с образца файла, начать с новой или существующей папки или начать с просмотра учебника. Начало работы с Adobe Dreamweaver 2019 Дважды щелкните значок Adobe Dreamweaver 2019. Вы получите IDE программного обеспечения. Чтобы создать новый файл, нажмите кнопку «Создать новый?». кнопка, которая присутствует на правой стороне. После этого появится окно «Новый документ». Для создания типа документа HTML5 выберите HTML и укажите заголовок документа. Вы также можете прикрепить уже созданные файлы CSS. А затем нажмите на кнопку создать. Появится рабочая область. Рабочее пространство разделено на две части. Первая часть предназначена для предварительного просмотра мгновенного кодирования. Вторая часть предназначена для кодирования. По умолчанию рабочая область находится в режиме разделения. В опции кода возможно только кодирование. Сохраните файл и запустите его в хроме. Или, щелкнув по опции Live, можно просмотреть выходные данные. Разработка веб-сайта с помощью Dreamweaver IDE 1. Чтобы создать веб-сайт, первым делом необходимо создать новую страницу сайта. Для этого выполните следующие шаги: я. Нажмите на сайт в строке меню. ii. Нажмите Новый сайт. III. Появится окно настройки сайта. Укажите имя сайта и место, где будет создана эта папка. Примечание. Рекомендуется хранить все проекты в одной папке. Вы также можете связать свой проект с этим сайтом, выбрав его. Эта опция дает вам контроль версий, но вы можете пропустить эту опцию, так как она не является обязательной. А затем нажмите на кнопку сохранения. ив. Теперь снова нажмите на сайт в строке меню. В левой части окна настройки сайта нажмите «Дополнительные настройки». В этом нажмите «Местная информация». v. Теперь выберите папку изображений по умолчанию, щелкнув значок папки. Теперь перейдите в папку, в которой вы создали папку для сайта, и создайте новую папку, назовите ее изображениями и выберите ее в качестве папки изображений по умолчанию. В этой папке Dreamweaver автоматически сохраняет все изображения. А затем нажмите на кнопку сохранения. 1. Теперь, после создания папки сайта, нам нужно создать в этой папке файл домашней страницы. Для этого выполните следующие шаги: я. Нажмите на опцию файла в строке меню. ii. Нажмите Новый файл. III. Появится новое окно документа. По умолчанию в качестве типа документа выбран HTML. Дайте название файлу и нажмите кнопку «Создать». После нажатия кнопки «Создать» появится рабочая область. 2. Теперь о создании заголовка на веб-странице. Ниже приведены шаги: я. Нажмите на вкладку «Вставка», которая находится в правой части рабочей области. ii. Теперь выберите параметр заголовка, который присутствует на вкладке вставки. Элемент управления автоматически переместит элемент управления в головной раздел на веб-странице. Теперь вы можете изменить содержимое в соответствии с вашими требованиями. III. Теперь вернитесь на вкладку «Вставка» и нажмите на заголовок. ив. Выберите заголовок h2 для заголовка. 3. Создание файла CSS В документ HTML можно вставить файл CSS. Ниже приведены шаги для создания файла CSS: . я. В разделе заголовка щелкните значок плюса в заголовке синего поля. ii. Теперь назначьте имя класса или идентификатор и нажмите Enter. III. Появится всплывающее окно, ив. Нажмите «Определить» на странице. v. Теперь нажмите «Создать новый файл CSS». VI. В окне «Создать новый файл CSS» перейдите в папку вашего сайта и укажите имя файла CSS, а затем нажмите кнопку «ОК». Вы можете видеть, что файл style.css появился в заголовке. Вы также можете увидеть часть кода, в которой в разделе заголовка определен тег стиля, внутри него указан идентификатор, который мы создали, это известно как внутренний CSS. Также тег ссылки, т.е. Также вставляется для связывания файла style.css с файлом HTML, это известно как внешний CSS. 5. Создайте селектор CSS для заголовка страницы Если вы хотите изменить шрифт, а также выровнять его по центру, вам нужно создать селектор CSS. Селектор — это имя элемента на вашей странице, которому вы можете назначать такие свойства, как цвет, размер и т. д. Ниже приведены шаги для создания селектора CSS: я. Отметьте заголовок h2 в представлении DOM в правом нижнем углу. ii. Над ним нажмите «Конструктор CSS». III. Теперь нажмите на символ плюса селектора. Вы получите идентификатор или класс, который вы создали для заголовка, затем нажмите клавишу ввода. 6. Изменение шрифта заголовка. Поскольку мы создали селектор на предыдущем шаге, теперь мы можем назначать в нем свойства. Ниже приведены шаги: я. Нажмите на дизайн CSS, а затем нажмите на свойства + значок. ii. Теперь нажмите на кнопку T. III. Нажмите на семейство шрифтов, а затем выберите нужный тип шрифта. iv. Вы также можете нажать «Управление шрифтом», присутствующим в списке имени семейства шрифтов. v. Выберите шрифт и нажмите кнопку «Готово». VI. После выбора шрифта снова нажмите на семейство шрифтов, там вы увидите новый значок цепочки выбранного шрифта, нажмите на него. VII. После этого вы можете увидеть, что в заголовке появляется ссылка на шрифт. VIII. Нажмите здесь. Вы увидите, что шрифт изменился. 7. Отцентрируйте заголовок, а также измените размер шрифта Для выравнивания заголовка по центру и изменения размера шрифта Можно использовать параметр быстрого редактирования. Ниже приведены шаги: я. Перейдите к исходному коду и укажите курс на тег , а затем щелкните его правой кнопкой мыши. Вы получите список. ii. Теперь нажмите на опцию «Быстрое редактирование». Он откроет CSS, связанный с тегом. Теперь вы можете ввести следующие свойства, после чего появятся изменения. размер шрифта: 50 пикселей; выравнивание текста: по центру;

Обзор рабочего пространства Dreamweaver

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

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

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

Выбрав рабочее пространство, вы выбираете удобную цветовую тему. Затем вы можете приступить к работе.

Примечание:

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

Главный экран Dreamweaver обеспечивает быстрый доступ к недавно использованным файлам, типам файлов и начальным шаблонам.

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

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

Начальная рабочая область в Dreamweaver

Learn

Щелкните Learn, чтобы мгновенно получить доступ к учебным пособиям Dreamweaver с этого экрана.

Быстрый старт

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

Начальные шаблоны

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

Главная

Нажмите «Домой», чтобы вернуться на начальный экран.

Вы можете просмотреть последние файлы, над которыми вы работали, на начальном экране. Если у вас нет последних файлов, эта вкладка пуста.

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

Примечание:

Этот начальный экран включен и открыт по умолчанию.

Если вам не нужен этот начальный экран, снимите флажок «Показать начальный экран» в диалоговом окне «Настройки» > «Общие».

Щелкните Создать новый , чтобы начать создание новых файлов Dreamweaver. Если в вашей системе уже есть файлы, нажмите Открыть . Сведения о создании и открытии документов в Dreamweaver см. в разделе Создание и открытие файлов.

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

Рабочая область Dreamweaver

A. Барная полоса применения B. Документ на панели инструментов C. Окно документа D. СВЯЗИ ПЕРЕКЛЮЧЕНИЯ E. Панели F. Просмотр кода G. . Live View  J. Панель инструментов

Рабочее пространство включает в себя следующие элементы:

Панель приложений

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

Панель инструментов «Документ»

Содержит кнопки, предоставляющие параметры для различных представлений окна «Документ» (например, представление «Дизайн», представление «Интерактивный просмотр» и представление «Код»).

Стандартная панель инструментов

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

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

Находится в левой части окна приложения и содержит кнопки для конкретных видов.

Окно документа

Отображает текущий документ по мере его создания и редактирования.

Инспектор свойств

Позволяет просматривать и изменять различные свойства выбранного объекта или текста. Каждый объект имеет разные свойства.

Селектор тегов

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

Панели

Помогают вам контролировать и изменять вашу работу. Примеры включают панель «Вставка», панель «Конструктор CSS» и панель «Файлы». Чтобы развернуть панель, дважды щелкните ее вкладку.

Панель «Извлечение»

Позволяет загружать и просматривать файлы PSD в Creative Cloud. Используя эту панель, вы можете извлекать CSS, текст, изображения, шрифты, цвета, градиенты и измерения из ваших PSD-композиций в свой документ.

Панель «Вставка»

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

Панель «Файлы»

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

Панель «Фрагменты»

Позволяет сохранять и повторно использовать фрагменты кода на разных веб-страницах, сайтах и ​​в разных установках Dreamweaver (с использованием параметров синхронизации). Дополнительные сведения см. в разделе Повторное использование кода с фрагментами.

Панель конструктора CSS

— это инспектор свойств CSS, который позволяет «визуально» создавать стили CSS, файлы и задавать свойства вместе с медиа-запросами.

Примечание:

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

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

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

Live view

отображает реалистичное представление того, как ваш документ будет выглядеть в браузере, и позволяет вам взаимодействовать с документом точно так же, как в браузере. Вы можете редактировать HTML-элементы непосредственно в интерактивном просмотре и мгновенно просматривать изменения в том же представлении. Дополнительные сведения о редактировании в интерактивном просмотре см. в разделе Редактирование HTML-элементов в интерактивном просмотре.

Представление «Дизайн»

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

Представление кода

— это среда ручного кодирования для написания и редактирования HTML, JavaScript и любого другого кода.

Код — Код

— это разделенная версия представления «Код», которая позволяет вам прокручивать для работы с разными разделами документа одновременно.

Code — Live

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

Code — Design

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

Live Code

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

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

Dreamweaver также отображает панель инструментов «Связанные файлы» под вкладкой документа (или под строкой заголовка документа, если вы просматриваете документы в отдельных окнах). Связанные документы — это документы, связанные с текущим файлом, такие как файлы CSS или файлы JavaScript. Чтобы открыть один из этих связанных файлов в окне документа, щелкните его имя на панели инструментов «Связанные файлы».

Используйте панель инструментов «Документ» для быстрого переключения между различными представлениями. Дополнительные сведения см. в разделе Обзор панели инструментов «Документ».

Вы также можете переключаться между представлениями, используя следующие параметры в меню «Вид»:

• Только просмотр кода: выберите код
• Разделенный вид: выберите Разделить и выберите любой из параметров разделения
• Режим просмотра: переключение между представлениями Live и Design
• Переключение видов: для переключения видов с одного вида на другой.

Переключение видов с помощью параметров меню «Вид»

Если у вас одновременно открыто много документов, вы можете располагать их каскадом или мозаикой.

Чтобы каскадировать окна документов: выберите «Окно» > «Упорядочить» > «Каскад».

Чтобы расположить окна документа мозаично: 

• (Windows) Выберите «Окно» > «Упорядочить» > «Разместить по горизонтали» или «По вертикали».
• (Macintosh) Выберите «Окно» > «Упорядочить» > «Мозаика».

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

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

При изменении размера представления страницы в дизайне или режиме просмотра в реальном времени изменяются только размеры представления. Размер документа не меняется.

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

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

Параметры изменения размера документа

Показанный размер окна отражает внутренние размеры окна браузера без границ; размер монитора или мобильного устройства указан справа.

Примечание:

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

Примечание:

(только для Windows) Документы в окне «Документ» развернуты по умолчанию, и вы не можете изменить размер документа, когда он развернут. Чтобы уменьшить размер документа, нажмите кнопку уменьшения в правом верхнем углу документа.

1. Выберите «Редактировать размеры» во всплывающем меню «Размер окна».

2. Щелкните любое значение ширины или высоты в списке «Размеры окна» и введите новое значение. Чтобы настроить окно «Документ» только на определенную ширину (оставив высоту неизменной), выберите значение высоты и удалите его.

3. Щелкните поле «Описание», чтобы ввести описательный текст об определенном размере.

1. Выберите «Редактировать размеры» во всплывающем меню «Размер окна».

   Добавление размеров окна во всплывающее меню «Размер окна»

2. Щелкните пустое место под последним значением в столбце «Ширина».

3. Введите значения ширины и высоты.

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

4. Щелкните поле «Описание», чтобы ввести описательный текст о добавленном вами размере.

   Например, вы можете ввести SVGA или средний ПК рядом с записью для монитора с разрешением 800 x 600 пикселей и 17-дюймовым монитором. Macрядом с записью для монитора с разрешением 832 x 624 пикселей. Большинство мониторов можно настроить на различные размеры в пикселях.

5. Нажмите «Применить» и закройте диалоговое окно.

   Новый размер окна теперь доступен для использования во всплывающем меню «Размер окна».

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

Панель инструментов документа

На панели инструментов документа отображаются следующие параметры:

Представление кода

Отображает только представление кода в окне документа.

Split View

Разделяет окно документа между представлениями Code и Live/Design. Параметр представления «Дизайн» недоступен для документов с гибкой сеткой.

Live View

Интерактивный предварительный просмотр, который точно отображает проекты HTML5 и обновления в режиме реального времени, чтобы показать ваши изменения по мере их внесения. Вы также можете редактировать HTML-элементы в интерактивном просмотре. Раскрывающийся список рядом с параметрами Live позволяет переключаться между представлениями Live и Design. Этот раскрывающийся список недоступен в документах с гибкой сеткой.

Design View

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

Стандартная панель инструментов

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

Панель инструментов навигации в браузере становится активной в режиме интерактивного просмотра (только если вы включили ее, выбрав Окно->Панели инструментов->Стандартная), и показывает адрес страницы, которую вы просматриваете, в окне документа. Интерактивный просмотр действует как обычный браузер, поэтому даже если вы переходите на сайт за пределами вашего локального сайта (например, http://www. adobe.com), Dreamweaver загрузит страницу в окне документа.

Панель инструментов навигации браузера

A. Элементы управления браузером  B. Адресное поле

По умолчанию ссылки неактивны в интерактивном просмотре. Неактивные ссылки позволяют выбирать или щелкать текст ссылки в окне документа без перехода на другую страницу. Чтобы протестировать ссылки в режиме интерактивного просмотра, вы можете включить однократное или непрерывное нажатие, выбрав «Вид» > «Параметры интерактивного просмотра» > «Отслеживать ссылки (Ctrl+щелчок по ссылке)» или «Отслеживать ссылки непрерывно».

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

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

Чтобы настроить панель инструментов, выполните следующие действия:

1. Нажмите на панели инструментов, чтобы открыть диалоговое окно Настроить панель инструментов.

   Настройка панелей инструментов

2. Выберите или отмените выбор опций меню, которые должны быть доступны на панели инструментов, и нажмите «Готово», чтобы сохранить панель инструментов.

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

Строка состояния в нижней части окна документа содержит дополнительную информацию о создаваемом документе.

Строка состояния

A. Селектор тегов  B. Панель вывода  C. Цвет кода  D. Переключатель «Вставить и перезаписать» E. Номер строки и столбца

Селектор тегов

Показывает иерархию тегов, окружающих текущий выбор. Щелкните любой тег в иерархии, чтобы выбрать этот тег и все его содержимое. Нажмите, чтобы выбрать все тело документа. Чтобы задать атрибуты класса или идентификатора для тега в селекторе тегов, щелкните тег правой кнопкой мыши (Windows) или щелкните, удерживая клавишу Control (Macintosh), и выберите класс или идентификатор в контекстном меню.

Панель вывода

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

Цвет кода

(Доступно только в представлении кода)

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

Переключатель «Вставка и перезапись»

(Доступно только в представлении «Код»)

Позволяет переключаться между режимами «Вставка» и «Перезапись» при работе в представлении «Код».

Номер строки и столбца

(Доступно только в представлении кода.)

Отображает номер строки и номер столбца, в котором находится курсор.

Инспектор свойств (Окно > Свойства) позволяет просматривать и редактировать наиболее распространенные свойства текущего выбранного элемента страницы, такие как текст или вставленный объект.

Содержимое инспектора свойств зависит от выбранного элемента. Например, если вы выберете изображение на своей странице, инспектор свойств изменится, чтобы показать свойства изображения (такие как путь к файлу изображения, ширина и высота изображения, граница вокруг изображения, если таковая имеется, и скоро).

Инспектор по недвижимости

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

Примечание:

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

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

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

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

2. Измените любое свойство в инспекторе свойств.

   Примечание:

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

3. Если ваши изменения не сразу применяются в окне документа, примените изменения одним из следующих способов:

   • Щелкните за пределами текстовых полей редактирования свойств.
   • Нажмите Enter (Windows) или Return (Macintosh).
   • Нажмите Tab, чтобы переключиться на другое свойство.
     

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

Чтобы открыть контекстное меню, щелкните правой кнопкой мыши (Windows) или Ctrl+щелчок (Mac) раздел кода в представлении «Код» или объект в представлении «Интерактивный просмотр» или «Дизайн».

Вы можете настроить расположение и внешний вид всех панелей Dreamweaver в соответствии с вашими требованиями.

Закрепление и отсоединение панелей

• Чтобы закрепить панель, перетащите ее за выступ в док-станцию ​​вверху, внизу или между другими панелями.
• Чтобы закрепить группу панелей, перетащите ее за строку заголовка (сплошная пустая полоса над вкладками) в док.
• Чтобы удалить панель или группу панелей, перетащите ее из дока за вкладку или строку заголовка. Вы можете перетащить его в другой док или сделать его свободно плавающим.

Перемещение панелей

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

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

Примечание:

Нажмите клавишу Ctrl (Windows) или Command (Mac OS) при перемещении панели, чтобы предотвратить ее стыковку. Нажмите Esc, перемещая панель, чтобы отменить операцию.

Добавление и удаление панелей

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

• Чтобы удалить панель, щелкните ее вкладку правой кнопкой мыши (Windows) или щелкните, удерживая клавишу Control (Mac), а затем выберите «Закрыть» или отмените выбор в меню «Окно».
• Чтобы добавить панель, выберите ее в меню «Окно» и закрепите в любом месте.

Управление группами панелей

• Чтобы переместить панель в группу, перетащите вкладку панели в выделенную зону перетаскивания в группе.
• Чтобы переупорядочить панели в группе, перетащите вкладку панели в новое место в группе.
• Чтобы удалить панель из группы, чтобы она свободно перемещалась, перетащите панель за вкладку за пределы группы.
• Чтобы переместить группу, перетащите строку заголовка (область над вкладками).

Плавающие панели в стопке

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

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

Изменение размера панелей

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

Свернуть и развернуть значки панелей

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

• Чтобы свернуть или развернуть все значки панелей в столбце, щелкните двойную стрелку в верхней части дока.
• Чтобы развернуть один значок панели, щелкните его.
• Чтобы изменить размер значков панели так, чтобы вы видели только значки (а не метки), отрегулируйте ширину дока, пока текст не исчезнет. Чтобы снова отобразить текст значка, сделайте док-станцию ​​шире.
• Чтобы свернуть развернутую панель обратно к ее значку, щелкните ее вкладку, ее значок или двойную стрелку в строке заголовка панели.

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

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

Чтобы сохранить пользовательское рабочее пространство:

1. Выберите «Окно» > «Макет рабочего пространства» > «Новое рабочее пространство».
2. Введите имя рабочей области.

Рабочая область сохранена и отображается в переключателе рабочей области на панели инструментов «Документ».

Чтобы удалить пользовательское рабочее пространство:

Выберите «Управление рабочими пространствами» в переключателе рабочих пространств на панели приложений, чтобы открыть диалоговое окно «Управление рабочими пространствами». Выберите рабочую область и нажмите «Удалить».

Отображение или переключение рабочих пространств

Выберите рабочее пространство с помощью переключателя рабочих пространств на панели инструментов «Документ».

Вы можете настроить Dreamweaver в соответствии со своими потребностями даже в многопользовательской операционной системе, такой как Windows XP или Mac OS X.

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

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

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

Открыть документ с вкладками в отдельном окне

Щелкните вкладку, удерживая клавишу Control, и выберите «Переместить в новое окно» в контекстном меню.

Изменение параметра документа с вкладками по умолчанию

1. Выберите Dreamweaver > «Настройки», а затем выберите категорию «Общие».
2. Установите или снимите флажок «Открывать документы во вкладках» и нажмите «ОК».

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

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

Вы работаете с несколькими панелями в Dreamweaver. Некоторые из часто используемых панелей описаны здесь.

Панель «Вставка» («Окно» > «Вставка») содержит кнопки для создания и вставки таких объектов, как таблицы, изображения и ссылки. Кнопки организованы в несколько категорий, которые вы можете переключать, выбирая нужную категорию из раскрывающегося списка вверху.

Вставная панель

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

Панель «Вставка» разделена на следующие категории:

HTML

Позволяет создавать и вставлять наиболее часто используемые элементы HTML, такие как теги div и объекты, такие как изображения и таблицы.

Форма

Содержит кнопки для создания форм и вставки элементов формы, таких как поиск, месяц и пароль.

Шаблоны

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

Компоненты Bootstrap

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

jQuery Mobile

Содержит кнопки для создания сайтов, использующих jQuery Mobile.

jQuery UI

Позволяет вставлять элементы пользовательского интерфейса jQuery, такие как аккордеон, ползунки и кнопки.

Избранное

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

Примечание:

 Если вы работаете с определенными типами файлов, такими как XML, JavaScript, Java и CSS, панель «Вставка» и параметр представления «Дизайн» недоступны, поскольку вы не можете вставлять элементы в эти файлы кода.

Чтобы вставить объект с помощью панели «Вставка»:

1. Выберите соответствующую категорию во всплывающем меню «Категория» на панели «Вставка».

2. Выполните одно из следующих действий:

   • Щелкните кнопку объекта или перетащите значок кнопки в окно документа (в представление «Дизайн», «Интерактивный просмотр» или «Код»).

   • Щелкните стрелку на кнопке, затем выберите параметр в меню.

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

     Для некоторых объектов диалоговое окно не появляется, если вы вставляете объект в представлении «Дизайн», но появляется редактор тегов, если вы вставляете объект в представлении «Код». Для некоторых объектов при вставке объекта в представление «Дизайн» Dreamweaver переключается в представление «Код» перед вставкой объекта.

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

2. В категории «Общие» диалогового окна «Установки» снимите флажок «Показывать диалоговое окно при вставке объектов», чтобы скрывать диалоговые окна при вставке таких объектов, как изображения, таблицы, сценарии и элементы заголовка, или при удерживании клавиши Control (Windows) или клавиши Option (Macintosh) при создании объекта.

Примечание:

При вставке объекта с выключенным этим параметром объекту присваиваются значения атрибутов по умолчанию. Используйте инспектор свойств, чтобы изменить свойства объекта после его вставки.

1. Выберите любую категорию на панели «Вставка».

2. Щелкните правой кнопкой мыши (Windows) или щелкните, удерживая клавишу Control (Macintosh), в области, где отображаются кнопки, а затем выберите «Настроить избранное».

3. В диалоговом окне «Вырезать избранные объекты» внесите необходимые изменения и нажмите «ОК».

   Чтобы добавить объект, выберите объект на панели «Доступные объекты» слева, а затем щелкните стрелку между двумя панелями или дважды щелкните объект на панели «Доступные объекты».

   Настройка избранного на панели «Вставка»

   Примечание:

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

   • Чтобы удалить объект или разделитель, выберите объект на панели «Избранные объекты» справа, а затем нажмите кнопку «Удалить выбранный объект в списке избранных объектов» над панелью.
   • Чтобы переместить объект, выберите объект на панели «Избранные объекты» справа, а затем нажмите кнопку со стрелкой вверх или вниз над панелью.
   • Чтобы добавить разделитель под объектом, выберите объект на панели «Избранные объекты» справа, а затем нажмите кнопку «Добавить разделитель» под панелью.

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

Используйте панель «Файлы» для просмотра и управления файлами на сайте Dreamweaver.

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

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

Панель файлов

Дополнительные сведения обо всех действиях, которые можно выполнять с помощью панели «Файлы», см. в разделе Управление файлами и папками.

Панель «Конструктор CSS» («Окна» > «Конструктор CSS») — это инспектор свойств CSS, который позволяет «визуально» создавать стили CSS, файлы и задавать свойства вместе с медиа-запросами.

Вы можете использовать Ctrl/Cmd+Z для отмены или Ctrl/Cmd+Y для повтора всех действий, которые вы выполняете в CSS Designer. Изменения автоматически отражаются в интерактивном просмотре, и соответствующий файл CSS также обновляется. Чтобы вы знали, что связанный файл был изменен, вкладка затронутого файла подсвечивается на некоторое время (около 8 секунд).

Панель дизайнера CSS

Панель конструктора CSS состоит из следующих панелей и параметров:

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

Этот режим не зависит от выбора. Это означает, что когда вы выбираете элемент на странице, связанный с ним селектор, медиа-запрос или CSS не выделяются в CSS Designer.

Текущий  Список всех вычисленных стилей для любого выбранного элемента в представлении «Дизайн» или «Интерактивный просмотр» текущего документа. При использовании этого режима для файла CSS в представлении «Код» отображаются все свойства селектора, находящегося в фокусе.

Этот режим является контекстно-зависимым. Используйте этот параметр для редактирования свойств селекторов, связанных с выбранными элементами в документе.

Источники Список всех таблиц стилей CSS, связанных с документом. Используя эту панель, вы можете создать и прикрепить к документу CSS или определить стили в документе.

@Media Список всех медиа-запросов в источнике, выбранном на панели «Источники». Если вы не выберете конкретный CSS, на этой панели отобразятся все медиа-запросы, связанные с документом.

Селекторы Список всех селекторов в источнике, выбранном на панели Источники. Если вы также выберете медиа-запрос, эта панель сузит список селекторов для этого медиа-запроса. Если не выбраны запросы CSS или мультимедиа, на этой панели отображаются все селекторы в документе.

При выборе параметра «Глобальный» на панели «@Медиа» отображаются все селекторы, не включенные в медиа-запрос выбранного источника.

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

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

Примечание. При выборе элемента страницы на панели «Селекторы» выбирается наиболее конкретный селектор. Чтобы просмотреть свойства определенного селектора, щелкните имя этого селектора на панели.

Чтобы просмотреть все селекторы, выберите «Все источники» на панели «Источники». Чтобы просмотреть селекторы, не принадлежащие ни одному медиа-запросу в выбранном источнике, нажмите «Глобальный» на панели «@Медиа».

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

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

• Используйте изображение-трассировку в качестве фона страницы, чтобы упростить дублирование дизайна, созданного в приложении для создания иллюстраций или редактирования изображений, таком как Adobe® Photoshop® или Adobe® Fireworks®.

• Используйте линейки и направляющие, чтобы обеспечить визуальную подсказку для точного позиционирования и изменения размеров элементов страницы.

• Используйте сетку для точного позиционирования и изменения размера абсолютно позиционированных элементов (элементов AP).

  Метки сетки на странице помогают выравнивать элементы AP, а когда привязка включена, элементы AP автоматически привязываются к ближайшей точке сетки при перемещении или изменении размера. (Другие объекты, такие как изображения и абзацы, не привязываются к сетке. ) Привязка работает независимо от того, видна ли сетка.

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

Чтобы увеличить или уменьшить масштаб страницы, выберите «Вид» > «Параметры представления «Дизайн»» > «Увеличение» и выберите любой из доступных параметров увеличения.

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

• По размеру выделения — выберите объект или текст и выберите этот параметр, чтобы заполнить окно документа выделенным.
• Подогнать все – заполнить окно документа всей страницей
• Подогнать по ширине — заполнить окно документа на всю ширину страницы

Примечание:

Вы также можете увеличить масштаб без использования инструмента «Масштаб», нажав Control+= (Windows) или Command+= (Macintosh). Вы также можете уменьшить масштаб, не используя инструмент «Масштаб», нажав Control+- (Windows) или Command+- (Macintosh).

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

2. Установите любой из следующих параметров:

   Открыть документы во вкладках Открывает все документы в одном окне с вкладками, позволяющими переключаться между документами (только для Mac).

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

   Повторное открытие документов при запуске Открывает все документы, которые были открыты при закрытии Dreamweaver. Если этот параметр не выбран, при запуске Dreamweaver отображает экран приветствия или пустой экран (в зависимости от параметра «Показывать экран приветствия»).

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

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

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

   Обновление ссылок при перемещении файлов Определяет, что происходит при перемещении, переименовании или удалении документа на вашем сайте. Установите этот параметр, чтобы всегда обновлять ссылки автоматически, никогда не обновлять ссылки или запрашивать обновление. (См. Автоматическое обновление ссылок.)

   Показывать диалоговое окно при вставке объектов Определяет, будет ли Dreamweaver запрашивать дополнительную информацию при вставке изображений, таблиц, роликов Shockwave и некоторых других объектов с помощью панели «Вставка» или меню «Вставка». Если этот параметр отключен, диалоговое окно не отображается, и вы должны использовать инспектор свойств, чтобы указать исходный файл для изображений, количество строк в таблице и т. д. Для прокручиваемых изображений и Fireworks HTML всегда появляется диалоговое окно при вставке объекта, независимо от настройки этого параметра. (Чтобы временно переопределить этот параметр, щелкните, удерживая клавишу Control (Windows) или Command (Macintosh), при создании и вставке объектов.)

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

   Переключиться на обычный абзац после заголовка Указывает, что при нажатии Enter (Windows) или Return (Macintosh) в конце абзаца заголовка в представлении «Дизайн» или «Интерактивный просмотр» создается новый абзац, помеченный тегом p. (Абзац заголовка – это абзац, помеченный тегом заголовка, например h2 или h3.) Если этот параметр отключен, нажатие Enter или Return в конце абзаца заголовка создает новый абзац с тем же тегом заголовка (что позволяет введите несколько заголовков подряд, а затем вернитесь и заполните детали).

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

   Используйте и вместо и   Указывает, что Dreamweaver применяет тег strong всякий раз, когда вы выполняете действие, для которого обычно применяется тег b, и применяет тег em всякий раз, когда вы его выполняете. действие, которое обычно применяет тег i. К таким действиям относятся нажатие кнопок «Полужирный» или «Курсив» в инспекторе свойств текста в режиме HTML и выбор «Формат» > «Стиль» > «Полужирный» или «Формат» > «Стиль» > «Курсив». Чтобы использовать теги b и i в документах, снимите этот флажок.

   Примечание. Консорциум World Wide Web не рекомендует использовать теги b и i; теги strong и em предоставляют больше семантической информации, чем теги b и i.

   Предупреждать при размещении редактируемых областей в тегах

   или

   —

    

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

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

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

   Максимальное количество шагов истории Определяет количество шагов, которое запоминает Dreamweaver. (Значения по умолчанию должно быть достаточно для большинства пользователей.) Если вы превысите заданное количество шагов, самые старые шаги будут отброшены.

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

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

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

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

2. Выберите Шрифты из списка категорий слева.

3. Выберите тип кодировки (например, западноевропейскую или японскую) в списке настроек шрифта.

   Примечание:

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

4. Выберите шрифт и размер для каждой категории выбранной кодировки.

   Примечание:

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

   Пропорциональный шрифт

   Шрифт, который Dreamweaver использует для отображения обычного текста (например, текста в абзацах, заголовках и таблицах). Значение по умолчанию зависит от установленных в вашей системе шрифтов. Для большинства систем США по умолчанию используется Times New Roman 12 pt. (Средний) для Windows и Times 12 pt. на Mac OS.

   Фиксированный шрифт

   Шрифт, который Dreamweaver использует для отображения текста в тегах pre, code и tt. Значение по умолчанию зависит от установленных в вашей системе шрифтов. Для большинства систем США по умолчанию используется Courier New 10 pt. (маленький) для Windows и Monaco 12 pt. на Mac OS.

   Представление кода

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