Веб-школа
Интернет-технологии

РЕКЛАМА

Инструменты

Macromedia Dreamweaver 3
Руководство для начинающих - шаг за шагом (часть 5)

[<< назад <<]

Использование таблиц

Вставка таблицы в Macromedia Dreamweaver 3Чтобы вставить таблицу, нужно нажать на кнопочку с изображением таблицы на панели "Objects".

В появившемся диалоговом окне (см. рисунок ниже) можно задать основные свойства таблицы:

Rows - число строк таблицы, в дальнейшем этот параметр, как и остальные, можно будет изменить.

Columns - число столбцов.

Width - ширина таблицы, справа в выпадающем списке вы можете выбрать, в каких единицах задать этот параметр. Если ширина таблицы будет задана в пикселах, то при любом разрешении экрана у конечного пользователя таблица будет занимать определенное место на экране. Например, если вы зададите ширину таблицы 780 пикселов, то у пользователя с разрешением экрана 640х480 ваша таблица не поместится на экран, и внизу окна браузера появится горизонтальная полоса прокрутки; а у пользователя с разрешением экрана 1600х1200 таблица займет меньше половины ширины экрана. Если же вы задаете ширину таблицы в процентах, то при любом разрешении экрана пользователя таблица займет определенный вами процент экрана - в случае 100% таблица займет весь экран в ширину, независимо от установленного разрешения. О достоинствах и недостатках, а также рекомендуемых областях применения каждого из этих способов мы поговорим позже.

Border - толщина рамки таблицы. По умолчанию (если этот параметр опущен) толщина рамки равна 1 пикселу. Причем, если border задан равным 0 для всей таблицы, то у ячеек этот параметр тоже автоматически станет равным 0. Если border таблицы не нулевой, то вокруг каждой ячейки также будет автоматически отображена рамка. Как обойти это ограничение и для чего это нужно, мы также поговорим позже.

Свойства вставляемой таблицы в Macromedia Dreamweaver 3

Реклама

ВАКАНСИИ (Компьютеры, Интернет). Подробнее >>

 

В правом столбце задаются параметры cellspacing и cellpadding таблицы.

Cell Padding - задаем атрибут cellpadding. Этот параметр определяет размер отступа от края (границы) ячейки таблицы до ее содержимого. По умолчанию этот параметр не равен нулю, поэтому если вы хотите, чтобы содержимое ячейки вплотную прилегало к ее краю, нужно обязательно вписать "0" в эту графу диалогового окна. Если оставить эту графу незаполненной, то Dreamweaver не впишет атрибут cellpadding в HTML-код страницы, браузер применит значение по умолчанию, и между краем ячейки и ее содержимым в вашей таблице будет расстояние, равное 1 пикселу. Это не смертельно, если содержимое ячеек таблицы - обычный текст. А если вы вставили в таблицу рисунок, заботливо порезанный предварительно на части? Между частями изображения будет отступ как минимум 2 пиксела, а это, я думаю, вас не устроит.

Cell Spacing - соответствует атрибуту cellspacing в HTML-коде. Этот параметр определяет расстояние между границами соседних ячеек таблицы. По умолчанию этот параметр равен двум пикселам, поэтому, если вам нужно вплотную прижать друг к другу ячейки, в эту графу надо обязательно вписать ноль.

Для начала вставим таблицу, состоящую из двух строк и двух столбцов, параметры cellspacing и cellpadding пропишем, соответственно, 5 и 10 (чтобы было понятно визуально, какой параметр на что влияет), border укажем равным одному (чтобы граница была четко видна как для таблицы, так и для каждой ячейки, при этом мы будем иметь на экране эталон толщиной в 1 пиксел), а ширину таблицы установим 75%. Нажимаем "ОК" и получаем вот такую таблицу:

Нам сразу же видно, что толщина границы - 1 пиксел, а расстояние между ячейками - 5 пикселов. Если мы впишем в ячейки текст, отступ от текста до внутренней границы ячейки составит 10 пикселов. Любой из этих параметров мы можем изменить, выделив таблицу и обратившись к панели свойств объекта. Вы, наверное, помните, что эта панелька меняется в зависимости от того, какой объект выделен. В случае с таблицей она будет выглядеть так:

Панель свойств таблицы в Macromedia Dreamweaver 3

Как видите, все введенные нами при создании таблицы значения атрибутов мы можем быстро и легко изменить при помощи этой панели. И кроме того, мы можем задать еще массу всяких полезных вещей!

 [>> далее >>]

© 2000, Бандурина Людмила
 

Реклама

Каждому сайту - механизм организации собственной ленты новостей бесплатно! Подробнее >>

ПОИСК по сайту: 
© iD, 2000

Hosted by uCoz