Курс «HTML-верстальщик: основы создания сайтов»

Старт ближайшей группы

10 июня 

Суббота 13:30 — 18:00

11 занятий по 4,5 часа

Длительность: 11 недель

 

Сложность курса: ★★★★☆

 

2 платежа по 2250 грн

вступительный тест записаться на курс Записаться в инкубатор
×

Записаться на курс

×

Записаться Online

После курса вы будете уметь

✓ Cоздавать, верстать сайты

✓ Интегрировать различные скрипты

✓ Работать с CMS системой WordPress

✓ Cоздавать собственные шаблоны для CMS

✓ Освоите Bootstrap, Flexbox

✓ Cоздавать собственные CSS Анимации

✓ Работать с клиентом системой контроля версий GIT

Гарантия возврата средств

Мы считаем, что честность важнее сиюминутного заработка.

Поэтому в Академии IMT действует быстрая и простая процедура по возврату денежных средств, в случае, если у студента больше нет возможности/целесообразности посещать занятия.

Ситуации бывают разные: переезд, выход на работу, длительная командировка и т. д. Наши студенты знают, что мы всегда идем навстречу и максимально быстро решаем вопрос с возвратом при различных форс-мажорных обстоятельствах.

Длительность: 11 недель, 1 раз в неделю по 4,5 часа | Время занятий: с 09:00 до 13:30; 13:30 до 18:00 | Стоимость: 4 500 грн
Сложность курса: ★★★★☆
Записаться: (056) 767 27 67, (097) 441 90 77, (095) 723 98 32 | e-mail: uc@seotech.com.ua

Что Вам даст курс HTML?

  • с нуля освоите логику HTML, CSS;
  • обучитесь установке и редактированию CMS WordPress;
  • научитесь работать с хостингом с помощью FTP-менеджера;
  • собственноручно создадите полноценный сайт;
  • узнаете, как находить, выбирать, устанавливать плагины;
  • овладеете навыками работы с визуальными редакторами;
  • сверстаете свой первый сайт.

Для обучения на курсе верстки вам необходимо

  • icon-01Знать, как пользоваться архиваторами
  • icon-02Уметь работать с текстовыми редакторами
  • icon-03Быть опытным пользователь ПК
  • icon-04Уметь работать с офисными программами
вступительный тест

Кому полезен курс HTML/CSS?

  • icon-01кто хочет стартовать в области разработки сайтов
  • icon-02кто хочет научиться верстать правильные веб-сайты
  • icon-03кто хочет получить практические навыки в HTML-верстке (HTML и CSS)
  • icon-04кто хочет сменить род деятельности и работать на перспективном, растущем рынке

Выпускники работают в:

  • logo-evrodom
  • logo-vodafone
  • logo-pf-soft
  • logo-privat-bank

ОБУЧЕНИЕ НА КУРСАХ ПО СОЗДАНИЮ САЙТОВ в Академии IMT – это:

  • теоретическое обучение HTML-5, подкрепленное многолетней практикой;
  • изучение синтаксиса CSS 3 и HTML 5;
  • получение необходимых инструментов для валидации кода;
  • выполнение практических заданий в аудитории и на дому, направленных на рост ваших профессиональных навыков;
  • поддержка преподавателя-практика, позволяющая исправлять ошибки сразу на занятиях;
  • обмен опытом с остальными студентами, имеющими схожие интересы;
  • уверенная работа с WordPress по окончанию курса.

Девиз курса «HTML верстальщик»: «Ежедневная работа – путь к мастерству верстки». Здесь сконцентрированы самые полезные знания десятков книг по программированию и актуальные вопросы форумов верстальщиков веб-сайтов. Мы систематизировали всю актуальную информацию и составили собственную, в некотором роде, уникальную программу обучения верстке сайтов с использованием HTML5 и CSS3. В конце обучения вас ожидает защита проекта. На занятиях вы получаете опыт, без которого практическая деятельность невозможна. Говоря проще, обучение HTML – это инвестиция в ваше профессиональное развитие.

Заявка на курс

Программа курса HTML

Программа курсов «HTML/CSS верстальщик» в IMT предполагает обучение основам с нуля. Стать WEB-программистом без длительного обучения реально! Обучение на курсах верстки сайтов построено на постоянном применении пройденной теории на практике. Поэтому, что-бы в дальнейшем верстать функциональные и современные веб-сайты и стать востребованным веб программистом — будьте готовы к регулярному выполнению поставленных преподавателем задач, домашних заданий и сдаче экзамена.

  • 1 модуль

    Введение в HTML

    Основы работы сайтов, общие сведения

    Инструментарий

    Программы необходимые для создания сайтов

    Форматы файлов

     

    Теги. Что такое тег?

    Основные сведения о тегах

    Парные теги

    Непарные теги

    Правила применения тегов

    Правила вложений для тега

    Общая структура

    Обязательные теги

     

    Типы тегов

    Теги верхнего уровня

    Заголовки

    Блочные элементы

    Строчные элементы

    Теги заголовка документа

    Блочные элементы

    Строчные элементы

    Верхний и нижний индексы

     

    Списки

    Теги для списков

    Создание списков различных типов

    Маркированный список

    Нумерованный список

    Список определений

     

    Ссылки

    Создание ссылок

    Атрибуты ссылок

    Абсолютные и относительные ссылки

    Виды ссылок

    Якоря

     

    Изображения

    Добавление рисунка

    Альтернативный текст

    Изменение размеров рисунка

     

    Атрибуты для тегов

    Использование цвета

    Размер

    Адрес

  • 2 модуль

    Формы

    Что такое формы
    Теги для форм
    Методы отправки post и get запросов
    Базы данных
    Поля для ввода данных
    Элементы форм
    Атрибуты для форм
    Обработчики форм

  • 3 модуль

    Введение в CSS

    Преимущества стилей
    Подключение стилей
    Базовый синтаксис CSS
    Значения стилевых свойств

     

    Селекторы тегов

    Контекстные селекторы

    Соседние селекторы

    Дочерние селекторы

    Селекторы атрибутов

    Универсальный селектор

     

    Создание макета страницы

    Разбивка на блоки

    DIVная верстка

    Задание размеров элементам

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

    Внешние отступы

    Внутренние отступы

    Схлопывание отступов

    Оформление и изображения

    Работа с фоном

  • 4 модуль

    Верстка макета

    Обтекание блоков float

    Позиционирование и отступы

     

    Адаптивная верстка

    Верстка под различные устройства

    Резиновая верстка

    Придание блокам адаптивности

    Медиа-запросы

     

    Подключение скриптов

    Внешние скрипты

    Порядок исполнения

    Подключение библиотеки jQuery

    Выполнение javascript

  • 5 модуль

    Визуальные эффекты в css

    Генераторы css кода

    Тени и объем для элементов

    Тени и стили для текста

    Градиенты

    Создание и позиционирование кнопок

    CSS3 анимации элементов

    Кроссбраузерная верстка

    Вендорные префиксы

    Применение сетки

  • 6 модуль

    Что такое фреймворки

    Bootstrap

    Начало работы

    Подключение состав и настройка

    Система сеток

    Мобильная верстка

    Выравнивание контента

    Растровая и векторная графика
    Шрифтовые иконки

    Glyphicons

    Font Awesome

    Анимированые иконки

     

    CSS псевдоклассы

    Псевдокласс :hover

    Псевдокласс :active

     

    Работа с готовыми элементами

    Меню

    Слайдер

    Акардеон

    Таблицы

     

  • 7 модуль

    Группирование

    Наследование

    Каскадирование

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

    Верстка выпадающего меню

    Подключение шрифтов

     

    Фотошоп для верстальщика

    Слои

    Размер элементов

    Нарезка макета и картинок

    Как посмотреть шрифты и цвет

     

    Проверка данных на валидность (проверка кода)

    Для чего нужна валидация кода?

    Требования к коду W3C

    Валидация CSS

    Написание корректного кода

    Написание эффективного кода

    Исправление ошибок

    Сервисы и инструменты проверки кода

     

  • 8 модуль

    Создание своего сайта

    Работа с хостингом

    Что такое домен и хостинг ?

    Что такое DNS сервер ?

    Файловая структура

    Создание базы данных для сайта

    Загрузка архива CMS на хостинг

    Процесс установки CMS, подключение к БД

     

    Работа с CMS WordPress

    Интерфейс WordPress

    Основной функционал

    Создание страниц

    Создание записей

    Различие между страницами и записями

    Администрирование CMS

    Плагины, компоненты

     

  • 9 модуль

    Установка самописной темы на WordPress
    PHP связи

    WordPress кодекс

    Формирование страниц при помощи PHP

    Установка болванки

    Подключение динамических путей

     

    Настройка

    page.php

    header.php

    footer.php

    functions.php

    front-page.php

  • 10 модуль

    Верстка одностраничника (landing page)

    Подключение эффектов parallax js

    Подключение видео на фон

    Анимации элементов wow js

    Canvas html5

     

    Системы контроля версий git и github

    Командная разработка проекта

    Работа через удаленный репозиторий git

    Установка клиента smartgit

    Настройка smartgit

    Коммиты

    Команды pull и push

    Решение конфликтов

  • 11 модуль

    CEO для верстальщиков(продвижение в поисковиках)

    История поисковиков

    Индексация

    Настройка файла robots.txt

    Как ускорить индексацию

    Понятие о семантическом ядре

    Что нужно сделать для появления сайта в поисковиках

Софты, которыми пользуются студенты во время обучения

  • smart-git
  • color-mania
  • github
  • photoshop
  • font-awesome
  • flexbox
  • bootstrap
  • sublimetext-html

Кто проводит обучение

  • nikolay-dunaev

    Образование и опыт: ОНЮА. Опыт в WEB-программировании с 2013г.

    • Специализация: верстальщик HTML/CSS
  • ×

    Видео преподавателя

    Бонусы и подарки, которые Вы получите на курсах?

    • Поддержка по окончании курса верстки

      Для студентов курса HTML/CSS в Академии IMT создана закрытая группа в Facebook, где можно проконсультироваться у преподавателя, поделиться своей ситуацией с сокурсниками и получить их комментарии.

    • Диплом HTML/CSS верстальщика

      При успешной сдаче экзамена или защите проекта, вы получаете диплом Академии IMT об успешном прохождении курса верстки.

    • Инкубатор

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

    записаться на курс

    Как проходят занятия по курсу верстки?

    html курс

    Занятия html-5 Курс CSS 3 Обучение css Курс HTML 5 верстальщик сайтов обучение css  Как проходят занятия в группах на курсе HTML Курс по css Курсы html

    отзывы о курсе

    • Егор Черногор

      …  Научился верстать сайт с нуля, понимать алгоритм построения и структуру сайта …

    • Дмитрий Кащавцев

      … Полное базовое знание HTML, CSS. Понимание  HTML редакторов …

    • Виталий Ждан

      … Научился верстать сайты, ставить резину, крепить текст в картинки…

    • Анна Антонова

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

    • Роман Борисенко

      … Получил знания и навыки в создании сайта. Практика работы  HTML и CSS …

    • Александр Драгун

      … Научился с нуля создавать адаптивный  сайт с помощью  НТМL и CSS. Подключать различного рода скрипты …

    • Вадим Удовиченко

      …  Получил общее знания по созданию сайтов …

    • ×

      Видеоотзыв - Юлия Гулая

      Юлия Гулая

      … Курс подан очень доступно и понятно. Отдельно спасибо нашему преподавателю …

    Читать все отзывы
×

Заказ обратного звонка