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

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

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

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

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

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

   Решение

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>

   Решение