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 6068
2. Состав редакции «Бизнес». Часть 1 3:09 0 2323
3. Состав редакции «Бизнес». Часть 2 3:19 0 1769
Установка приложения с помощью Windows-инсталлятора
4. Как скачать 1С-Битрикс 2:07 1 7604
5. Установка 1С-Битрикс 3:30 0 3585
6. Установка 1С-Битрикс на компьютер 2:00 0 2891
7. Параметры администратора сайта 3:32 0 4295
8. Сервисы 1С-Битрикс 1:17 0 2240
Управление настройками интерфейса
9. Управление из публичного раздела 2:26 0 3110
10. Режим «Просмотр». Контент менеджер 2:50 0 3135
11. Режим «Просмотр». Мастер 2:54 0 1721
12. Режим «Редактирование» 2:06 0 2049
13. Режим «Разработка» 2:40 0 1975
14. Интерфейс административного раздела 2:32 0 1822
15. Административная панель управления 2:38 0 3530
16. Административное меню 2:55 0 2029
17. Контекстная панель 1:10 0 1288
18. Управление списками элементов 2:14 0 2072
19. Настройка элементов 2:00 0 1402
20. Работа с формой редактирования 1:54 0 1438
21. Пользовательский интерфейс 0:00 0 1250
22. Визуальный редактор 3:03 0 2638
23. Информационные блоки 1:48 0 2447
24. Редактирование шаблона 1:48 0 7803
Внешний вид редактора
25. Вид панели управления 2:17 0 1496
26. Режим редактирования: коды и кнопки 2:14 0 1374
27. Настройка внешнего вида редактора 2:28 0 861
Работа с текстом
28. CSS стили и визуальный HTML редактор 3:24 0 3223
29. Форматирование текста и шрифтов 3:14 0 1743
30. Копирование и вставка текста 3:01 0 1471
31. Копирование и вставка текста из Word 1:51 0 1297
32. Проверка орфографии 2:02 0 937
33. Словари пользователей 1:44 0 822
34. Добавление специальных символов 0:29 0 937
Работа с графическими данными
35. Загрузка картинок 2:07 0 2988
36. Всплывающая подсказка 2:06 0 1838
37. Размещение и выравнивание картинок 2:38 0 1490
38. Загрузка и размещение видеоролика 1:36 0 1741
Работа с гиперссылками
39. Работа с гиперссылками 2:48 0 1903
40. Ссылка на «Якорь» 2:07 0 2416
Работа с таблицами
41. Работа с таблицами 2:46 1 3159
Панель задач
42. Визуальные компоненты 2.0 2:46 0 2089
43. Вставка скриншота 2:14 0 1244
44. Как сделать сниппет? 2:35 0 2778
45. Как изменить сниппет? 2:37 0 1628
46. Работа с php-скриптом 2:08 1 1985
Дополнительные возможности
47. Разделитель страниц 1:35 0 1849
48. Редактирование шаблона 1:42 0 4408
49. Управление и настройка 3:42 0 2505
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook