Программа курса:
"Создание и продвижение Web сайтов"

Тема 1

Что такое web-сайт. Первые шаги.

• Как устроен сайт: структура, внешняя и внутренняя часть
• Типы сайтов, классификация
• Обмен данными с пользователем интернета (клиент-серверная модель)
• Интернет браузеры: принцип работы, отличия разных браузеров
• Обзор HTML (язык гипертекстовой разметки)

Тема 2

Этапы создания сайта. Инструменты работы.

• Обзор ПО редакторов кода (программного обеспечения)
• Грамотная организация рабочего процесса
• Выбор темы сайта
• Разработка концепции
• Функциональность сайта
• Разработка базовой структуры сайта

Тема 3

HTML (первые шаги)

• HTML: развитие языка, синтаксис
• Структура HTML-страницы, шаблоны
• Основные, базовые HTML тэги
• Тэги форматирования текста
• Атрибуты тэгов
• Информационные мета-тэги

Тема 4

HTML (изображения и ссылки)

• Структура каталогов и файлов проекта
• Абсолютные и относительные ссылки
• Работа с изображениями (HTML тэги, форматы и параметры графических файлов)
• Взаимодействие текста с картинками (отступы, обтекание)
• Подготовка и коррекция изображений для сайта (обрезание, уменьшение, цвет. коррекция)
• Графические ссылки, активные кнопки
• Влияние ссылок и картинок на продвижение сайта

Тема 5

HTML (табличная разметка страницы, списки)

• Добавление таблиц (тэги и атрибуты)
• Взаимодействие таблиц с текстом и графикой
• Сложные таблицы
• Списки: маркированные и нумерованные

Тема 6

CSS – каскадные таблицы стилей

• Что такое CSS
• Синтаксис CSS
• Метод применения CSS
• Метод наложения CSS
• Взаимодействие стилей и тэгов
• Адаптация стилей под разные браузеры

Тема 7

HTML (блочная верстка сайтов, слои)

• Создание слоя на странице
• Блок и его свойства
• Взаимодействие блоков на странице
• Блоки, как альтернатива табличной верстке
• CSS для блоков (форматирование, позиционирование, внешний вид, свойства)
• Создание полноценного сайта на основе блочной верстки

Тема 8

WEB-Дизайн

• Юзабилити сайта (дружественный к пользователю интерфейс)
• Главные принципы правильного дизайна сайта
• Грамотные цветовые решения
• Позиционирование элементов на странице
• Подбор шрифтов для текстового контента
• Этапы создания дизайна сайта (идея, набросок, макет, дизайн в PSD)

Тема 9

Конструкторы сайтов. Скрипты.

• Принцип работы конструкторов сайтов
• Плюсы и минусы конструкторов
• Создание сайта с помощью бесплатного конструктора
• Скрипты: javascript, JQuery
• Установка и использование популярных скриптов (галереи, фоны, эффекты, меню, кнопки...)

Тема 10

Домен и хостинг

• Протоколы, стандарты, обозначения (URL, IP-адрес, HTTP, DNS, FTP)
• Выбор, регистрация и обслуживание домена
• Выбор, регистрация и обслуживание хостинга
• Маршрутизация (как пользователь попадает на наш сайт)
• NS серверы (делегирование домена на хостинг)
• Влияние домена и хостинга на работу сайта и его продвижение в поисковых системах
• FTP-клиент: инструмент для обновления контента на сайте
• Публикация сайта в интернете (закачивание на сервер)

Тема 11

CMS — система управления контентом

• Принцип работы CMS
• Типы CMS (платные и бесплатные)
• Выбор CMS под разные задачи
• Установка CMS на сервер
• Готовые шаблоны для CMS (поиск, установка, настройка)
• Модули расширений
• Возможности CMS для продвижения сайта

Тема 12

CMS (первые шаги)

• Установка и настройка CMS Wordpress/OpenCart
• Выбор и установка шаблона
• Создание разделов и страниц сайта
• Создание меню
• Управление изображениями
• Управление контентом с помощью HTML и CSS

Тема 13

Устранение проблем. Администрирование сайта. Секреты.

• Тестирование сайта в разных браузерах
• Бэкап сайта, как наиболее эффективный способ быстрого восстановления при сбоях
• Проблемы индексации сайта поисковыми роботами (Яндекс вебмастер)
• HTML 5.0, CSS 3.0 (новые технологии)
• Принцип администрирования сайтов. Добавление и обновление контента
• Секреты эффективного — продающего сайта. Повышение трафика и конверсии