16 16
admin@art-web.ru
8 800 302-69-27 бесплатный звонок по России
+7 (903) 403-59-27 пн.-пт. с 09.00 до 18.00
Работа с таблицами в редакторе контента JCE
- joomla - руководство пользователя Joomla - Работа с таблицами в редакторе контента JCE

Таблицы в редакторе контента JCE

В редакторе контента «JCE» сайта на CMS Joomla присутствует возможность работы с таблицами.

В редакторе контента «JCE» сайта на CMS Joomla присутствует возможность работы с таблицами. Манипуляции с иконками окна редактора можно вставить или удалить таблицу, вставить или удалить строку или столбец, задать параметры редактирования для всей таблицы, отдельной строки или отдельной ячейки. Элементам таблицы можно присвоить класс, задать границы, фон и многое другое.

Для редактирования содержимого Материала, в том числе вставка, удаление и настройка таблиц, в CMS Joomla используется так называемый ВИЗУАЛЬНЫЙ редактор WYSIWYG (What You See Is What You Get - что видишь, то и получишь).

В материале рассматривается Редактор «JCE» или «Joomla Content Editor» - это сторонний компонент, не входящий в стандартный пакет Joomla. Редактор JCE обладает большими возможностями, чем встроенный и удобнее для пользователя.

Редактор «JCE» предлагается разработчиком в двух вариантах «JCE Core» (бесплатный) и «JCE Pro» (платный). Варианты имеют различные возможности. Основные различия между версиями описаны в материале: «Окно работы с контентом редактора JCE».

С точки зрения работы с таблицами между версиями принципиальных различий нет.

Окно редактора контента «JCE Core» и иконки для работы с таблицами.

Управление процессами вставки, удаления, редактирования таблиц, размещаемых в статьях сайта на CMS Joomla производится манипуляцией с иконками окна редактора. Компонент русифицирован и при наведении мыши на иконку появляется подсказка о ее назначении. Набор иконок настраивается и зависит (особенно расположение) от предпочтений разработчика сайта.

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

Окно редактора контента «JCE Core» и иконки для работы с таблицами.

На изображении показаны иконки для работы с таблицами, которые я как разработчик расположил в третьем ряду. Доступ к ним открывается после разворачивания панели расположения иконок, нажатием на иконку jce editor 03 001.

Вставка таблицы, редактор JCE Вставляем таблицу в место указанное курсором. После нажатия иконки откроется окно Менеджера Таблиц. 
Удаление таблицы, редактор JCE Удаляем таблицу. Иконка становится активной при установке курсора в любое место таблицы. При нажатии на иконку таблица удаляется целиком.
Редактирование строки таблицы, редактор JCE   Редактируем строку таблицы в котрой находится курсор (иконка станет активной). После нажатия иконки откроется окно Свойства Строки.
 Редактирование ячейки таблицы, редактор JCE Редактируем ячейку таблицы в котрой находится курсор (иконка станет активной). После нажатия иконки откроется окно Свойства Ячейки.
Вставить/удалить строку таблицы, редактор JCE Вставить строку таблицы выше/ниже строки в котрой находится курсор, удалить строку.
 Вставить/удалить столбец таблицы, редактор JCE Вставить столбец таблицы слева/справа от столбца в котром находится курсор, удалить столбец. 
Объединить/отменить объединение ячеек таблицы, редактор JCE Объединить/отменить объединение ячеек таблицы.

Вставить/изменить таблицу в редакторе JCE

Для того, чтобы создать таблицу и вставить на страницу сайта, необходимо установить курсор в нужное место окна редактора и нажать иконку jce editor 03 221 . Выпадающий список рядом с иконкой позволяет быстро вставить таблицу с выбранным числом строк и столбцов.

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

Вкладка «ОБЩИЕ» редактора Таблиц JCE

«Столбцы» - Задается количество столбцов таблицы при ее создании.

«Строки» - Задается количество строк таблицы при ее создании.

При редактировании таблицы изменить число столбцов или строк здесь нельзя. Для добавления/удаления строк или столбцов используются другие инструменты.

Вкладка ОБЩИЕ редактора Таблиц JCE

«Отступы в ячейках», «Расстояния между ячейками» - вспомогательные параметры.

«Выравнивание» - Таблицы выровненные по центру страницы смотрятся предпочтительнее. Если выбрана ширина таблицы 100% (относительно ширины страницы) то выравнивание не имеет значения.

«Граница» - Толщина границы. Рекомендуется использовать установку границ при помощи правил CSS, используя поле «Класс» вкладки РАСШИРЕННЫЕ.

«Ширина» - Ширина таблицы. Рекомендуется устанавливать ширину таблицы в процентах (70%, 80% …) от ширины страницы. Фиксированная ширина таблицы превышающая 300px противоречит принципам «отзывчивого» дизайна и страница с такой таблицей будет некорректно смотреться на экранах мобильных устройств.

«Высота» - Высоту таблицы определяет суммарная высота ее строк, поэтому задавать высоту таблицы нет необходимости.

Вкладка «РАСШИРЕННЫЕ» редактора Таблиц

На вкладке РАСШИРЕННЫЕ находятся дополнительные настройки вида таблицы.

Вкладка РАСШИРЕННЫЕ редактора Таблиц

«Классы» - наиболее важное поле для настройки внешнего вида таблицы. В поле можно выбрать предустановленные виды форматирования таблицы, созданные разработчиком сайта классы CSS.

Классы определяют внешний вид тех таблиц для которых они установлены (выбраны). Редактор JCE позволяет установить классы "по умолчанию", т.е. настройки форматирования не будет необходимости выбирать.

Тем не менее может возникнуть необходимость индивидуальной настройки какой-либо отдельной таблицы на странице сайта. Для этого предназначены остальные поля на вкладке РАСШИРЕННЫЕ.

«ID» - уникальный идентификатор таблицы.

Вкладка РАСШИРЕННЫЕ редактора Таблиц

«Фоновое изображение» - путь к изображению на сайте, которое станет фоном таблицы.

Так же можно задать «Границы» (цвет, стиль и ширину) и «Цвет фона».

Остальные поля имеют очень специфическое назначение и используются редко.

Настройка строки таблицы в редакторе JCE.

Для того, чтобы изменить настройки строки, необходимо установить курсор в любое место нужной строки и нажать на иконку jce editor 03 223. Откроется окно работы со строкой, так же имеющее две вкладки.

На вкладке ОБЩИЕ присутствуют поля:

«Строка в таблице» - Задает статус строки в таблице.

  • Заголовок таблицы (добавляет к строке дополнительный тег)
  • Тело таблицы (строки таблицы между тегами)
  • Основание (последняя строка) таблицы (строка таблицы в тегах). Отмеченная этим тегом строка таблицы переносится в ее конец.

Настройка строки таблицы в редакторе JCE.

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

«Высота» - Задает высоту строки таблицы.

Если для поля «Строка в таблице» выбран параметр "Тело таблицы", то в нижней части окна работы со строками становится доступным дополнительный важный параметр в выпадающем списке. Параметр позволяет выбрать к каким строкам тела таблицы следует применить выбранное форматирование. Доступные варианты - "текущая", "четные", "нечетные" или "все" строки.

На вкладке РАСШИРЕННЫЕ находятся дополнительные настройки вида строки, аналогичные по составу с настройками на вкладке РАСШИРЕННЫЕ для всей таблицы. Используются в случае необходимости ИНДИВИДУАЛЬНОЙ настройки какой-либо строки, что бывает крайне редко.

Индивидуальная настройка обычно требуется ПЕРВЫМ строкам таблицы (Заголовкам) или ПОСЛЕДНИМ (Итогам). Но для их настройки достаточно настроить и присвоить класс всей таблице, а для этих строк выбрать соответствующий тег в поле «Строка в таблице»

Настройка ячейки/столбца таблицы в редакторе JCE

Еще реже чем ИНДИВИДУАЛЬНАЯ настройка строки, требуется индивидуальная настройка ячейки, тем не менее такая возможность при использовании редактора JCE у Вас есть.

Для индивидуальной настройки ячейки, необходимо установить курсор в любое место нужной ячейки и нажать на иконку jce editor 03 224. Откроется окно работы с ячейками так же имеющее две вкладки.

На вкладке ОБЩИЕ могут быть настроены: «Выравнивание», «Выравнивание вертикальное» для содержимого ячейки таблицы, «Высота», «Ширина» для ячейки.

Настройка ячейки/столбца таблицы в редакторе JCE

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

На вкладке РАСШИРЕННЫЕ находятся дополнительные настройки вида ячейки, аналогичные по составу с настройками на вкладке РАСШИРЕННЫЕ для всей таблицы или строки. Используются в случае необходимости ИНДИВИДУАЛЬНОЙ настройки какой-либо ячейки.

В некоторых вариантах таблиц может понадобиться изменение вида какого-нибудь СТОЛБЦА таблицы (например первого). В языке HTML, который используется для создания страниц сайта, отсутствует тег для столбца. Для такой ИНДИВИДУАЛЬНОЙ настройки используется форматирование ячеек этого столбца, например присвоением каждой ячейки заранее созданного класса CSS.

Содержимое внутри ячеек таблицы так же можно форматировать как обычный контент (вставлять и изменять текст, изображения, ссылки), используя иконки окна редактора JCE.

Разработка сайтов
Визитка от 15 000 р.
Каталог от 20 000 р.
Магазин от 25 000 р.
Лендинг от 15 000 р.
Дизайн
Логотип от 10 000 р.
Персонаж от 25 000 р.
Продвижение
SEO от 5 000 р.
Контекст от 5 000 р.
Продвижение сайтов Контекстная реклама
Полезная информация

12 декабря 2017

УТП: точка роста в ценовой войне

Как бороться с недобросовестной конкуренцией, когда соседи необоснованно снижают цены? Как повышать свои цены, увеличивая при этом продажи?

Вам поможет УТП - (уникальное торговое предложение)!

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

Основная цель УТП - показать вашу индивидуальность, в которой клиент найдет для себя лучшие выгоды.

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

20 июня 2020

Bitrix VS Opencart: что же выбрать - обзор удобства со стороны клиента

Сравнение CMS магазинов Bitrix VS Opencart от студии Art-Web

Популярность, Системные требования, Функционал, Интеграция с 1С, Стоимость Итог.

1С-Битрикс используют весь спектр рекламных инструментов для привлечения внимания клиентов и создания у них мнимого ощущения потребности в покупке продукта. Bitrix - Взаимная интеграция с другими программами 1С, сумасшедшая популярность в РФ, купленные выступления и рекламные акции, допродажи - как отдельный вид маркетинга.

Opencart - По данным BuiltWith, OpenCart – популярнейшая CMS для интернет-магазинов в русском сегменте. По состоянию на февраль 2019 года с ней работает более 50% ecommerce-сайтов России.

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

  1. Контекстная реклама
  2. Полезные советы перед запуском рекламы на сайт
01 сентября 2019

Подготовка сайта к соответствию требованиям закона о Персональных данных

Новую услугу в области продвижения, развития и поддержки сайтов предлагает компания Аrt-Web внести изменения на сайте в соответствии требований закона о Персональных данных.

С начала июля 2017 года владельцы сайтов, блогов и прочих онлайн-сервисов (например, интернет-магазинов) могут понести серьезные убытки в связи с увеличившейся суммой штрафных санкций за нарушение требований закона о Персональных данных. Значительно упростилась и процедура проверки. Теперь работник Роскомнадзора может перейти на сайт, зафиксировать нарушения и владельцу онлайн-сервиса будет выставлен штраф, сумма которого может составить 75 тыс. рублей. Чтобы избежать этого, необходимо оформить нормативную документацию, привести ее в надлежащий вид и разместить на своем сайте.

Все статьи

в Ижевске - преимущества работы с art-web.ru

Сотрудники art-web.ru

Персональный менеджер

Сотрудничая с нашим маркетинговым агентством, Вы всегда можете быть уверены в перспективах работы ресурса, потому как каждый проект отслеживается менеджером-специалистом. Тщательный анализ, постоянный мониторинг и поддержка позволят Вам всегда быть в курсе нововведений в мире IT, которые могут стать эффективными решениями для развития проекта. Также Вы всегда можете обратиться к менеджеру со всеми интересующими вопросами, в том числе касающимися редактирования сайта!

Экономия времени

Студия дизайна Art-Web экономит Ваше время, потому что время — деньги! Мы заинтересованы в вашем росте и достижении поставленных целей, поскольку от вашего успеха зависит наш!

Работа на результат

Наша команда в Ижевске — профессионалы! Для нас важно, чтобы клиент чувствовал отдачу от сотрудничества, поэтому в работе по мы нацелены на результат!

Постоянный рост эффективности

Каким Вы видите свой сайт? На какие перспективы для своего проекта рассчитываете? Мы дадим вам ответ — сайт удобен, он занимает высокие позиции, приносит либо коммерческую прибыль, либо творческий результат, в зависимости от Вашего направления. Все это доступно в студии дизайна Art-Web. Мы никогда не стоим на месте, двигаемся вперед, совершенствуем свои знания и навыки — именно это и есть залог успеха. Использование современных инструментов и принятие верных решений для развития — надежная формула эффективности!

Немного о нашей студии

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

Что делает наша студия? Занимаясь созданием сайтов, мы осуществляем широкий спект услуг, а именно: проектирование, разработку, дизайн и поддержку. Также к позитивным качествам нашей студии можно добавить то, что мы всегда обсуждаем цену с нашими заказчиками и стараемся найти оптимальный вариант. Объем услуг будет подобран специально под ваши потребности и задачи. Вы можете разбить разработку на несколько частей и, таким образом, проводить оплату только в удобном для Вас объеме.

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

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

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

ТОП 100 веб-студий России
4.8
59 отзывов, 85 оценка
Поставьте нам оценку
Написать отзыв
Ижевск Студия дизайна Art-web
улица 10 лет Октября, 53 426000 Ижевск +7 978 260-17-07
Студия дизайна Art-web
Оценка 0.0 из 5
020242008
16 лет работаем для вас
0
более 1000 реализованных проектов
0
10 сотрудников
0
более 100 проектов на поддержке
0 350 и более активных доменов
0 рублей клиентов реализовали на рекламу за 2016-2024
0 фраз продвигается в поиске
Режим работы веб студии:
ПН. - ПТ. 09:00 - 18:00
СБ. - ВС. выходной
+7 (978) 260-17-07
admin@art-web.ru


Сертифицированное агентство Яндекса грифон от студии art-web

Заказать консультацию

Отправить
Отправляя настоящую форму, я даю согласие на обработку своих персональных данных
Рейтинг Рунета 2023 г.
разработка сайтов
в Симферополе
Рейтинг Рунета 2022 г.
поддержка и развитие
сайта на Joomla
Рейтинг Рунета 2022 г.
разработка и продвижение
сайта на Joomla