Как изменять Дизайн шаблона за 5 минут

видеокурс - 49 видеоуроков

Прохождение на любом компьютере

сразу после загрузки

2017

 

 

Пример видео из курса

          

Курс показывающий как изменять дизайна шаблона самостоятельно

ПРАКТИКА

На основании более 2-х лет опыта,
при работе с разными сайтами

49 видеоуроков, объемом 10 часов.

НОВЫЙ СПОСОБ

Быстрое решение,
как изменять дизайн и при этом
не вдаваться во все подробности.

Используются возможности браузера
и записи изменений в файлах, при помощи оформления CSS.

НА ПРИМЕРЕ CMS JOOMLA

Правки осуществляются
на примере реального сайта на Joomla,
с примерами изменения файлов от А до Я

 

Разделы курса:

1. Принципы изменения дизайна

2. Основы HTML и CSS

3. Изменение Дизайна в реальном времени

4. Структура шаблонов

5. Изменение дизайна на практике

В курсе производится подробный разбор ВСЕХ частей сайта: как блочных составляющих, так и элементов типографики. 

В каждом отдельном видеоуроке подробно разбирается определенное составляющее сайта: производится анализ HTML структуры и стилей оформления этого элемента. Используются различные вариации оформления для разных случаев.

Изменение Дизайна фона, шапки, контейнера, блоков, меню, текста, изображения, кнопок, ссылок, форм. таблиц и мн. др.

На реальных примерах:

         

 

 

Этапы изменения дизайна

 

1. Выбор элемента и просмотр кода

 

2. Уточнение элемента

 

3. Уточнение дизайна элемента

 

4. Изменение дизайна элемента

 

5. Сохранение изменений в файле

 

6. ГОТОВО!

 

В курсе, подробным образом, изучаются стили CSS с помощью которых производится изменение. Изучаются отдельные стили и применяются для конкретной части сайта.

Уделено внимание правилам и примерам того, как с помощью всего этого можно создавать уникальное оформление. В некоторых местах производятся изменение внутренней структуры HTML разбирается изменение расширений.

На примере CMS Joomla производиться анализ шаблонов, настроек и изменение расширений. Рассматривается создание элементов с необходимым классами в материале и выводом на сайте. Однако знания используемые в курсе применимы для сайтов на любых других CMS.

Google Chrome - браузер, благодаря которому любому новичку, без труда становиться возможным создавать собственный дизайн. Браузер предоставляет все доступные средства и позволяет изменять дизайн в режиме реального времени.

Дизайн шапки

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

Дизайн контейнера

Производится изменение дизайна основного контейнера. Разбираются различные вариации фона, отступов, форм и теней.  

Дизайн блоков

Производится изменение дизайна блочных элементов. Разбираются различные вариации оформления фона, текста внутри блоков, теней и мн. др.

Дизайн меню

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

Дизайн текста

Производится изменение дизайна тестового содержимого. Разбираются различные вариации оформления шрифта, размера текста, теней, высоты строки и мн. др. 

Дизайн заголовков

Производится изменение дизайна заголовков. Разбираются дополнительные вариации оформления google шрифтов, стилей текста, фонового цвета и мн. др. 

Дизайн изображений

Производится изменение дизайна для любых картинок на сайте. Разбираются различные вариации оформления границы, фона, теней, округлых краёв мн. др.

Дизайн кнопок

Производится изменение дизайна для любых кнопок на сайте. Разбираются различные вариации оформления градиента, границ, теней  и округлых краёв. 

Дизайн списков и ссылок

Производится изменение дизайна для ссылок и списков. Разбираются различные вариации оформления текста, теста при наведении, нажатии,оформление элементов списка, картинок в списках.

Дизайн форм

Производится изменение дизайна для форм с полями. Разбираются различные вариации оформления фона полей, теней, границ, эффектов при наведении и мн. др. 

Дизайн таблиц

Производится изменение дизайна для разных таблиц на сайте. Разбираются различные вариации оформления строк, ячеек и основы таблицы. 

И другие элементы...


Пример изменения градиента в меню:

 

 

Пример изменения теней в текстах и блоках:

 

Пример изменения прозрачности в меню:

 

Пример изменения главного фона сайта:

 

Пример изменения округлых краев блока:

 

 

 

ШПАРГАЛКИ

    

Специально подготовленные для курса шпаргалки, позволяющие без особых усилий воспользоваться правилами CSS и выбрать необходимые стили

По завершении каждого урока, вам представляется быстрый способ освоения темы(элемента) - это провести указанное действие в любом сайте.

Специально для курса были подготовлены уникальные презентации, которые отражают суть нового урока. Каждое новое видео сопровождается новым слайдом. 

Заказ курса

+ В подарок

 ++

990 руб.

Уникальная практическая информация

Спешите купить!

Контактные данные:

тел: +79081192008

email: Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.

Выгодное предложение ограничено!

 

Содержимое курса

Курс представляет собой HTML-сайт с пошаговыми видеоуроками и доп. материалами.

Освоение курса проходит у себя на компьютере в свободном режиме, путем просмотра видеоуроков.

Чтобы пройти весь курс необходимо изучить от 1 до 49 видеоурока поочередно.

К каждому видеоуроку предоставляется обязательное задание для закрепление изученного.

После оплаты вы получите ссылки на скачивание и сразу сможете запустить.

Скриншот курса

После оплаты вы получите ссылки на скачивание и сразу сможете запустить.