Как вставить таблицу в материал?

Часто во многих материалах необходимо создавать таблицы. Рассмотрим как это делается.

1. Откройте материал в который необходимо вставить таблицу (см. Где редактировать материал?). Мы будем создавать простую таблицу:

2. Щелкните в том месте материала, где нужно поместить таблицу. Затем в панели инструментов нажмите кнопку:

3. В появившемся окне внесем следующие данные:

  • Columns: 3 (число столбиков в создаваемой таблице)
  • Rows: 4 (число строк)
  • Cell Padding: 5 (отступ от наружнего края ячейки)
  • Cell Spacing: 5 (отступ от внутреннего края ячейки)
  • Border: 1 (толщина линий в таблице)
  • Widht: 100% (ширина таблицы на странице)

Затем нажмите кнопку "Insert".

 

4. Если все сделано правильно, то в материале появится следующая таблица:

5. Теперь объединим 2 и 3 ячейки в первой строке. Для этого щелкните во 2 ячейке первой строки таблицы. Затем нажмите кнопку:

6. В появившемся окне, в поле "Colums" введите число ячеек, которое необходимо объединить по горизонтали. В нашем примере 2. Затем нажмите кнопку "Update".

 

7. Если все сделано правильно, то таблица будет выглядеть как показано на рисунке:

8. Объединим 1 и 2 ячейки первого столбика. Для этого щелкните в самой первой ячейке мышью. Затем нажмите кнопку:

9. В появившемся окне, в поле "Rows" введите число ячеек, которое необходимо объединить по вертикали. В нашем примере 2. Затем нажмите кнопку "Update".

10. Теперь таблица должна выглядеть как показано на рисунке.

11. Заполним таблицу вписав текст в соответствующие ячейки.

12. Остается выровнять текст в ячейках соответствующим образом. Для выравнивания текста "Цена" по центру, щелкните мышью в этой ячейке, затем нажмите одну из кнопок с нужным выравниванием (по левому краю, по центру, по правому краю, по ширине). В нашем случае нужно нажать вторую кнопку, для выравнивания по центру.

 

13. После выравнивания текста во всех ячейках получим следующую таблицу:

Остается только сохранить материал и выйти из панели управления.

Создание и обслуживание сайта

Новости

В портфолио созданных сайтов добавлен новый веб-сайт компании. Посмотреть дизайн сайта можно в разделе Портфолио