После изучения главы рекомендуем выполнить несколько практических заданий. Их можно выполнять:

1. на тестовой виртуальной лаборатории bitrixlabs.ru предоставленной компанией 1С-Битрикс
либо
2. на установленной на локальный компьютер пробной версии 1С-Битрикс: Управление сайтом

Первый вариант проще: Виртуальная лаборатория предполагает установку системы в упрощённом, в отличие от локальной версии 1С-Битрикс: Управление сайтом, варианте. Достаточно нажать кнопку Создать Демо сайт , придумать логин / пароль и выбрать решение. При такой установке для получения идентичного изображения у пользователя и на скриншотах заданий выберите на шаге Решение для установки: Интернет-магазин . На остальных шагах менять установки по умолчанию не нужно.

Минус первого варианта в том, что сайт на виртуальной лаборатории "живёт" только 3 часа. Но для выполнения практических заданий в рамках главы этого вполне достаточно. После изучения следующей главы можно заново создать сайт.

Практические задания состоят из вопроса, скриншота или видео с конечным результатом и объяснением как это получить в спойлере. Не торопитесь подглядывать в спойлер.

1. Отредактируйте страницу Тест Например, таким образом:

   

   , созданную при выполнении заданий к главе "Управление структурой":
   1. Вставьте абзац произвольного текста и отформатируйте произвольные слова:
      • выделите жирным;
      • подчеркните;
      • измените цвет и фон текста.
   2. Добавьте заголовок текста в стиле Заголовок 3;
   3. Задайте в тексте ссылку на сайт http://1c-bitrix.ru/ с любого слова;
   4. Добавьте ещё строку текста, выделите курсивом и отформатируйте её по правому краю;
   5. Разместите на странице произвольное изображение, загруженное с локального компьютера и установите для него масштаб 30%;
   6. Создайте таблицу из 5 столбцов и 6 строк:
      • Задайте для таблицы ширину и высоту: 200х300;
      • Верхнюю строку сделайте заголовком;
      • Выравнивание: по центру;
      • Введите любые данные в ячейки таблицы.

   Решение
   Задание составлено по материалам уроков: Где используется редактор Форматирование текста Как работать со ссылками Как работать с таблицами Как загрузить и разместить изображение Результат:

2. Создайте сниппет и разместите его на странице. Код сниппета:

   <table cellspacing=0 cellpadding=0>       
     <tbody>
       <tr bgcolor="white">
       <td bgcolor="#8C8C8C">       
       <table cellspacing="1" cellpadding="5">          
             <tbody>
               <tr bgcolor="silver"><td colspan="2"><b>Заголовок таблицы</b> </td></tr>
                       
               <tr bgcolor="white"> <td><b>1</b></td> <td>2</td> </tr>
             
               <tr bgcolor="#EEEEEE"> <td><b>3</b></td> <td>4</td> </tr>
              </tbody>
            </table>
                </td></tr>
      </tbody>
   </table>

   Решение
   Задание составлено по материалам урока: Внешний вид редактора Результат: