Онлайн Курс «Верстальщик»

Обучайтесь с комфортом, не выходя из дома

Онлайн курс «Верстальщик», сопровождающийся практической отработкой всей полученной информации на практике. Программа курса является авторской, на основе 8-летнего опыта работы в сфере создания и продвижения сайтов.

Форма обучения: индивидуально, онлайн

Количество занятий: 8

Длительность курса: 5 недель

Количество занятий в неделю: 2

Кол-во мест: 2

Преподаватели: Бабич Павел

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

Людям, которые хотят зарабатывать от $600 в месяц и выше

Менеджерам, которые не видят роста и кому надоела нынешняя профессия

Владельцам бизнеса, которые хотят вносить правки в свой сайт самостоятельно

Хотите записаться на курс и получить практические знания?

Сайт — это залог любого интернет бизнеса. И это неудивительно, ведь с этого начинается онлайн бизнес. Чтобы интернет — магазин или же сайт был удобен и работал на все 100%, нужна рука верстальщика. А значит, верстальщик никогда не останется без работы.

Занятие 1. Первое знакомство с HTML и профессией «верстальщик»

Мы разберем:

  • Кто такой верстальщик? Чем такой специалист занимается?
  • Вводная информация о HTML и CSS.
  • Стандарты языка разметки HTML.
  • Понятие базовой структуры HTML документа.
  • Программы, необходимые для создания сайтов.

Занятие 2. Теги. Основные типы тегов. Гиперссылки и изображения

Мы разберем:

  • Основные сведения о тегах. Парные теги и непарные теги. Правила применения тегов. Правила вложений для тега. Обязательные теги при создании сайта.
  • Теги верхнего уровня:
  1. Заголовки.
  2. Блочные элементы.
  3. Строчные элементы.
  • Верхний и нижний индексы.
  • Теги для списков. Создание списков различных типов. Маркированный список. Нумерованный список. Список определений.
  • Создание ссылок. Атрибуты ссылок. Абсолютные и относительные ссылки. Виды ссылок. Якоря.
  • Добавление рисунка. Альтернативный текст. Изменение размеров рисунка.

Занятие 3. Таблицы и принципы табличной верстки. Создание всевозможных форм

Мы разберем:

  • Теги для создания таблиц. Атрибуты, особенности таблиц. Заголовок таблицы. Стили таблицы. Выравнивание таблиц. Объединение ячеек. Вложенные таблицы.
  • Что такое формы. Теги для форм. Методы отправки post и get. Поля для ввода. Элементы форм. Обработчики форм.

Занятие 4. Что такое CSS. Как правильно подключать CSS

Мы разберем:

  • Преимущества стилей. Подключение стилей.
  • Базовый синтаксис CSS.
  • Значения стилевых свойств.
  • Селекторы тегов:
  1. Контекстные селекторы.
  2. Соседние селекторы.
  3. Дочерние селекторы.
  4. Селекторы атрибутов.
  5. Универсальный селектор.

Занятие 5. Верстка макета. Адаптивная верстка

Мы разберем:

  • Обтекание блоков float.
  • Позиционирование и отступы.
  • Верстка под различные устройства.
  • Резиновая верстка.
  • Придание блокам адаптивности.
  • Подключение скриптов:
  1. Внешние скрипты.
  2. Порядок исполнения.
  3. Подключение библиотеки jQuery.
  4. Выполнение javascript.

Занятие 6. Визуальные эффекты в CSS

Мы разберем:

  • Генераторы css кода.
  • Тени и объем для элементов. Тени и стили для текста. Градиенты.
  • Создание и позиционирование кнопок.
  • CSS3 анимации элементов.
  • Кроссбраузерная верстка.
  • Вендорные префиксы.
  • Применение сетки.

Занятие 7. CSS-фреймворки на примере Bootstrap

Мы разберем:

  • Что такое Bootstrap. С чего начинается работа?
  • Система сеток.
  • Мобильная верстка.
  • Выравнивание контента.
  • Растровая и векторная графика.
  • Шрифтовые иконки:
  1. Glyphicons.
  2. Font Awesome.
  3. Анимированые иконки.
  • CSS псевдоклассы:
  1. Псевдокласс :hover.
  2. Псевдокласс :active.
  • Работа с готовыми элементами:
  1. Меню.
  2. Слайдер.
  3. Аккордеон.
  4. Таблицы.

Занятие 8. Фотошоп для верстальщика. Валидность кода

Мы разберем:

  • Фотошоп для верстальщика:
  1. Слои.
  2. Размер элементов.
  3. Нарезка макета и картинок.
  4. Как посмотреть шрифты и цвет.
  • Проверка данных на валидность (проверка кода):
  1. Для чего нужна валидация кода.
  2. Требования к коду W3C.
  3. Валидация CSS.
  4. Написание корректного и эффективного кода.
  5. Сервисы и инструменты проверки кода.

Павел Бабич

Преподаватель, специалист по созданию сайтов на популярных CMS, верстальщик

"Создание сайтов – это хобби, которое появилось у меня очень давно. На сегодняшний день - это хобби переросло в любимую работу и хороший заработок."

Контактная информация: pavel@seopractic.com.ua

Стоимость курса «Верстальщик» 5600 грн*

*При оплате курса до 30 ноября действует 35% скидка на обучение

Первое общение, составление индивидуального графика обучения

Индивидуальное обучение с преподавателем в режиме online, посредством программы skype

Домашние задание, которое направленно на закрепление пройденного материала

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

Соценко Иван
Основатель и руководитель
школы «SEOpractic»