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

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

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



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

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


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

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

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

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

Оглавление

Уроки

Введение

Введение

23.11.2016     1181     5    Введение

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

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

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

24.11.2016     1184     2    Введение

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

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

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

25.11.2016     2092     2    Введение

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

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

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

12.06.2017     849     0    Введение

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

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

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

01.12.2016     2636     2    CSS

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

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

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

06.12.2016     959     0    CSS

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

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

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

08.12.2016     1296     0    CSS

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

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

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

20.12.2016     3358     0    CSS

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

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

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

14.06.2017     866     0    CSS

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

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

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

22.12.2016     1527     0    CSS

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

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

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

10.01.2017     1997     0    CSS

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

Кнопки в Bootstrap

Кнопки в Bootstrap

24.01.2017     1165     0    CSS

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

Поля ввода

Поля ввода

31.01.2017     2559     0    CSS

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

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

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

07.02.2017     2091     0    CSS

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

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

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

14.02.2017     1545     0    CSS

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

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

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

11.04.2017     1277     1    CSS

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

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

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

06.07.2017     1115     0    CSS

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

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

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

14.08.2017     1037     0    CSS

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

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

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

15.08.2017     890     0    CSS

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

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

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

22.08.2017     1179     4    CSS

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