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

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

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



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

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


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

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

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

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

Оглавление

Уроки

Введение

Введение

23.11.2016     1979     5    Введение

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

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

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

24.11.2016     1829     2    Введение

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

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

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

25.11.2016     3054     2    Введение

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

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

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

12.06.2017     1747     0    Введение

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

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

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

01.12.2016     3739     2    CSS

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

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

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

06.12.2016     1742     0    CSS

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

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

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

08.12.2016     2168     0    CSS

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

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

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

20.12.2016     6633     0    CSS

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

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

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

14.06.2017     1758     0    CSS

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

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

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

22.12.2016     2717     0    CSS

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

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

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

10.01.2017     3527     0    CSS

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

Кнопки в Bootstrap

Кнопки в Bootstrap

24.01.2017     2238     0    CSS

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

Поля ввода

Поля ввода

31.01.2017     5635     0    CSS

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

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

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

07.02.2017     3696     0    CSS

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

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

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

14.02.2017     2657     0    CSS

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

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

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

11.04.2017     2514     1    CSS

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

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

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

06.07.2017     2249     0    CSS

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

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

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

14.08.2017     2188     0    CSS

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

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

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

15.08.2017     2330     0    CSS

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

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

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

22.08.2017     2851     4    CSS

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