www.wmaster.ru
Wmaster.ru

На главную

Введение в дизайн

СТАТЬИ

Хостинг

DOCS

Коллекция шрифтов

Скрипты

Секреты мастеров

Продвижение сайта

Soft

Журнал Wmaster

Электронные журналы

ФоруМ

web-mastering
HTML
Programming
HTML-редакторы
Учебник по SEO
Apache
MySQL
XML/WML
Flash
Photoshop
.htaccess
Всё для форумов
Clipart
3DSMax
SSI
CSS
Технология раскрутки
Авторское право
Кодовые таблицы
Важное

Windows

Macromedia Dreamweaver MX

6.1. Macromedia DreamWeaver MX. Таблицы.

Для того чтобы создать новую таблицу, перейдите на вкладку "Tables" панели "Insert" и нажмите кнопку "1" (Рис. 6.01)

Рис. 6.01

В появившемся диалоге заполните необходимые поля.

Поле Rows - количество строк в таблице
Поле
Columns - количество столбцов в таблице
Поле
Width - ширина таблицы, причем в выпадающем меню вам нужно указать единицы измерения - проценты или пиксели.
Поле
Bolder - толщина рамки таблицы в пикселях, причем если вы поставите значение равным нулю, то сама таблица будет не видна на странице.
Поле
Cell Padding - расстояние отступа внутри ячеек таблицы
Поле
Cell Spacing - расстояние между границами ячеек таблицы

После того как таблица создана, вы можете изменять ее размеры перетаскиванием границ при помощи мышки. Наведите курсор на один из трех квадратиков в выделении таблицы (Рис. 6.02)

Рис. 6.02

При наведении курсор изменит свой вид и нажав левую кнопку мышки тащите границу.

Чтобы определить свойства таблицы -  Выделите ее, кликнув для этого левой кнопкой мышки по границе таблицы. После этого, на вкладке "Properties(Рис. 6.03)

Рис. 6.03

вы сможете изменить свойства таблицы и настроить ее вид.

Поле Table id - задайте имя таблицы (атрибут не обязательный)
Поля
Rows и Cols - количество строк и столбцов в таблице.
Поля
V и H - ширина и высота таблицы в пикселях или процентах.
Поле
Align - выравнивание таблицы по левому краю, центру или правому краю
Поле
CellPad - расстояние внутри ячейки (между содержимым и границей ячейки)
Поле
CellSpase - расстояние между ячейками таблицы
Поле Bolder - ширина границы таблицы
Bg Color - цвет фона таблицы
Brdr Color - цвет границ для всей таблицы.
Bg Image - задание фонового рисунка для таблицы.

Там же находятся еще шесть дополнительных кнопок (Рис. 6.04)

Рис. 6.04

Кнопка Clear Column Widths - очистить значения ширины столбца
Кнопка Clear Row Heights - очистить значения высоты строки
Кнопки Convert Widths to Pixels и Convert Widths to Percent - преобразовать ширину ячеек в пиксели и преобразовать ширину ячеек в проценты
Кнопки Convert Heights to Pixels и Convert Heights to Percent - преобразовать высоту ячеек в пиксели и преобразовать высоту ячеек в проценты

Кроме задания свойств таблицы существует и задание свойств ячейки или группы ячеек. Для задания свойств ячейки - кликните в ней левой кнопкой мышки. Если же вы хотите задать свойства группе ячеек, то после того как кликните по полю первой ячейки, не отпуская левую кнопку мышки выделите требуемые ячейки (вы можете выделить таким способом хоть всю таблицу). При выделении - границы всех добавленных ячеек будут окрашиваться в коричневый цвет.(Рис. 6.05)

Рис. 6.05

После того как ячейки выделены - снова обратите внимание на панель "Properties"(Рис. 6.06)

Рис. 6.06

Меню Horz - горизонтальное выравнивание содержимого ячеек (по левому краю, по центру или по правому краю)
Меню Vert - вертикальное выравнивание содержимого ячеек (по верху, посередине, по низу или по базовой линии)
В полях W и H - укажите ширину и высоту выбранных ячеек, если вам необходимо указать значения в процентах - добавте после числового значения символ %.
Поля Bg и Brdr -  установление фона ячеек и установление цвета границ ячеек. А с помощью верхнего поля Bg - вы сможете задать фоновое изображение для ячеек.
Флажок No Wrap - запрет переноса строки
Флажок Header - для форматирования выбранных ячеек как заголовок таблицы.

Теперь кликните левой кнопкой мышки внутри любой ячейки и нажмите кнопку "1" (Рис. 6.07)

Рис. 6.07

Откроется диалоговое окно для установления параметров разделения ячейки.  (Рис. 6.08)

Рис. 6.08

При помощи этого диалога вы сможете разделить выбранную ячейку на несколько частей. Переключатели Rows и Columns - разделить на строки и столбцы соответственно. Number of... - на какое количество строк или столбцов следует делить выбранную ячейку.

Теперь выделите две ячейки и нажмите кнопку "2"  (Рис. 6.07) Две выбранные вами ячейки объединились в одну и эту новую объединенную ячейку вы можете снова делить или наоборот объединять с другими как и стандартные.

К любой таблице можно быстро применить форматирование. Для этого следует выделить таблицу и в меню Commands выбрать пункт Format Table (Рис. 6.09)

Рис. 6.09

И в открывшемся диалоге вы сможете настроить дизайн вашей таблицы  (Рис. 6.10)

Рис. 6.10

После выбора одного из предустановленных шаблонов вы можете изменять все его атрибуты на свой вкус.

Вы можете вырезать, вставлять или копировать ячейки таблицы.

Для того чтобы вырезать ячейку (или несколько ячеек), вам нужно выделить ее и дать команду Edit - Cut.  Ячейка (или несколько) будут удалены из таблицы.

Для того чтобы скопировать ячейку (или несколько ячеек), вам нужно выделить ее и дать команду Edit - Copy. Ячейка (или несколько) будут скопированы.

Для вставки скопированных или вырезанных ячеек воспользуйтесь командой Edit - Paste.

 

<< назад    оглавление    вперед >>

Партнеры Wmaster
Protoplex.RU
Эскизы татуировок
Поиск по сайту
Объявления
Twitter автора
Карта сайта
Наши баннеры
О проекте

Реклама
(понижение цен)

Об Авторе
Команда
Архив рассылки
 Запомнить эту страницу
Сделать стартовой
Рассылка
Wmaster.ru - всё для вебмастера.
Наша кнопка

Все желающие могут поставить нашу кнопочку к себе на сайт
Всё для веб-мастеров

Партнеры
Бочкарёв Антон
Mail: webmaster[at]wmaster.ru
ICQ: 148780826
Хостинг от Valuehost
© RUscripts.design 2003

© Wmaster Design Group 2001-2008. © Все права защищены. При перепечатке любого материала с сайта  ссылка на http://www.wmaster.ru/  обязательна.