Что кроется за скучным словом «таблица»? Да ровным счетом ничего. Однако в современном интернете таблица — немаловажный элемент сайта. Более того, при детальном осмотре выясняется, что немалая часть существующих интернет-ресурсов представляют собой обыкновенные таблицы. Данное обстоятельство заставляет меня посвятить очередной урок по работе с системой управления контентом Joomla, работе с таблицами.

{mosloadposition debug}

Нередко пользователи задают следующий вопрос: как разместить несколько изображений в один ряд по центру страницы. Эта проблема решается с помощью создания и последующего применения таблиц. Я предлагаю на примере решения вышеуказанной проблемы разобраться: как создавать таблицы в Joomla, как изменять содержимое ячеек и многое другое.

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

Возможно это покажется банальным, но для того чтобы создать таблицу в системе управления контентом Joomla необходимо нажать на кнопку «Вставить \ редактировать таблицу». Чтобы вам не тратить время на продолжительные поиски этой кнопки я предлагаю обратить взор на расположенный ниже рисунок.

Нажатие на данную кнопку вызовет окно под названием «Свойства таблицы».

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

Строки и Колонки — надеюсь для вас не станет откровением то, что каждая таблица состоит из строк и колонок. Данные текстовые поля позволяют нам ввести необходимое количество и тех и других. Мы помним, что нам нужно разместить три изображения в одну строчку, поэтому в текстовое поле «строки» мы вводим значение «1», а в текстовое поле «колонки» вводим значение «3».

Ширина и Высота — каждая таблица, впрочем, как и многое на этом свете, имеет свои размеры. Здесь нам предлагается указать ширину и высоту таблицы. Данные значения могут быть представлены в пикселях, и в процентах. Один пиксель — это одна точка на экране вашего монитора. Если размер указан в пикселях, то мы говорим о фиксированном размере нашей таблицы. С процентами все немножко сложнее. За 100 процентов берется определенная ширина области экрана, которая выделяется под определенный контент, в данном случае это будет статья, что мирно расположится в основной центральной части сайта.

На рисунке наглядно показано, что 100 процентов — это вся область что выделяется под размещение определенного материала. То есть если нам необходимо, чтобы таблица заняла все пространство данной области по ширине, в поле «ширина», вы выставим значение 100 процентов. Однако значение «высота» мы заполнять не будем. Благодаря этому наша таблица по высоте будет увеличиваться или уменьшаться в зависимости от своего содержимого.

Размер бордюра — если это значение будет не равно «0», то наша таблица будет выглядеть в виде своеобразной решетки, то есть каждая ячейка будет окаймляться рамкой. Толщина этой самой рамки и указывается в текстовом поле «размер бордюра». В нашем случае бордюр — не нужен, поэтому мы выставим в данное текстовое поле «0».
Выравнивание — этот выпадающий список позволяет выровнять таблицу по центру, а также по левой и правой части экрана. Чтобы наши три картинки стояли по середине страницы, мы выбираем значение «по центру».

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

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

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

Теперь когда все параметры введены, мы нажимаем кнопку «Ок» и получаем самую настоящую таблицу. Чтобы вставить туда изображения, последовательно щелкаем мышкой по ячейке и загружаем туда изображения. Как это сделать, подробно описано в статье «Руководство по Joomla. Урок 3. Как вставить картинку?»

После внесения картинок в таблицу мы видим, что каждое изображение выровнено по левому краю. Гораздо эстетичнее будет смотреться выравнивание по центру, поэтому мы нажмем выделим изображение мышкой, а далее нажмем на кнопку с незамысловатым названием «По центру». Такую операцию повторим с каждым изображением.

Как редактировать ячейку?

Система управления контентом Joomla позволяет производить редактирование каждой отдельной ячейки созданной вами таблицы. Чтобы попасть в окно редактирования конкретной ячейки достаточно навести курсор мышки на нее и щелкнуть правой кнопкой мышки. Эта операция позволит вызвать контекстное меню. Бывают случаи когда браузер не дает появиться такому меню, а пишет, что всплывающие окна заблокированы. Несложно догадаться, что решением данной проблемы станет разблокировка всплывающих окон.

После того как появилось контекстное меню, мы наводим мышку на пункт «Ячейка». Нам откроется еще одно меню, которое мы по старой доброй традиции рассмотрим подробнее.
Insert Cell Before — вставить еще одну ячейку перед текущей
Insert Cell After - вставить еще одну ячейку после текущей
Удалить ячейки - позволяет удалить выделенные мышкой ячейки
Соединить ячейки — если несколько рядом стоящих ячеек выделено, этот пункт становится активным. После нажатия две или более ячеек превращаются в одну. Следует знать, что при таком объединении все содержимое ячеек будет утеряно.
Split Cell Horizontally — разбить ячейку по горизонтали.
Split Cell Vertically — разбить ячейку по вертикали. В данном и предыдущем случае текущая ячейка делится на две части, что очень удобно когда нужно сделать не совсем стандартную, но таблицу где количество ячеек по горизонтали и вертикали будет отличаться.
Свойства ячейки — это очень серьезный пункт, нажав на который у нас появится возможность более тонко настроить внешний вид и прочие параметры ячейки. Поэтому смело нажимаем и наблюдаем новое окно:

На первый взгляд настройки этого окна очень сильно похожи на уже знакомое нам «Свойства таблицы». Так как ячейка все таки является частью таблицы не стоит забывать, что ширина и высота ячейки не может превышать ширину и высоту таблицы.
В этом окне существуют несколько незнакомых нам полей. В частности это:
Заворачивание текста — разрешает или запрещает перенос текста в ячейке на следующую строку при привышении размера ячейки по ширине.
Диапазон строк (span) — количество объединенных ячеек начиная с текущей и вправо.
Диапазон колонок (span) — количество объедененных ячеек начиная с текущей и вниз.
Пожалуй самым полезным в плане оформления является кнопка «Цвет фона», которая открывает палитру цветов, где мы выбираем на свой вкус необходимый цвет фона.

Рядом вышеописанной кнопкой располагается «Цвет бордюра», здесь мы можем указать цвет рамки что окружает нашу ячейку. Здесь следует учитывать, что не все браузеры согласятся воспроизводить цвет вашего бордюра, поэтому данный элемент управления без крайней нужды лучше не трогать.
Когда все магические действия по настройке ячейки в частности и таблицы в целом завершены, нам остается только лишь нажать на кнопку «Сохранить» в правом верхнем углу экрана и насладиться зрелищем прекрасных фруктов, что расположились в ряд по центру экрана.
На сегодня собственно всё. На следующем уроке мы поговорим с вами про ссылки, научимся их вставлять в тело статьи, в общем будем продолжать великое дело освоения системы управления контентом Joomla.

С уважением, Гоша Компьютерный

{mosloadposition debug}