Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


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

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Верстка шаблонов на Bootstrap

Обучающий курс по созданию шаблонов для uCoz на базе фреймворка Bootstrap. По окончанию курса вы научитесь создавать свои шаблоны для uCoz

Оглавление

Уроки

Введение

Введение

23.11.2016     1157     5    Введение

Добро пожаловать в курс, посвященный применение фреймворка Bootstrap на uCoz. Это ознакомительный урок по созданию шаблонов uCoz на базе Bootstrap

Обзор, преимущества, аналоги

Обзор, преимущества, аналоги

24.11.2016     1157     2    Введение

Обзор преимуществ и аналогов Bootstrap. Примеры сайтов uCoz созданных с помощью Bootstrap

Установка Bootstrap на сайт

Установка Bootstrap на сайт

25.11.2016     2065     2    Введение

Из этого урока вы узнаете, как установить фреймворк Bootstrap на сайт uCoz, uWeb. Мы скачаем архив и загрузим на сайт необходимые для подключения файлы

Задание. Размещение тестовой страницы

Задание. Размещение тестовой страницы

12.06.2017     817     0    Введение

На прошлых уроках мы разобрались, как установить Bootstrap на свой сайт. Теперь давайте проверим, как вы это усвоили

Адаптивная сетка CSS для сайта на Bootstrap

Адаптивная сетка CSS для сайта на Bootstrap

01.12.2016     2590     2    CSS

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

Дополнительные возможности адаптивной сетки CSS на Bootstrap

Дополнительные возможности адаптивной сетки CSS на Bootstrap

06.12.2016     938     0    CSS

Обзор дополнительных возможностей CSS сетки Bootstrap: переполнение строк, вложенные ячейки и порядок отображения столбцов

Каркас сайта (конструктор шаблонов). Переменные

Каркас сайта (конструктор шаблонов). Переменные

08.12.2016     1274     0    CSS

В этом уроке мы с помощью фреймворка Bootstrap поработаем над каркасом сайта и изучим доступные в нем переменные

Каркас сайта (конструктор шаблонов). Теги разметки

Каркас сайта (конструктор шаблонов). Теги разметки

20.12.2016     3255     0    CSS

Создание каркаса сайта с помощью конструктора шаблонов uCoz и фреймворка Bootstrap. Обзор тегов разметки

Задание. Создание шаблона с помощью конструктора

Задание. Создание шаблона с помощью конструктора

14.06.2017     833     0    CSS

На прошлых уроках мы разобрались, как установить Bootstrap на свой сайт. Теперь давайте проверим, как вы это усвоили

Оформление текста в Bootstrap

Оформление текста в Bootstrap

22.12.2016     1475     0    CSS

Оформление текста шаблона uCoz с помощью фреймворка Bootstrap: заголовки h1-h6, шрифт, списки, выравнивание, форматирование

Оформление таблиц в Bootstrap

Оформление таблиц в Bootstrap

10.01.2017     1940     0    CSS

На этом уроке вы познакомитесь с инструментами оформления таблиц в Bootstrap. Научитесь оформлять таблицы в едином стиле и в соответствии со своими потребностями

Кнопки в Bootstrap

Кнопки в Bootstrap

24.01.2017     1126     0    CSS

Кнопки в Bootstrap используется чаще всего. Одинаковые и контекстные кнопки для сайта позволяют правильно расставить приоритеты для пользователя.

Поля ввода

Поля ввода

31.01.2017     2478     0    CSS

Поля для ввода используются в интернет магазинах повсеместно: форма поиска, добавление в корзину, оформление заказа, почтовые формы

Формы Bootstrap. Разметка и оформление

Формы Bootstrap. Разметка и оформление

07.02.2017     2044     0    CSS

На этом уроке вы познакомитесь с элементами форм в Bootstrap. Научитесь оформлять формы в едином стиле и в соответствии со своими потребностями

Изображения в Bootstrap

Изображения в Bootstrap

14.02.2017     1504     0    CSS

Настройка стиля для изображений: фото товаров и статей в интернет магазине на Bootstrap

Вспомогательные классы

Вспомогательные классы

11.04.2017     1244     1    CSS

Обзор вспомогательных классов Bootstrap: text-muted, center-block, pull-right/left, sr-only, clearfix и другие. Применение вспомогательных классов на сайте uCoz

«Responsive»-классы в Bootstrap

«Responsive»-классы в Bootstrap

06.07.2017     1096     0    CSS

Чтобы быстро создавать шаблоны, которые будут привлекательно смотреться на мобильных устройствах в Bootstrap существуют специальные классы. О них и пойдет речь в этом уроке.

Практика по CSS в Bootstrap. Текст и заголовки страниц

Практика по CSS в Bootstrap. Текст и заголовки страниц

14.08.2017     1006     0    CSS

В этом уроке мы попрактикуемся в разметке заголовков страницы. Обратим внимание на оптимизацию сайта для поисковых систем.

Практика по CSS в Bootstrap. Характеристики товара на списках дескрипторах

Практика по CSS в Bootstrap. Характеристики товара на списках дескрипторах

15.08.2017     841     0    CSS

Построение списка характеристик товаров интернет-магазина на дескрипторах Bootstrap

Практика по CSS в Bootstrap. Отзывы покупателей

Практика по CSS в Bootstrap. Отзывы покупателей

22.08.2017     1087     4    CSS

Разметка адаптивных отзывов покупателей и добавление аватаров в комментарии пользователей