Как работать с таблицами

Урок 132 из 383
Автор: Марина Павлова
Сложность урока:
2 уровень - несложные понятия и действия, но не расслабляйтесь.
2 из 5
Просмотров: 53280
Дата изменения: 18.03.2024
Недоступно в лицензиях:
Текущую редакцию Вашего 1С-Битрикс можно просмотреть на странице Обновление платформы (Marketplace > Обновление платформы).
Ограничений нет

Визуальный редактор "1С-Битрикс: Управление сайтом" позволяет легко и наглядно создавать и редактировать таблицы без использования HTML HTML – технические коды, обеспечивающие различное отображение информации. Самый простой пример: выделить текст жирным шрифтом или с подчёркиванием.
Знание и умение применять эти коды - не обязательное, но желательное умение для Контент-менеджера.
кода. Давайте рассмотрим процесс создания и редактирования таблицы.

  Видеоурок

  Как создать таблицу?

Кнопка создания таблицы находится на панели инструментов:

Появится поле , на котором вы мышью выделяете необходимое количество строк и столбцов.

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

Разберем поля формы:

  • Строки/столбцы - количество строк и столбцов в создаваемой таблице.
  • Ширина/высота - размер таблицы в пикселях (можно также задать размеры в процентах, используя знак %).
  • Заголовки - расположение заголовка таблицы (верхняя строка, левая колонка, и сверху и слева).
  • Граница - толщина границы таблицы в пикселях.
  • Внешний/внутренний отступ ячеек - отступы внутри и снаружи ячейки в пикселях.
  • Выравнивание - выравнивание таблицы на странице (слева, по центру, справа).

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

  Как отредактировать таблицу?

Если у вас уже есть таблица, нажмите на нее правой кнопкой мыши для редактирования:

Меню позволяет вставлять ячейки и столбцы, удалять и объединять ячейки и выполнять другие операции по работе с таблицей.

Если вы выберете мышью таблицу, то увидите на панели навигации полную структуру таблицы:

Это удобно для редактирования отдельных элементов таблицы (элементы представлены в виде html-тегов). Просто нажмите на нужный элемент и выберите пункт Свойства.

Внимание! Штатный функционал редактирования не охватывает все возможности html-форматирования. Часть функционала, например: цвет рамки, фон таблицы, индивидуальный размер строк и так далее, можно реализовать только непосредственным редактированием кода таблицы. Для этого используйте режим правки страницы как html-кода и добавьте нужные теги.

  Заключение

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

Желательно это знать:

  • HTMLbook - справочник по HTML

Нам жаль это слышать… Но мы постараемся быть лучше!

Мы благодарны Вам за помощь в улучшении документации.

Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас
Курсы разработаны в компании «1С-Битрикс»