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

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

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



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

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


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

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

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

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

Оглавление

Уроки

Введение

Введение

23.11.2016     1971     5    Введение

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

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

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

24.11.2016     1820     2    Введение

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

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

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

25.11.2016     3040     2    Введение

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

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

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

12.06.2017     1737     0    Введение

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

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

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

01.12.2016     3689     2    CSS

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

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

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

06.12.2016     1713     0    CSS

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

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

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

08.12.2016     2153     0    CSS

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

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

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

20.12.2016     6583     0    CSS

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

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

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

14.06.2017     1746     0    CSS

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

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

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

22.12.2016     2685     0    CSS

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

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

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

10.01.2017     3495     0    CSS

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

Кнопки в Bootstrap

Кнопки в Bootstrap

24.01.2017     2213     0    CSS

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

Поля ввода

Поля ввода

31.01.2017     5595     0    CSS

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

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

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

07.02.2017     3669     0    CSS

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

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

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

14.02.2017     2637     0    CSS

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

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

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

11.04.2017     2482     1    CSS

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

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

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

06.07.2017     2217     0    CSS

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

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

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

14.08.2017     2158     0    CSS

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

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

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

15.08.2017     2306     0    CSS

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

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

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

22.08.2017     2817     4    CSS

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