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

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

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

Примечание.

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

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

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

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

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

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

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

    Размер

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

    Цвет текста

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

    Цвет фона

    Задает цвет фона для страницы. Щелкните поле «Цвет фона» и выберите цвет из палитры цветов.

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

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

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

    Повторить

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

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

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

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

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

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

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

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

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

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

Результатом задания свойств в этой категории диалогового окна «Свойства страницы» является HTML-форматирование (в отличие от CSS-форматирования).

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

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

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

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

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

    Фон

    Задает цвет фона для страницы. Щелкните поле «Цвет фона» и выберите цвет из палитры цветов.

    Текст

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

    Ссылка

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

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

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

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

    Указывает цвет отображения ссылок при щелчке на них мышью.

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

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

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

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

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

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

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

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

    • Заголовок: указывает название страницы, отображаемое в строке заголовка окна «Документ» и большинства окон браузеров.
    • Тип документа (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» + «комбинируемый умлаут». Комбинируемый символ в Юникоде используется вместе с предыдущим, таким образом умлаут отобразится над «латинским "e"». Обе формы представления будут выглядеть внешне одинаково, но вид записи в файле будет различаться. Стандартизация Юникода — это процесс, позволяющий гарантировать сохранение в одной и той же форме всех символов, допускающих различные формы. Таким образом, все символы «ë» в документе будут сохранены как отдельный «e-умлаут» или как «e» + «комбинируемый умлаут», а не как обе формы в одном документе. Дополнительные сведения о стандартизации Юникода и использовании особых форм см. на веб-сайте Unicode по адресу www.unicode.org/reports/tr15.
    • Включить подпись Юникода (BOM): включает в документ метку порядка байтов (BOM). BOM занимает от 2 до 4 байтов в начале текстового файла и идентифицирует его как файл Юникода, а также порядок последующих байтов. Так как в UTF‑8 не существует порядка байтов, добавлять BOM для этой кодировки не обязательно. Добавление метки является обязательным для UTF-16 и UTF-32.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет