Вы можете ознакомиться с инструкцией по управлению системой администрирования сайтами СПбПУ, а также присоединиться к Телеграм каналу, где вы можете задать вопросы специалистам в реальном времени и посмотреть дополнительные обучающие материалы.
Изображения
Для того, чтобы изображения адаптировались под размеры экрана, у тега img не должны быть заданы width и height. Кроме того, к тегу img нужно добавить класс "img-fw". Тогда изображение будет растягиваться на всю ширину родительского контейнера, независимо от своей первоначальной ширины и высоты.
Изображения размещаемые на сайте должны быть оптимизированы для быстрой загрузки веб страниц, на которых они размещаются. Формат непрозрачных изображений: JPEG, Quality:50%. Общий размер изображения не должне превышать 500 кбайт.
Если вы хотите объединять изображения программно в одну галерею, которая будет открываться в отдельном модальном окне изображениям необходимо указать дополнительный класс "img-pop".
Если необходимо расположить два или три изображения в один ряд, использовать следующую структуру:
Цитата
Для оформления цитаты используется тег blockquote. Текст цитаты может быть в параграфах или без. Внутри тега cite указывается источник(название книги, статьи и т.д.). Тег cite не является обязательным. В теге cite, по стандарту W3C не должно быть упоминания автора. Автор цитируемого источника указывается после тега cite.
Аккордеон
В качестве аккордеона используется список. Если располагать аккордеоны внутри списка, то они будут рапологаться друг под другом без верхних и нижних отступов. Если к аккордеону добавить класс bonded, то когда один аккордеон в списке будет открываться, другие будут закрываться.
Таблицы
Для того, чтобы таблица была адаптивная, она должна находиться внутри div с классом table-responsive.
Тегу table присваиваются классы line-table для отображения линий в таблице и stripes-table для расскрашивания строк таблицы.