Работа с таблицами
65 / 140

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

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

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

  • Выберите место на странице, где бы вы хотели видеть таблицу, установите в это место курсор и нажмите кнопку Вставить таблицу панели редактирования. Появится диалоговое окно:

    Новая таблица

  • Заполните следующие поля формы:
    • Количество Строк и Столбцов;
    • Ширина и Высота таблицы в пикселях или в процентах;
    • Толщина рамки;
    • Выравнивание таблицы;
    • Стиль (В списке перечислены все стили, определенные в системе);
    • Параметры Cellpadding и Cellspacing.
  • После указания всех желаемых параметров нажмите кнопку Сохранить.

Пустая таблица появится на странице. Теперь можете приступать к ее заполнению.

Редактирование существующей таблицы

Если толщина границы равна 0, то просмотреть структуру таблицы можно с помощью кнопки  Показать границы таблиц.

Чтобы отредактировать структуру существующей таблицы, подведите указатель мыши к таблице и кликните правой кнопкой. Появится контекстное меню:

Контекстное меню таблицы

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

Примечание: набор пунктов контекстного меню зависит от объекта, на котором расположен указатель мыши, когда вызывается меню. Например, если вызвать контекстное меню на картинке, которая расположена в таблице, то меню будет содержать и пункты редактирования таблицы и пункт редактирования картинки. Оно примет вид:

Пункты меню таблицы

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

Панель свойств

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

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

Дополнительная возможность в браузере Mozilla Firefox

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

Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и редактирования таблиц с использованием специального интерфейса. (2 минуты 46 секунд, 7.74 Мб.)

Загрузить ролик.

0


 Добавление специальных символов | Описание курса | Работа с гиперссылками