Задание свойств страницы

Последнее обновление 25 сент. 2023 г.

Узнайте, как задать свойства страниц HTML и CSS, такие как свойства шрифта, цвета фона и фонового изображения, для страницы Dreamweaver.

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

Dreamweaver предусматривает два метода изменения свойств страницы: CSS или HTML. Рекомендуется пользоваться CSS для задания фона и изменения свойств страницы.

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

Задайте свойства шрифта страницы CSS, цвет фона и фоновое изображение

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

Выберите меню «Файл» > «Свойства страницы» или нажмите кнопку «Свойства страницы» в инспекторе свойств текста.

Выберите категорию «Внешний вид (CSS)» и задайте параметры.

Шрифт страницы

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

Размер

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

Цвет текста

Указывает цвет шрифтов по умолчанию.

Цвет фона

Задает цвет фона для вашей страницы. Нажмите поле «Цвет фона» и выберите цвет из палитры цветов.

Фоновое изображение

Задает фоновое изображение. Нажмите кнопку «Обзор», затем найдите и выберите изображение. Кроме того, введите путь к фоновому изображению в поле «Фоновое изображение».

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

Повторить

Указывает способ отображения фонового изображения на странице.

  • Вариант «без повтора» позволяет отобразить фоновое изображение только один раз.

  • Вариант «по осям Х и Y» позволяет замостить изображением страницу как в вертикальном, так и в горизонтальном направлении.

  • Вариант «по оси X» позволяет замостить страницу изображением горизонтально.

  • Вариант «по оси Y» позволяет замостить страницу изображением вертикально.

Левое и правое поля

Укажите размер левого и правого полей страницы.

Верхнее и нижнее поля

Укажите размер верхнего и нижнего полей страницы.

Задание свойств страницы HTML

Задание свойств в этой категории диалогового окна «Свойства страницы» приводит к HTML-форматированию вашей страницы, а не к форматированию CSS.

Выберите меню «Файл» > «Свойства страницы» или нажмите кнопку «Свойства страницы» в инспекторе свойств текста.

Выберите категорию «Внешний вид (HTML)» и задайте параметры.

Фоновое изображение

Задает фоновое изображение. Нажмите кнопку «Обзор», затем найдите и выберите изображение. Кроме того, введите путь к фоновому изображению в поле «Фоновое изображение».

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

Фон

Задает цвет фона для вашей страницы. Нажмите поле «Цвет фона» и выберите цвет из палитры цветов.

Текст

Указывает цвет шрифтов по умолчанию.

Ссылка

Указывает цвет для отображения текста ссылок.

Просмотренные ссылки

Указывает цвет для отображения просмотренных ссылок.

Активные ссылки

Указывает цвет, применяемый при нажатии мыши (или указателя) на ссылку

Левое и правое поля

Укажите размер левого и правого полей страницы.

Верхнее и нижнее поля

Укажите размер верхнего и нижнего полей страницы.

Задание заголовка и кодировки для страницы

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

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

  • Выберите «Файл» > «Свойства страницы»
  • Выберите «Окно» > «Свойства» и нажмите «Свойства страницы» в инспекторе свойств текста.

На панели свойств страницы выберите «Название/кодировка». Можно настраивать следующие параметры:

  • Заголовок: указывает название страницы, отображаемое в строке заголовка окна «Документ» и большинства окон браузеров.
  • Тип документа (DTD): указывает определение типа документа. Например, чтобы обеспечить совместимость документа HTML со стандартом XHTML, можно выбрать во всплывающем меню пункт «XHTML 1.0 Transitional» или «XHTML 1.0 Strict».
  • Кодировка: указывает кодировку, используемую для набора символов в документе. Если выбрать для документа кодировку Юникод (UTF‑8), кодировка сущностей не требуется, так как в UTF‑8 представлены все символы. При выборе другой кодировки документа кодировка сущностей может понадобиться для представления определенных символов. Дополнительные сведения о символьных сущностях см. в разделе www.w3.org/TR/REC-html40/sgml/entities.html.
  • Перезагрузка: преобразует существующий документ или повторно открывает его в новой кодировке.
  • Форма стандартизации Юникода: присутствует, только если установлена кодировка документа UTF‑8. Существует четыре формы стандартизации Юникода. Наиболее важной является форма C, поскольку она чаще всего используется в символьной модели для Интернета. Для полноты информации Adobe предоставляет и другие три формы стандартизации Юникода. В Юникоде некоторые символы визуально схожи, но могут храниться в документе в различной форме. Например, символ «ë» (e с умлаутом) может быть представлен как один символ «e с умлаутом» или как два символа «обычная латинская e» + «комбинированный умлаут». Объединяющий символ Unicode — это символ, который используется с предыдущим символом, поэтому умлаут появится над символом «латинская e». Обе формы дают одинаковую визуальную типографику, но то, что сохраняется в файле, различается для каждой формы. Стандартизация Юникода — это процесс, позволяющий гарантировать сохранение в одной и той же форме всех символов, допускающих различные формы. То есть все символы «ë» в документе сохраняются как одиночные символы «e с умлаутом» или как символы «e» + «комбинированный умлаут», а не как обе формы в одном документе. Дополнительные сведения о стандартизации Юникода и использовании особых форм см. на веб-сайте Unicode по адресу www.unicode.org/reports/tr15.
  • Включить подпись Юникода (BOM): включает в документ метку порядка байтов (BOM). BOM занимает от 2 до 4 байтов в начале текстового файла и идентифицирует его как файл Юникода, а также порядок последующих байтов. Так как в UTF‑8 не существует порядка байтов, добавлять BOM для этой кодировки не обязательно. Добавление метки является обязательным для UTF-16 и UTF-32.