Создание таблиц



Предыдущая | Следующая

Создание таблиц
Поставим текстовый курсор в конце самого последнего абзаца и нажмем клавишу <Enter>, чтобы создать пустой абзац. (Если он уже есть, то его создавать не нужно.) Именно здесь мы и создадим нашу первую таблицу.
Пустая таблица создается выбором пункта Table меню Insert или нажатием комбинации клавиш <Ctrl>+<Alt>+<T>. На экране появится диалоговое окно Table, показанное на рис. 3.19.
В полях ввода Rows и Columns этого окна вводятся, соответственно, количество строк и столбцов создаваемой таблицы. Введем в поле Rows число 5 — пока наша таблица будет содержать пять строк. А в поле Columns введем число 2.

В поле ввода Table width задается ширина таблицы в пикселах или процентах от ширины родителя. В раскрывающемся списке, расположенном справа от этого поля ввода, нужно будет выбрать соответственно пункт pixels или percent. Давайте зададим ширину таблицы, равную 400 пикселов — этого хватит для вывода списка категорий.
В поле ввода Border thickness задается толщина границ таблицы в пикселах. По умолчанию она равна 1. Мы можем ввести 0, чтобы убрать границы совсем; давайте так и сделаем.
В поле ввода Cell padding задается расстояние между границей ячейки таблицы и ее содержимым в пикселах. По умолчанию оно равно 1, пусть таким и остается.
Аналогично, поле ввода Cell spacing служит для задания расстояния между границами отдельных ячеек. По умолчанию оно равно 2 — пусть таким и остается.
Остальные элементы управления нам пока не пригодятся. Поэтому сразу нажмем кнопку ОК. В результате у нас должно получиться что-то похожее на рис. 3.20.

Интересно, что, xqth ранее мы задали нулевую толщину границы таблицы (в поле ввода Border thickness диалогового окна Table), Dreamweaver все равно отобразит так называемую невидимую границу, состоящую из тонких точечных линий. В Web-обозревателе эта граница отображаться не будет. Если бы мы задали ненулевую толщину видимой границы таблицы, Dreamweaver отобразил бы ее в виде сплошной линии.
Теперь поставим текстовый курсор в первую (верхнюю левую) ячейку таблицы и начнем набирать список категорий. Набрав содержимое первой ячейки, нажмем клавишу <ТаЬ>, чтобы переместить текстовый курсор во вторую ячейку таблицы, и продолжим создание списка.
Dreamweaver поможет нам в этом. Когда мы наберем содержимое последней ячейки таблицы и нажмем клавишу <ТаЬ>, он добавит в таблицу еще одну строку. Так что нам не придется заниматься этим вручную. Но если же нам понадобится вставить в таблицу новую строку, нам будет нужно поместить текстовый курсор в любую ячейку строки, над которой требуется вставить новую строку, и либо выбрать пункт Insert Row в подменю Table меню Modify, либо нажать комбинацию клавиш <Ctrl>+<M>.
В результате у нас должно получиться нечто, похожее на рис. 3.21. Пока мы не будем заниматься оформлением текста списка, а лучше поэкспериментируем с нашей первой таблицей.

 

Содержание Книга по php и mysql