Создание сайта с нуля до интернет-магазина + контекстная реклама: Курсы

Урок 1: Основы HTML

• Что такое сайт? Что такое хостинг и домен? Что такое web-страница? Расширения web-страницы.
• Изучение основных тэгов и атрибутов HTML. Знакомство с кодом страницы, написание кода с нуля в блокноте. Отображение страницы в различных браузерах. Редактирование кода страниц сайта. 
• Практическая работа "Создание веб-страниц сайта"

Урок 2: Оформление web-страниц

• Интерфейс редактора Kompozer, автоматическое генерирование кода HTML с помощью программы Kompozer.
• Добавление картинок: способы вставки картинок на веб-страницу, теги отвечающие за размер, выравнивание, поля и обтекание картинки текстом. Правила добавления картинок на сайт.
• Списки: создание списков, теги формирования списков, использование иерархии тегов отображённой в строке состояния. Свойства маркированного и нумерованного списков, редактирование списков и создание многоуровневых списков.
• Спецсимволы - неклавиатурные символы: вставка символов, правила набора текста, неразрывные пробелы, вставка ударения в тексте, вывод верхних и нижних символов.

Урок 3: Таблицы и гиперссылки

Теги и атрибуты, которые используются для создания таблиц.

Гиперссылки:

• создание гиперссылки
• подсказка к гиперссылке
• ссылки на файлы различных типов
• создание ссылки - изображения
• внутренние ссылки - якоря
• ссылка на почтовый адрес

CSS - создание стиля сайта

Урок 4: Таблицы стилей внутренние и внешние

Внутренний стиль сайта: 

• Тег, отвечающий за внутренний стиль страницы
• что такое стилевая таблица и стилевое правило
• создание стиля заголовков, абзацев, ячеек
• классы
• теги контейнеры
• контекстный селектор
• псевдоклассы

Внешний стиль сайта:

• создание стилевого файла
• подключение стилевого файла к страницам сайта

Приоритеты стилей.

Урок 5: Вёрстка сайта

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

Проектирование главной страницы сайта:

• чистка кода страницы
• создание блоков для основных элементов страницы
• относительное и абсолютное позиционирование блоков на странице сайта
• создание вложенных блоков
• решение проблем переполнения блока

Joomla 2.5/3.0

Урок 6:  CMS Joomla

Установка локального сервера с помощью программы Denwer. Настройка и установка системы управления контентом, русификация панели администрирования и контента сайта. Знакомство с панелью администрирования CMS Joomla.  Что такое шаблон сайта, установка стандартного шаблона на сайт. Что такое отзывчивый шаблон? Где взять качественный шаблон для сайта и риски при установке шаблонов с непроверенных сайтов. Установка шаблона, скачанного в интернете на сайт и тестирование шаблона. Включение меток шаблона. Изменение цветовой схемы шаблона из панели администрирования и с помощью css.

Работа с менеджером категорий и материалов для организации правильной структуры сайта. Настройка редакторов joomla и включение дополнительных возможностей для редактирования материала. Настройка параметров вывода материалов на страницу. Создание вкладок и вывод материалов во вкладках с помощью внешнего плагина. 

Практическая работа "Создание категорий и добавление материалов на сайт"

Урок 7: Меню

Особенности вывода меню в joomla 2.5. Настройка горизонтального и вертикального меню.  Изменение меню и стиля сайта, изменение стиля шаблона, работа с кодом сайта. Создание и вывод нового меню на сайт, добавление пунктов меню.  Вывод материалов: стандартный, в виде блогов, из архива, в виде списка. 

Урок 8:  Модули и компоненты

• Авторизация и регистрация пользователей
• Подключение и настройка форума
• Установка компонента Голосование
• Карта сайта для Joomla 2.5 – Xmap
• Комментарии на сайте и модуль «Самые читаемые», отзывы
• Социальные кнопки, важность и вывод в материалах или в подвале сайта.
• Схема проезда. Активная карта от Google, с приближением карты.
• Часто задаваемые вопросы: установка и настройка компонента
• Вывод и настройка галереи
• Слайд - шоу

Урок 9: Стиль сайта

Редактирования шаблона сайта и его модулей для создания индивидуального стиля сайта. Поиск необходимых файлов для редактирования с помощью браузеров. Добавление логотипа и шапки сайта. Что такое копирайт на сайте и как от него избавиться, ищем и удаляем ненужные ссылки. Что такое favicon и где он отображается. Создание favicona для шаблона вашего сайта. Регистрация хостинга и выгрузка сайта на хостинг для желающих.

Создание интернет магазина  

Урок 10: Установка и настройка

• Установка Joomla
• Установка JoomShopping
• Базовые настройки магазина

Урок 11: Наполнение интернет магазина

• Добавляем категории и выводим
• Добавляем производителей
• Добавляем товары
• Добавляем видео в карточку товара
• Характеристики товара
• Зависимые атрибуты
• Независимые атрибуты
• Свободные атрибуты
• Сопутствующие товары
• Оформление товаров
• Витрина магазина

Урок 12: Настройка процесса покупки

• Корзина
• Регистрация пользователей
• Доставка курьером
• Точный расчёт стоимости доставки
• Фильная настройка процесса покупки
• Оплата курьеру наличными
• Оплата по форме банка ПД-4
• Электронные варианты оплат
• Управление заказами

Урок 13: Юзабилити магазина

• Продающий дизайн
• Добавление материалов
• Вывод модулей и меню
• Поиск и фильтр
• Правильное оформление телефона
• Продающая корзина
• Кабинет пользователя
• Оформление главной страницы магазина

Урок 14: Маркетинг интернет-магазина

• Гарантия и доверие
• Этикетки на товар
• Старая цена
• Скидки
• Отзывы
• Список желаний
• Бесплатная доставка
• Скидка за подписку
• Upsell и Crossell
• Заказ в один клик
• Оформление заказа на одной странице

 Урок 15: Готовый магазин 

• Внешний вид магазина
• Перенос магазина на хостинг

Методика обучения: 100% — практических занятий, только новейшие технологии в разработке сайтов. 

Обеспечение курса: богатый раздаточный материал — с пошаговыми инструкциями с фотографиями, программное обеспечение необходимое для разработки и продвижения сайта.

По окончании: готовый сайт и интернет-магазин на хостинге по Вашей тематике, пошаговый план по раскрутке сайта вашей тематики и дальнейшие рекомендации по развитию сайта от эксперта. Технический аудит сайта. Техническая поддержка в течении года после окончания курсов.