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 6192
2. Состав редакции «Бизнес». Часть 1 3:09 0 2366
3. Состав редакции «Бизнес». Часть 2 3:19 0 1810
Установка приложения с помощью Windows-инсталлятора
4. Как скачать 1С-Битрикс 2:07 1 7738
5. Установка 1С-Битрикс 3:30 0 3621
6. Установка 1С-Битрикс на компьютер 2:00 0 2918
7. Параметры администратора сайта 3:32 0 4369
8. Сервисы 1С-Битрикс 1:17 0 2276
Управление настройками интерфейса
9. Управление из публичного раздела 2:26 0 3177
10. Режим «Просмотр». Контент менеджер 2:50 0 3204
11. Режим «Просмотр». Мастер 2:54 0 1757
12. Режим «Редактирование» 2:06 0 2091
13. Режим «Разработка» 2:40 0 2003
14. Интерфейс административного раздела 2:32 0 1846
15. Административная панель управления 2:38 0 3668
16. Административное меню 2:55 0 2051
17. Контекстная панель 1:10 0 1303
18. Управление списками элементов 2:14 0 2129
19. Настройка элементов 2:00 0 1414
20. Работа с формой редактирования 1:54 0 1461
21. Пользовательский интерфейс 0:00 0 1264
22. Визуальный редактор 3:03 0 2771
23. Информационные блоки 1:48 0 2487
24. Редактирование шаблона 1:48 0 8132
Внешний вид редактора
25. Вид панели управления 2:17 0 1515
26. Режим редактирования: коды и кнопки 2:14 0 1406
27. Настройка внешнего вида редактора 2:28 0 869
Работа с текстом
28. CSS стили и визуальный HTML редактор 3:24 0 3315
29. Форматирование текста и шрифтов 3:14 0 1851
30. Копирование и вставка текста 3:01 0 1532
31. Копирование и вставка текста из Word 1:51 0 1353
32. Проверка орфографии 2:02 0 960
33. Словари пользователей 1:44 0 839
34. Добавление специальных символов 0:29 0 954
Работа с графическими данными
35. Загрузка картинок 2:07 0 3115
36. Всплывающая подсказка 2:06 0 1906
37. Размещение и выравнивание картинок 2:38 0 1551
38. Загрузка и размещение видеоролика 1:36 0 1805
Работа с гиперссылками
39. Работа с гиперссылками 2:48 0 1936
40. Ссылка на «Якорь» 2:07 0 2587
Работа с таблицами
41. Работа с таблицами 2:46 1 3410
Панель задач
42. Визуальные компоненты 2.0 2:46 0 2131
43. Вставка скриншота 2:14 0 1250
44. Как сделать сниппет? 2:35 0 2990
45. Как изменить сниппет? 2:37 0 1736
46. Работа с php-скриптом 2:08 1 2002
Дополнительные возможности
47. Разделитель страниц 1:35 0 1887
48. Редактирование шаблона 1:42 0 4500
49. Управление и настройка 3:42 0 2559
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook