Волшебное использование таблиц DreamWeaver — подробное объяснение создания каркасов (5)
Автор:Eve Cole
Время обновления:2009-05-30 18:36:21
4> Изготовление дистанционных бордюров
«Граница разрыва» в основном используется для упорядочения списка элементов каждого столбца или канала на веб-странице. Чтобы облегчить понимание, автор сначала покажет вам визуализацию после завершения производства, а именно:
Ниже приводится соответствующий производственный процесс (на примере производства трехрамного интервала):
Сначала вставьте объект таблицы с 1 строкой и 3 столбцами на веб-страницу. В процессе вставки напрямую установите для параметра «Border» значение 0, для «CellSpace» — 2, а для «CellPad» — 1, как показано на рисунке.
Примечание. Настройки здесь полностью аналогичны настройкам на панели свойств.
Удерживая левую кнопку мыши, перетаскивайте каждую ячейку, чтобы одновременно выбрать 3 объекта-ячейки. Установите для параметра «Bgcolor» значение «Red» на панели свойств. Обратите внимание, что этот цвет является цветом границы переплета.
Чтобы добиться эффекта интервала, мы воспользуемся здесь созданием «вложенных таблиц». Сначала автор рассказывает о некоторых вещах, на которые следует обратить внимание при проектировании «вложенных» таблиц. При вставке таблицы в ячейку лучше всего установить атрибуты позиционирования содержимого ячейки «Горизонт» (левое и правое положение) и «Верт». " (верхнее и нижнее положение) соответственно. Установите значения «Влево» и «Верх», чтобы избежать ненужных проблем при повторной настройке размера вложенной таблицы. Для этого просто перетащите правый нижний угол. следующее
Вставьте объект таблицы по очереди в три ячейки, установите для всех полей «Border», «CellSpace» и «CellPad» значение «0» и установите цвет фона каждой таблицы на панели свойств на одну и ту же страницу. Цвет фона — « Белый». Другой момент — установить для «Ширины» и «Высоты» значение «100%» в состоянии пропорционального отображения, чтобы оно могло автоматически заполнять весь блок в соответствии с размером сетки.
Теперь вы можете предварительно просмотреть эффект.
При создании границы желоба отличие от тонкой линии границы заключается в том, что ширина границы 1 достигается с помощью атрибута «CellPad» вместо предыдущего «CellSpace». Здесь «CellPad» относится к ячейке. Расстояние. между содержимым и границей ячейки. Нет сомнений, что остальные три таблицы, которые мы вставили в качестве содержимого в этом примере, таковы. Затем настройка «CellSpace» может изменить расстояние между каждой границей, например эффект «6» единиц.
Аналогичным образом вы можете создать вертикальные границы желоба.
Выше мы тщательно проанализировали процесс производства, принципы и методы настройки нескольких распространенных типов границ на веб-страницах. Я считаю, что форма сравнения эффектов более способствует пониманию каждого их различий, тем самым углубляя впечатление. Конечно, я надеюсь, что каждый сможет найти больше пограничных эффектов в соответствии со схожими дизайнерскими идеями.