CSS стили и визуальный HTML редактор

С этим уроком также смотрят

Этот обучающий видеокурс «1С-Битрикс: Управление сайтом. Бизнес» поможет Вам разобраться во всех тонкостях самой популярной коммерческой CMS России.

Обновлен: 4 сентября 2015

1С-Битрикс: Управление сайтом. Бизнес,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Скачать урок
Текст урока
Форматирование текста. Часть первая
 

Визуальный редактор 1С-Битрикс предоставляет различные средства форматирования текста. Опишем подробнее кнопки и выпадающие списки панели форматирования.

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

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

Так, если в настройках модуля Управление структурой отмечена опция Разрешить в визуальном HTML редакторе выводить стили без названий, то в визуальном редакторе будут выведены все стили из файла styles.css.

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

Названия стилей задаются путем создания файла .styles.php, в котором для стилей указываются названия в формате "имя_стиля" => "название_стиля".

Для создания и редактирования этого файла средствами системы перейдите к форме редактирования шаблона. Здесь на закладке Стили сайта есть раздел Описания стилей, где можно задавать названия к стилям.

Стоит обратить внимание на то, что все стили шаблона разделены на две таблицы стилей, хранящиеся в двух разных файлах. Один из них носит название styles.css и содержит стили для представления внутреннего содержания страниц на сайте. Во втором – с именем template_styles.css – описаны стили для представления шаблона дизайна. Эти стили отображаются при редактировании шаблона сайта с помощью визуального редактора.

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

Посмотрим, какой внешний вид заголовка, соответствует какому коду. С помощью визуального редактора можно менять и шрифт текста. Для задания шрифта используется такой HTML-код.

Где font_name заменяется на название выбранного шрифта из списка доступных: Times New Roman, Courier, Arial, Tahoma, Verdana или Georgia.

Комментарии (0)

Оглавление
О продукте
1. Возможности редакции «Бизнес» 2:01 1 6101
2. Состав редакции «Бизнес». Часть 1 3:09 0 2335
3. Состав редакции «Бизнес». Часть 2 3:19 0 1775
Установка приложения с помощью Windows-инсталлятора
4. Как скачать 1С-Битрикс 2:07 1 7629
5. Установка 1С-Битрикс 3:30 0 3595
6. Установка 1С-Битрикс на компьютер 2:00 0 2900
7. Параметры администратора сайта 3:32 0 4321
8. Сервисы 1С-Битрикс 1:17 0 2253
Управление настройками интерфейса
9. Управление из публичного раздела 2:26 0 3132
10. Режим «Просмотр». Контент менеджер 2:50 0 3154
11. Режим «Просмотр». Мастер 2:54 0 1729
12. Режим «Редактирование» 2:06 0 2058
13. Режим «Разработка» 2:40 0 1983
14. Интерфейс административного раздела 2:32 0 1828
15. Административная панель управления 2:38 0 3561
16. Административное меню 2:55 0 2035
17. Контекстная панель 1:10 0 1292
18. Управление списками элементов 2:14 0 2085
19. Настройка элементов 2:00 0 1405
20. Работа с формой редактирования 1:54 0 1444
21. Пользовательский интерфейс 0:00 0 1254
22. Визуальный редактор 3:03 0 2668
23. Информационные блоки 1:48 0 2451
24. Редактирование шаблона 1:48 0 7871
Внешний вид редактора
25. Вид панели управления 2:17 0 1502
26. Режим редактирования: коды и кнопки 2:14 0 1381
27. Настройка внешнего вида редактора 2:28 0 863
Работа с текстом
28. CSS стили и визуальный HTML редактор 3:24 0 3245
29. Форматирование текста и шрифтов 3:14 0 1756
30. Копирование и вставка текста 3:01 0 1478
31. Копирование и вставка текста из Word 1:51 0 1306
32. Проверка орфографии 2:02 0 943
33. Словари пользователей 1:44 0 825
34. Добавление специальных символов 0:29 0 937
Работа с графическими данными
35. Загрузка картинок 2:07 0 3006
36. Всплывающая подсказка 2:06 0 1854
37. Размещение и выравнивание картинок 2:38 0 1497
38. Загрузка и размещение видеоролика 1:36 0 1753
Работа с гиперссылками
39. Работа с гиперссылками 2:48 0 1908
40. Ссылка на «Якорь» 2:07 0 2451
Работа с таблицами
41. Работа с таблицами 2:46 1 3219
Панель задач
42. Визуальные компоненты 2.0 2:46 0 2091
43. Вставка скриншота 2:14 0 1244
44. Как сделать сниппет? 2:35 0 2828
45. Как изменить сниппет? 2:37 0 1646
46. Работа с php-скриптом 2:08 1 1988
Дополнительные возможности
47. Разделитель страниц 1:35 0 1855
48. Редактирование шаблона 1:42 0 4425
49. Управление и настройка 3:42 0 2517
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook