Работа в Macromedia Dreamweaver 8

Мы уже знаем, как можно  вставить в таблицу новую строку. Для этого нужно поместить  текстовый курсор в ячейку строки, над которой должна быть добавлена  новая, и выбрать пункт Insert Row в подменю Table меню Modify или нажать комбинацию клавиш <Ctrl>+<M>.

Аналогично можно вставить в таблицу и новый столбец. Ставим текстовый курсор в ячейку, справа от которой должен появиться  новый столбец, и выберем пункт Insert Column в подменю Table меню Modify или нажмем комбинацию клавиш <Ctrl>+<Shift>+<A>.

Удалить ненужную строку или  столбец так же просто. Для удаления строки ставим текстовый курсор в  ячейку удаляемой строки и либо выбираем пункт Delete Row в подменю Table меню Modify, либо нажимаем комбинацию клавиш <Ctrl>+<Shift>+<M>. А для удаления столбца, в ячейке которого находится текстовый курсор, нужно либо выбрать пункт Delete Column в подменю Table меню Modify или контекстного меню, либо нажать комбинацию клавиш <Ctrl>+<Shift<+<->.

Удалить же саму таблицу  проще всего, воспользовавшись секцией  тегов. Ставим текстовый курсор в  любую ячейку нужной таблицы, щелкаем  по кнопке <table> секции тегов и нажимаем клавишу <Del>.

Для работы по удалению и  вставки лучше пользоваться insert rows or columns, т.к. там можно указать после какой строки или столбца вставлять.

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

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

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

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

Как формируются  таблицы Dreamwever 8

Но на самом деле ничего страшного там нет. Достаточно понять принцип, по которому формируется таблица HTML, чтобы с легкостью ориентироваться  в ее коде. Давайте рассмотрим код HTML, с помощью которого формируется  таблица, по частям.

Сначала нам нужно создать  саму таблицу. Это выполняется с  помощью парного тега <TABLE>:

<TABLE WIDTH="400" BORDER="0" CELLSPACING="2" CELLPADDING="1"> 
</TABLE>

Атрибут WIDTH задает ширину таблицы, атрибут BORDER — толщину видимой  границы, атрибуты CELLSPACING и CELLPADDING —  соответственно расстояние между границами  соседних ячеек и между границей ячейки и ее содержимым. Все эти  параметры мы задали в диалоговом окне Table (см. рис. 4).

Далее с помощью парных тегов <TR> мы формируем строки таблицы:

<TABLE WIDTH="400" BORDER="0" CELLSPACING="2 " CELLPADDING=" 1"> 
<TR> 
</TR> 
</TABLE>

Здесь мы сформировали только одну строку — для примера этого  будет достаточно. Заметим, что тег <TR> может находиться только внутри тега <TABLE>, в противном случае Web-обозреватель обработает его неправильно.

Следующий шаг — формирование ячеек таблицы с помощью парных тегов

<TD>: 
<TABLE WIDTH="400" BORDER="0" CELLSPACING="2 " CELLPADDING=" 1"> 
<TR> 
<TD WIDTH="327">Интернет</TD> 
<TD WIDTH="63">Открыть</TD> 
</TR> 
</TABLE>

Здесь мы поместили в строку две ячейки, содержащие текст Интернет и открыть соответственно. Атрибут WIDTH и в этом случае задает ширину ячейки. Опять же, тег <TD> может  находиться только внутри тега <TR>, иначе Web-обозреватель не сможет его обработать.

Все это может показаться очень сложным. Но на самом деле ничего сложного здесь нет — наоборот, все очень просто, если понять принцип. Более того, подобный способ формирования таблиц исключительно гибок, и именно в жертву гибкости была принесена  компактность HTML-кода таблицы.

В ячейку таблицы можно  поместить все что угодно: сколь  угодно большой текст, графическое  изображение и даже другую таблицу. Нужный код HTML просто помещается внутрь соответствующего тега <TD> .

Если нам необходимо соединить  ячейки, то, выделив соединяемые  ячейки, нажмем на знак соединения, находящийся  в левой нижней части экрана . А если разделить ячейку, то, выделив ячейку, нажмите на знак разделения, находящийся рядом .