ПромоТуризмИскусство

Иногда для корректного отображения определенного контента нужны таблицы. Например список билетов и цен на них. В нашем редакторе есть и такая функция.

Далее мы рассмотрим создание простой таблицы, состоящей из двух колонок и двух строк.

Что бы создать таблицу - нужно открыть менеджер таблиц, кликнув по иконке "Добавить / Изменить таблицу" (35) на панеле инструментов визуального редактора Яблог.нет.

Перед нами появится окно менеджера таблиц, в которое нужно ввести данные о необходимой нам таблице.

tabl2

Давайте рассмотрим параметры этого окна.

  • Столбцы - количество колонок в таблице.
  • Строки - количество строк в таблице.
  • Выравнивание - выравнивание таблицы внутри статьи. Желательно ставить "по центру", для более красивого отображения.
  • Граница - выставленная галочка означает что вокруг таблицы и внутри будет рамочка в 1 пиксель. Цвет границы можно задать в пункте "Расширенные".
  • Ширина - ширина таблицы в пикселях. Максимальная ширина статьи 700px. То есть таблица не должна быть больше этого предела. Так же размер таблицы можно редактировать в редакторе, просто нажав на созданную таблицу и потянуть за уголок.
  • Высота - высота таблицы в пикселях. Максимальный размер таблицы не ограничен, но не стоит делать её слишком длинной, так как это может вызвать неудобство для читателей.
  • Заголовок таблицы - добавляет сверху таблицы дополнительную строку, для написания в ней заголовка таблицы.

tabl3

Настройки таблицы в пункте "Расширенные"

  • Классы - Это поле для программистов, людей которые знают как работать с CSS стилями. Если вы не обладаете этими знаниями это поле нужно оставить пустым.
  • ID - уникальное имя таблицы, служит для дальнейшего использования в сложных статьях. Для простых статей нужно оставить это поле пустым.
  • Стиль - CSS стиль таблицы, обычно он создается автоматически после сохранения таблицы, поэтому не меняйте его если не знаете что такое CSS.
  • Код языка - на данном этапе у сайта только один язык - русский. В дальнейшем сайт возможно будет мультиязычным, добавятся английский и другие языки. А пока оставляете это поле пустым.
  • Фоновое изображение - Вы можете загрузить картинку для фона таблицы. Картинка будет отображаться только в пределах таблицы.
  • Направление языка - Эта функция так же предназначина для будующей мультиязычности. Оставляйте этот параметр без изменений.
  • Цвет границы - Нажав на черную иконку(поумолчанию), можно выбрать цвет в палитре для обрамления вашей таблицы. Также если вы знаете код цвета, можете вписать его в поле со знаком "#". Предварительно нужно поставить галочку в параметре "Граница".
  • Цвет фона - Нажав на черную иконку(поумолчанию), можно выбрать цвет в палитре для фона вашей таблицы. 

Для того, что бы создать таблицу с двумя колонками и двумя строками (два на два) - в параметрах Столбцы и Строки нужно указать значение 2, а так же укажем ширину в 500 пикселей.

В результате мы получим вот такую таблицу.

tabl4

Так же можно быстро создать таблицу кликнув по стрелочке рядом с кнопкой таблицы (35), и выбрать необходимое количество ячеек (максимально 8х8), как на рисунке ниже:

tabl1

 

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

Рассмотрим подробнее инструменты таблицы (так же рассмотрены в разделе "1.1. Элементы редактора").

35  Вставка и редактирование таблиц, открывает главное окно менеджера таблиц.
36  Удаление таблицы - позволяет удалить выбранную в визуальном редакторе таблицу.
37  Параметры строки (row) таблицы - открывает окно с параметрами настройки выбранной строки таблицы.
38  Параметры ячейки таблицы - открывает окно с параметрами настройки выбранной ячейки таблицы.
39  Добавить строку (row) сверху - добавляет дополнительную строку в таблицу.
40  Добавить строку (row) снизу - добавляет дополнительную строку в таблицу.
41  Удалить строку (row) - удаляет выбранную строку.
42  Добавить столбец (col) таблицы слева - добавляет дополнительную колонку.
43  Добавить столбец (col) таблицы справа - добавляет дополнительную колонку.
44  Удалить столбец (col) таблицы - удаляет выбранную колонку.
45  Разбить объединенные ячейки таблицы - разбивает выбранные ячейки.
46  Объединить ячейки таблицы - объединяет выбранные ячейки.

  

1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 [0 Голоса (ов)]
Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Случайные статьи

Франция. Увидеть Париж и остаться в живых.

Франция уже несколько лет подряд является сам...

Живописный, райский уголок – архипелаг Пхи Пхи (Таиланд)

Острова Пхипхи прославил фильм «Пляж», с крас...

Путешествие на Себу (Филиппины)

Всем привет! С вами Лина Лирой и сегодня я ра...

Бангкок (Таиланд)

Бангкок Столица Таиланда удивляет своими кра...

Там, где Сакура цветет. Саппоро (Япония)

Всего лишь час полета, и ты на другой планете...

Провинция Краби (Таиланд)

Краби славится своими красивыми пляжами, но ч...

Что такое сертификат PADI

Слово PADI  расшифровывается, как Prifes...

Топ 10 городов Европы для зимнего отдыха

Европа хороша во все времена года. Чистые ули...

Тур или самостоятельная поездка?

Наверняка у каждого человека хоть раз возника...

Топ 10 куда не дорого поехать отдыхать в апреле

Апрель – это тот месяц, когда горнолыжные кур...

Поиск

СЧЕТЧИКИ

 

 

 

 

Яндекс.Метрика

 

В ОТПУСК.РУ - все о туризме и отдыхе: предложения турфирм,  поиск туров, горящие путевки

 

GidTravel - туризм, информация об странах, городах, местах отдыха