Dreamweaver настройка рабочего пространства

Обновлено: 06.07.2024

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

Открывать документы на вкладках Открывает все документы в одном окне со вкладками, что позволяет переключаться между ними (только в Macintosh). Показать экран приветствия Отображает экран приветствия Dreamweaver при запуске Dreamweaver или когда нет открытых документов. Открывать документы заново при запуске Открывает все документы, которые были открыты в момент закрытия Dreamweaver. Если этот параметр не выбран, Dreamweaver отобразит при запуске экран приветствия или пустой экран (в зависимости от значения параметра «Показать экран приветствия»). Выводить предупреждение при открытии файлов, доступных только для чтения Выдает предупреждение при открытии файла, доступного только для чтения (заблокированного). Позволяет разблокировать/извлечь или просмотреть файл, либо отменить операцию. Разрешить связанные файлы Включает отображение списка файлов, связанных с текущим документом (например, файлов CSS или JavaScript). Dreamweaver для каждого из связанных файлов отображает по кнопке в верхней части документа, позволяя открыть файл по нажатию соответствующей кнопки. Обнаружение динамически связанных файлов Позволяет выбрать, как динамически связанные файлы будут появляться на панели инструментов «Связанные файлы»: автоматически или после переноса вручную. Можно также отключить обнаружение динамически связанных файлов. Обновлять ссылки в случае перемещения файлов Определяет, что происходит при перемещении, переименовании или удалении документа на сайте. В зависимости от выбора этого параметра ссылки будут всегда обновляться автоматически, никогда не будут обновляться, либо при каждом обновлении будет запрашиваться подтверждение. Показывать диалоговое окно при вставке объектов Определяет, будет ли Dreamweaver запрашивать дополнительную информацию при вставке изображений, таблиц, роликов Shockwave и некоторых других объектов через панель «Вставка» или меню «Вставка». Если этот параметр отключен, диалоговое окно не отображается, и поэтому исходный файл для изображения, число строк и столбцов для таблицы и другие параметры будет необходимо задать в инспекторе свойств. Для изображений прокрутки и HTML Fireworks при вставке объекта всегда появляется диалоговое окно (независимо от значения этого параметра). Чтобы временно изменить значение этого параметра, при вставке и создании объектов удерживайте нажатой клавишу «Ctrl» (Windows) или «Command» (Macintosh). Включить двухбайтовый встроенный ввод Позволяет вводить двухбайтовый текст непосредственно в окне документа при использовании среды разработки или языкового пакета, предназначенного для ввода двухбайтового текста (например, японских символов). Если этот параметр не установлен, для ввода и преобразования двухбайтового текста отображается окно ввода текста. В окне документа текст появляется только после окончания ввода в этом окне. Переключиться в стиль простого абзаца после заголовка Указывает, что при нажатии клавиши «Ввод» (Windows) или «Return» (Macintosh) в конце абзаца заголовка в представлении «Дизайн» будет создан новый абзац, ограниченный тегом p (абзац заголовка - это абзац, который ограничен тегами h1 , h2 и т. п.). Если этот параметр не установлен, при нажатии клавиши «Ввод» («Return») в конце абзаца заголовка будет создан новый абзац с тем же тегом заголовка, что позволит ввести несколько заголовков подряд, а затем вернуться назад и ввести остальной текст. Разрешить несколько последовательных пробелов Указывает, что при вводе двух и более пробелов в представлении «Дизайн» будут создаваться неразрывные пробелы (Например, предложения можно разделить двумя пробелами, как на пишущей машинке). Этот параметр предназначен главным образом для тех, кто привык работать с текстовыми процессорами. Если этот параметр не выбран, любое число пробелов интерпретируется как один пробельный символ (поскольку именно таким образом их трактуют браузеры). Использовать теги <strong> и <em> вместо <b> и <i> Указывает, что Dreamweaver применяет тег strong при выполнении действия, которое обычно подразумевало бы применение тега b , и тег em в тех ситуациях, когда должен был быть применен тег i . К таким действиям относится нажатие кнопки «Полужирный» или «Курсив» в инспекторе свойств текста в режиме HTML, а также выбор команды «Формат» > «Стиль» > «Полужирный» или «Формат» > «Стиль» > «Курсив». Чтобы использовать в документе теги b и i , отмените выбор этого параметра.

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

Примечание. Оба эти способа официально не рекомендованы к использованию в спецификации HTML 4.01. Центрирование текста рекомендуется выполнять через стили CSS. Оба способа технически допустимы при использовании спецификации XHTML 1.0 Transitional, однако в спецификации XHTML 1.0 Strict они уже недопустимы.

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

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

Примечание. Приложение Dreamweaver не поддерживает прикрепление и открепление окон документов.

Упорядочение, стыковка и свободное перемещение окон документа

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

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

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

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

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

Примечание. Некоторые программы не поддерживают эту функцию.

Вверх

Прикрепление и открепление палитр/панелей

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

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

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

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

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

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

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


Зона перетаскивания, обозначенная узкой синей линией, означает прикрепление одиночной палитры/панели «Цвет» над группой
палитр/панелей «Слои»

А. Строка заголовка Б. Вкладка В. Зона перетаскивания
Чтобы избежать закрепления палитры/панели при перемещении, удерживайте клавишу Ctrl (в Windows)
или Command (в Mac OS). Для отмены операции при перемещении палитры/панели нажмите клавишу «Esc».
Вверх

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

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

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

Вверх
Управление группами палитр/панелей

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


Добавление палитры/панели в группу палитр/панелей.

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

Создание ряда плавающих палитр/панелей

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

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

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

Изменение размеров палитр/панелей

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

Свертывание и развертывание значков панели

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


Чтобы свернуть или развернуть все палитры/панели дока, щелкните двойную стрелку в его верхней части.
• Чтобы развернуть значок одиночной палитры/панели, щелкните его.
• Чтобы изменить размер значков палитры/панели так, чтобы видеть только значки (без подписей), изменяйте ширину дока до исчезновения текста. Чтобы восстановить текст, увеличьте ширину дока.
• Чтобы свернуть развернутую палитру/панель в значок, щелкните ее вкладку, значок или двойную стрелку в строке заголовка.
В некоторых приложениях - если выбран параметр "Автоматически сворачивать палитры со
значками" в разделе установок "Интерфейс" или в установках окна "Параметры интерфейса
пользователя", то развернутая палитра/панель будет автоматически сворачиваться по щелчку за ее пределами.
• Чтобы добавить плавающую палитру/панель или группу палитр/панелей в док значков, перетащите ее туда за вкладку или строку заголовка (палитры/панели автоматически сворачиваются в значки при добавлении их в док значков).
• Чтобы переместить значок палитры/панели (или группу значков палитр/панелей), перетащите значок.
Значки палитр/панелей можно перетаскивать вниз и вверх в пределах одного дока, в другие доки (где значки будут отображаться в стиле палитр/панелей этого дока) либо за пределы дока (где они станут развернутыми плавающими палитрами/панелями).
Вверх

Сохранение и переключение рабочих пространств/сред

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

Сохранение пользовательского рабочего пространства/среды 1

После необходимой настройки рабочего пространства/среды выполните одно из приведенных ниже
действий для его сохранения.
• (В приложениях Photoshop, Illustrator) Выберите "Окно" > "Рабочая среда" > "Создать рабочую среду".
• (В приложениях InDesign, InCopy) Выберите "Окно" > "Рабочее пространство" > "Новое рабочее пространство".
• (В приложении Dreamweaver) Выберите "Окно" > "Макет рабочего пространства" > "Создать рабочее пространство".
• (В приложении Flash) Выберите "Создать рабочее пространство" в переключателе рабочих пространств на панели приложения.
• (В приложении Fireworks) Выберите "Сохранить текущее" в переключателе рабочих пространств на панели приложения.

2 Введите имя рабочего пространства/среды.
3 (В приложениях Photoshop, InDesign) В меню «Запомнить»/«Захват» задайте необходимые параметры.
Расположение палитр Сохраняет текущее расположение панелей (только в InDesign).
Комбинации клавиш Сохраняет текущий набор комбинаций клавиш (только для Photoshop).
Меню или пользовательская настройка меню Сохраняет текущий набор меню.
Вверх

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

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

Удаление пользовательского рабочего пространства/среды

• Выберите «Управление рабочими пространствами» или «Управление рабочими средами» в переключателе рабочих пространств/сред на панели приложения, выберите рабочее пространство/среду и нажмите «Удалить» (этот параметр недоступен в Fireworks).
• (В приложении Photoshop, InDesign, InCopy) Выберите «Удалить рабочую среду» или «Удалить рабочее пространство» в переключателе рабочих пространств/сред.
• (В приложении Illustrator) Выберите «Окно» > «Рабочая среда» > «Управление рабочими средами», выберите нужную рабочую среду и щелкните значок «Удалить».
• (Photoshop, InDesign) Выберите меню «Окно» > «Рабочая среда» > «Удалить рабочую среду», выберите нужную рабочую среду и нажмите кнопку «Удалить».
Вверх

Восстановление рабочего пространства/среды по умолчанию

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

2 Для Fireworks (Windows) удалите следующие папки:
Windows Vista \\Пользователи\<Имя пользователя>\AppData\Roaming\Adobe\Fireworks CS4\
Windows XP \\Documents and Settings\<Имя пользователя>\Application Data\Adobe\Fireworks CS4
3 (InDesign, InCopy) Выберите «Окно» > «Рабочая среда» > «Сбросить [имя_рабочей_среды].
Вверх

(Photoshop) Восстановление сохраненной рабочей среды

В Photoshop рабочие среды отображаются автоматически в порядке, который использовался при последнем запуске. Однако можно восстановить исходное (сохраненное) расположение панелей.
• Для восстановления отдельной рабочей среды выберите меню «Окно» > «Рабочая среда» > «Сбросить имя_рабочей_среды.
• Для восстановления всех рабочих сред, установленных с Photoshop, нажмите «Восстановление рабочих сред по умолчанию» в настройках интерфейса.
Переупорядочить рабочие среды на панели приложения можно с помощью перетаскивания.
Вверх

Включение цветных значков

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

• Выберите «Просмотр» > «Цветовые значки».
• Переключитесь на рабочее пространство «Классический» или «Разработчик».

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

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

  1. Кнопка выбора макета
  2. Кнопка выбора расширений
  3. Кнопка работы с веб-сайтом
  4. Кнопка выбора интерфейса (переключатель рабочих пространств - выбор из 11 вариантов). На рисунке - классический интерфейс
  5. Строка меню (10 меню с раскрывающимися списками команд)
  6. Строка вкладок (категорий) - 9 вкладок для разных видов работ
  7. Панель инструментов . Панель инструментов меняется в зависимости от выбранной вкладки (на рисунке - панель инструментов для вкладки Текст ). Строка вкладок (п.6) и панели инструментов (п.7) вместе образуют "Панель вставка"
  8. Строка открытых документов
  9. Панель инструментов "Документ"
  10. Стандартная панель инструментов (создать, открыть, сохранить, вставить и т.д)
  11. Панель инструментов для работы с кодом
  12. Нумерация строк кода
  13. Раздел кода (при разделении окна редактирования на код и дизайн)
  14. Строка состояния (примененные тэги, скорость загрузки страницы, примененная кодировка).

    (поиск, справочник, проверка ссылок, отчеты и др.)
  15. Док панелей - может содержать панели Файлы, Активы, Фрагменты кода, Базы данных, Стили, Инспектор тэгов и др. Док панелей открывается / убирается из окна программы, используя меню Окно - Скрыть панели / Показать панели .
  16. Раздел дизайна (при разделении окна редактирования на код и дизайн)

Окно редактирования (окно документа)

Стандартная панель инструментов (создать, открыть, сохранить, вставить и т.д)

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

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

Панель инструментов «Связанные файлы»

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

Элементы АР - используется для работы с элементами абсолютного позиционирования

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

Активы (Ресурсы) - помогает упорядочить ресурсы сайта.

Инспектор тегов - изменение и добавление атрибутов тегов

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

Прочие элементы интерфейса

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

Редактор тегов - применяется для просмотра, настройки и редактирования атрибутов тегов.

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

Инспектор тегов - для изменения и добавления атрибутов и изменения атирибутов тегов

Редактор тегов Quick Tag - используется, когда требуется быстро проверить, вставить или изменить теги HTML, не закрывая представление «Дизайн».

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

Селектор тегов Размещается в строке состояния. Показывает иерархию тегов.

Интерфейс Dreamweaver настраиваемый. Большинство панелей открывается / закрывается через меню Окно .
Также для открытия / закрытия некоторых панелей инструментов применяется меню Просмотр - Панели инструментов .

Окно редактирования (Окно "Документ") расположено в центральной части окна программы (см. Интерфейс ).

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


Представление «Интерактивный код» Доступно только при просмотре документа в представлении «Интерактивный просмотр» и отображает реальный код. Представление «Интерактивный код» не поддерживает редактирование.


Переключение на представление кода
❖ Выполните одно из следующих действий.

• Выберите «Просмотр» > «Код».
• На панели инструментов «Документ» нажмите кнопку «Показать представление кода».

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

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

Отображение представлений «Код» и «Дизайн»
❖ Выполните одно из следующих действий.
• Выберите «Просмотр» > «Код и дизайн».
• На панели инструментов «Документ» нажмите кнопку «Показать представление кода и конструктора».

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

Переключение между представлениями «Код» и «Дизайн»
❖ Нажмите клавиши «Ctrl» + «`» (обратный апостроф).
Если в окне документа отображаются оба представления, это сочетание клавиш переключает фокус с одного представления на другое.

Разделить по вертикали
Этот параметр доступен только для представлений «Код с разделением» и «Код и дизайн» (представления с разделением). В представлениях «Код» и «Дизайн» он недоступен.

1 Убедитесь, что выбрано представление «Код с разделением» («Просмотр» > «Код с разделением») или «Код и дизайн» («Просмотр» > «Код и дизайн»).
2 Выберите пункт меню «Просмотр» > «Разделить по вертикали».
Если выбрано представление «Код и дизайн», то можно включить отображение представления «Дизайн» в левой части окна («Просмотр» > «Представление «Дизайн» слева»).


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

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

Объединение отдельных документов в окна со вкладками
❖ Выберите меню «Окно» > «Объединить в окно с вкладками».

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

Расположение окон документа каскадом или мозаикой

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

Расположение окон документов каскадом
❖ Выберите «Окно» > «Каскад».

Расположение окон документов мозаикой

• Выберите меню «Окно» > «Замостить по горизонтали» или «Окно» > «Замостить по вертикали» (Windows).
• Выберите меню «Окно» > «Замостить» (Macintosh).

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

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

Изменение размеров окна документа на заранее заданные размеры
Выберите один из размеров во всплывающем меню «Размер окна» в нижней части окна документа. Dreamweaver CS5.5 и более поздних версий предлагает расширенный список вариантов, включая варианты для стандартных мобильных устройств (как показано на следующем изображении).

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

Изменение размеров, перечисленных во всплывающем меню «Размер окна»
1 Выберите пункт «Изменить размеры» во всплывающем меню «Размер окна».
2 Щелкните любое значение ширины или высоты в списке «Размер окна» и введите новое значение.
Чтобы для окна документа настраивалась только ширина (оставляя высоту неизменной), выделите значение высоты и удалите его.
3 Щелкните текстовое поле «Описание» и введите пояснение к заданному размеру.

Добавление нового размера во всплывающее меню «Размер окна»
1 В меню Просмотр выберите «Размер окна». Выберите пункт «Изменить размеры» во всплывающем меню. (или: меню Правка - Настройки - Размеры окон).
2 Нажмите пустое пространство под последним значением в столбце «Ширина».
3 Введите значения «Ширина» и «Высота».
Чтобы задать только ширину или высоту, просто оставьте одно поле пустым.
4 Нажмите поле «Описание», чтобы ввести пояснительный текст к введенному размеру.
Например, можно ввести SVGA или обычный ПК рядом с записью для монитора с разрешением 800 x 600 пикселов и диагональю 17 дюймов, Mac рядом с записью для монитора с разрешением 832 x 624 пикселов.
Для большинства мониторов можно задавать разные разрешения в пикселах.

Задание размера окна и скорости соединения
1 Выберите «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
2 Выберите команду «Строка состояния» (CS5) или «Размеры окна» (CS5.5 и старше) из списка «Категория» слева.
3 Задайте любой из следующих параметров.
Размер окна Позволяет настроить размеры окон, отображаемые во всплывающем меню строки состояния.
Скорость соединения Определяет скорость соединения (кбит/с), применяемую для подсчета времени загрузки. Загружаемый размер страницы отображается в строке состояния.

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

Читайте также: