КУРС HTML:

Вводные сведения об HTML/HTML5

• Базовые принципы работы веб-ресурсов.
• Необходимые инструменты для работы с сайтами.
• Программный минимум: какие программы понадобятся в вашей работе.
• Изучаем теги: что они собой представляют.
• Что необходимо знать о тегах.
• Как применяются теги: сводка основных правил.
• Теговая атрибутика.
  
• Разновидности тегов.
  
• Теги, которые относятся к верхнему уровню.
  
• Как с помощью тегов прописать заголовок сайта.
  
• Парные теги.
  
• Структура HTML документа.
  
• Как строится базовая структура HTML кода.
  
• Маст-хев теги: без каких тегов невозможно построение сайта.
  
• С помощью каких тегов создаются блоки документа.
  
• Какие теги прописывают строки документа.
  
• Какие теги используют для формирования списков.
  
• Теги, с помощью которых формируются таблицы.
  
• Как с помощью тегов прописать фреймы.
  
• Как расшифровывается атрибутика тегов.
  
• Как задать странице цвет и размер, и как прописать адрес.
  

Как с помощью HTML форматировать текст

• Работа с абзацами.
• Выделение заголовков.
• Как выравнивается текст документа.
• Размер кегля, курсив, выделение текста жирным шрифтом, подчеркивание фрагментов текста.
• Написание символов в верхнем и нижнем индексе с помощью тегов.
• Вставка специальных символов.
  
• Вставка ссылок.
  
• Как прописываются относительные и абсолютные.
  
• Что нужно знать о вложенности тега.
  
• Какие атрибуты можно использовать при вставке ссылки в документ.
  
• Как с помощью тегов прописать ссылку на e-mail.
  
• Что такое якорь, для чего он используется.
  
• Работа с изображениями.
  
• Какие форматы можно использовать.
  
• Как добавить изображение на страницу сайта.
  
• Что такое ALT и для чего он нужен.
  
• Как можно изменить высоту и ширину изображения.
  
• Работа со списками.
  
• Какие бывают типы списков, как их создавать.
  
• Какие теги используются для маркированного списка.
  
• С помощью каких тегов выводится нумерация в списке.
  
• Как создается список определений.
  

Работа с таблицами и формами

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

Общее знакомство со стилями CSS/CSS3

• Какие стилистические преимущества можно выделить.
• Как применяются стили к выбранной странице.
• Разновидности типов носителей.
• Основы CSS-синтаксиса.
• Расшифровка свойств стилей.
• Что такое селекторы и как их применяют.
  

Идентификаторы и классы

• Селекторы, которые используются для контекста.
• Селекторы-соседи: что это.
• Какие селекторы называют дочерними и для чего их используют.
• Какие из селекторов подходят для атрибутов тега?.
• Что называется универсальным селектором.
• Элементы с приставкой «псевдо»: -классы и -элементы.
  
• Как группируются псевдоэлементы.
  
• Как наследуются свойства элементов.
  
• Важность правильного каскадирования.
  
• Что относится к классам, а что к идентификаторам.
  

Псевдоэлементы и псевдоклассы

• Типы;
• Классы;
• Как и где применяются.
  

Верстаем блоки

• Рассмотрим DIV’ную верстку.
• Как создается макет.
• Как придать сайту «резиновости».
• Что необходимо для адаптивной верстки страницы?
• Как применяется сетка.
  
• Чем отличается табличная верстка от DIV’ной.
  
• Как располагаются блоки в DIV’ной верстке.
  

Проверяем код: валидация, как она есть

Проверяем код: валидация, как она есть

• Как проверить валидность данных.
• Что необходимо для валидации CSS.
• Как добиться корректности кода.
• Какой код является эффективным и что необходимо для его написания.
• Правим ошибки в коде.
  
• С помощью каких инструментов и сервисов можно проверить код.
  
• Код W3C: базовые требования.
  
• В чём смысл валидации?
  

Позиционирование

• Абсолютное.
• Relative.
• Static.
• Где применяется позиционирование.
  

Флекс. Сетка.

• Flex. Grid.
  
• Составим Performance-стратегию на базе сквозной аналитики, список инструментов аналитики на проекте, ключевые отслеживаемые показатели.
• План работ над проектом, составление бюджета и графика работ, примеры ТЗ специалистам (разработка, дизайн, юзабилити, копирайтинг, SEO-оптимизатор, link building)
• Настройка и оптимизация рекламных кампаний, объявлений, запросов и расширений. Связь Google Ads и GA
• Как посчитать рентабельность контекстной рекламы рекламы. ROMI, ROI, ROAS. Планирование бюджетов и эффективности РК в Keyword Planner, анализ рекламной активности конкурентов (запросы, объявления)
  
• Системы рекламы Facebook и Instagram targeting, отличия от G Ads, настройка ретаргетинга в Fb, как работает FB Pixel
  
• Термины лекции: кабинет, кампания, группа, расширения, аудитории, конверсия, ROAS, CTR, конверсия, РК, Keyword Planner
  

Slider

• BXslider.
• Slickslider.
• Установка, манипуляции.
  

Bootstrap

• Bootstrap
  

JQvery (2 занятия)

• JQvery

Техническая SEO-оптимизация сайтов

• Какие основные ошибки допускают разработчики.
• Сервисы для поиска ошибок.
• Параметры, влияющие на продвижение сайта: H1, Title, Description.
• Зачем верстальщику нужно учитывать юзабилити?