Dreamweaver MX 2004 с нуля (3)
Автор：Eve Cole
Время обновления：2009-05-31 21:02:57
Использование фреймворков для создания веб-страниц <BR> После входа на некоторые форумы мы можем увидеть название каждой области обсуждения слева. Нажмите на любую область обсуждения, чтобы увидеть содержимое соответствующей области обсуждения в правой области. левая и правая части отображаются независимо, например, перетаскивание полосы прокрутки слева не повлияет на отображение справа. По сути, это использование на странице технологии фреймов, поэтому пространство отображения браузера можно разделить на несколько частей, и каждая часть может независимо отображать содержимое веб-страницы. А объединение нескольких фреймов в набор фреймов может придать странице более богатый эффект.
1. Создайте фреймы и наборы фреймов.
Шаг 1. Создайте новую страницу в Dreamweaver MX 2004. После запуска команды «Просмотр → Наглядные пособия → Границы фрейма» вы увидите границу, появляющуюся в окне редактирования. Щелкнув границу мышью, вы увидите пунктирную границу. рамка, указывающая, что вновь созданная страница имеет рамку.
Шаг 2: Нажмите кнопку «Alt» и перетащите границу с помощью мыши. Отпустив мышь, вы можете разделить окно на две части, разделив таким образом страницу на две границы. Например, перетаскивание левой и правой границ может разделить окно на левую и правую части, а перетаскивание верхней и нижней границ может разделить окно на верхнюю и нижнюю части. Кроме того, четыре угла окна также можно перетаскивать, чтобы окно можно было напрямую разделить на четыре области (рис. 1). Когда окно разделено на несколько фреймов, каждый фрейм можно редактировать как независимую веб-страницу, либо уже существующую страницу можно напрямую присвоить фрейму.
Рисунок 1
Шаг 3. Фреймы могут быть вложенными. Например, чтобы создать фрейм, показанный на рисунке 2, вы можете сначала разделить его на две части по горизонтали с помощью описанного выше метода, но тогда вы не сможете напрямую перетаскивать границу, иначе вы получите фрейм. показано на рисунке 1. Правильный метод — сначала щелкнуть правый фрейм на панели фреймов в правом нижнем углу, а затем нажать кнопку «Alt», чтобы перетащить границу.
Рисунок 2
Совет: Если вы перетащили границу по ошибке, просто перетащите мышью линию, которую необходимо удалить, к границе родительского фрейма, чтобы удалить ее.
2. Редактирование рамки
На страницах часто смешиваются фреймы и наборы фреймов, и, выбирая разные объекты, можно задать разные настройки атрибутов.
Шаг первый: свойства набора фреймов. После выбора набора фреймов вы увидите панель объекта свойств (как показано на рисунке 3). Элемент «Граница» позволяет указать, следует ли отображать границу, элемент «Ширина границы» позволяет задать ширину границы, а параметр «Цвет границы». "можно установить цвет границы. . Кроме того, вы также можете установить размер каждой границы. В это время выберите строку или столбец на миниатюре в правой части панели, затем введите значение в поле ввода «Значение» рядом с ним и выберите. пикселей или процентов в качестве единицы измерения.
Рисунок 3
Шаг 2: Свойства фрейма. Если вы выберете любой кадр на панели кадров, выбранный кадр будет отображаться с черной рамкой. В это время вы можете выполнить соответствующие настройки на панели свойств (рис. 4). Например, здесь вы можете установить файл веб-страницы в рамке через адресную строку «Src», «Прокрутка» указывает, следует ли добавлять полосу прокрутки, «Граница» может определить, отображать ли границу, «Без изменения размера» позволяет размер кадра, который необходимо изменить в браузере, а «Ширина поля» и «Высота поля» соответственно задают ширину и высоту границы, чтобы определить расстояние между содержимым во фрейме и границей.
Рисунок 4
Шаг 3. Введите содержимое в рамку. Щелкнув мышью по любому кадру, вы можете вставить различное текстовое содержимое, изображения, Flash-анимацию, фоновую музыку и другие элементы веб-страницы, как на обычных страницах редактирования.
Фактически, использование фреймворков позволяет разумно планировать макет веб-страницы, что особенно важно на ранних этапах веб-дизайна. Поэтому каждому необходимо больше практиковаться в ежедневном использовании, что очень полезно для создания отличного веб-сайта!
