Иллюстрированный самоучитель по Adobe Dreamweaver MX

Свободно позиционируемые элементы

  • Введение в свободно позиционируемые элементы

    Свободно позиционируемые элементы – совсем недавнее нововведение в HTML. Фактически они появились в 1997 году, одновременно с таблицами стилей. И это не случайно: для создания свободно позиционируемых элементов используются особые атрибуты стилей, задающие координаты и размеры таких элементов.

  • Что такое свободно позиционируемый элемент

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

  • Как создается свободно позиционируемый элемент

    Итак, мы выяснили, что такое свободно позиционируемый элемент. Осталось разобраться, как он создается. | Рассмотрим небольшую Web-страничку, содержащую фрагмент текста. Ее HTML-код приведен ниже. | <HTML> | <HEAD> | <TITLE>Пример WEB-странииы</TITLE> | </HEAD> | <BODY>

  • Зачем нужны свободно позиционируемые элементы

    Действительно, зачем? | Подавляющее большинство Web-дизайнеров и Web-сайтов до сих пор прекрасно обходятся традиционными способами дизайна. Применять на своих страницах свободные элементы никто особо не хочет.

  • Создание свободно позиционируемых элементов

    Теперь рассмотрим, как в Dreamweaver создаются свободно позиционируемые элементы. | Создайте в Dreamweaver новую Web-страницу. С ней мы и будем экспериментировать. | Однако прежде, чем начинать свои эксперименты, давайте выполним некоторые предварительны? операции.

  • Параметры свободно позиционируемых элементов

    Набор параметров свободных элементов, которые мы можем задать в Dreamweaver, весьма обширен. Все они будут представлены в редакторе свойств, когда вы выделите границу свободного элемента (рис. 11.9). | Рис. 11.9.

  • Работа с группой свободно позиционируемых элементов

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

  • Работа со свободно позиционируемыми элементами

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

  • Пример использования свободно позиционируемых элементов

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

  • Недостатки свободно позиционируемых элементов и их преодоление

    Напоследок, по уже устоявшейся традиции, поговорим о недостатках свободно позиционируемых элементов. Итак, чем же они нам не угодили? | Прежде всего, свободно позиционируемые элементы предполагают статичный дизайн Web-страниц, не меняющийся при изменении размеров окна Web-обозревателя.
Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.