Днепр

+38 (056) 767-27-67  

Все телефоны ▼

HTML-ВЕРСТАЛЬЩИК:
ОСНОВЫ СОЗДАНИЯ САЙТОВ

Продолжительность: 11 недель

Стоимость курса: 4500 грн

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

  • 13 мая
  • Суббота (13:30 - 18:00)
  • 11 занятий по 4,5 часа
  • Длительность: 11 недель

Для кого полезен курс HTML и CSS

Для тех, кто хочет стартовать в области разработки сайтов

Для тех, кто хочет научиться верстать правильные веб-сайты

Для тех, кто хочет получить практические навыки в HTML-верстке (HTML и CSS)

Для тех, кто хочет сменить род деятельности и работать на перспективном, растущем рынке

Как проходит обучение на HTML курсе?

  • Сможете создавать web-страницы, содержащие все необходимые элементы (текстовое и графическое наполнение, гиперссылки)
  • Самостоятельно создадите сайт, выстроив необходимую структуру меню и категорий
  • Научитесь разрабатывать формы для взаимодействия с пользователями (заявки, обратная связь)
  • Изучите основы языка разметки HTML и способы применения CSS
  • Научитесь устанавливать CMS систему WordPress
  • Получите необходимые навыки работы с хостингом

ОБУЧЕНИЕ ВЕРСТКЕ В АКАДЕМИИ IMT – ЭТО:

  • Практикующий специалист
  • Проверка домашних заданий, улучшающих Вашу верстку
  • Выжимка информации, необходимой для получения основных навыков верстки сайтов
  • Отфильтрованная и систематизированная информация
  • Работа с практиком, прошедшим этапы проб и ошибок
  • Вы научитесь верстать сайты с макетов

Что вы получаете после курса HTML/CSS?

Пройдя курс создания сайтов HTML+CSS, вы научитесь создавать сайты и получите отличную базу для развития в сфере web-разработки. Курс основан на опыте практикующих программистов, разрабатывающих сайты и интерфейсы различной сложности с 2009 года.

ПРОГРАММА КУРСА 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
  • Как ускорить индексацию
  • Понятие о семантическом ядре
  • Что нужно сделать для появления сайта в поисковиках
Показать всю программу

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

dynaev.jpg
Николай Дунаев

Сделайте старт в IT

Получите профессию верстальщика

БОНУСЫ И ПОДАРКИ, КОТОРЫЕ ВЫ ПОЛУЧИТЕ НА КУРСАХ

seo-1.jpg

Поддержка после курса верстки

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

seo-1.jpg

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

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

seo-1.jpg

ИНКУБАТОР ДЛЯ ВЫПУСКНИКОВ

Что отличает профи от новичка? Опыт и портфолио! Да, на курсе вы получаете знания, курс насыщен практикой, но только реальные проекты делают из человека со знаниями Профессионального Верстальщика. В Инкубаторе выпускники получают первые работы в портфолио и рекомендации, первый гонорар, «боевой» опыт и навыки работы на IT-рынке. Вчерашние выпусники бесплатно получают помощь преподавателя, тренируются и зарабатывают. Вместе находим проекты, вместе работаем над ними, вместе отвечаем за результат. Собираемся 1 раз в неделю в Академии. Инкубатор – кузница профессионалов HTML.

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

Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в

Что студенты пишут о курсе?

lydmila-bigun-web.jpg

Ирина Филичкина

... Данный курс стал для меня очень полезным. Николай доносил информацию очень доходчиво и понятно ...

filichkina-irina.jpg
lydmila-bigun.jpg

Людмила Бигун

... На занятиях IMT прекрасная атмосфера, огромное количество занятий подается за небольшой промежуток времени...

bigyn-lydmilla.jpg
vadim-kozak.jpg

Вадим Козак

... Все понравилось, много новых знаний ...

kozak-vadim-html.jpg
maksim-dray.jpg

Максим Драй

... На курсе получил базовые знания, определил для себя направление в котором буду двигаться дальше...

dray-maksim.jpg
hylaia-yuliya-html.jpg

Юлия Гулая

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

hylaia-yuliya.jpg
zolotov-denis- html.jpg

Денис Золотов

… Получил полный курс знаний по верстке HTML, CSS …

zolotov-denis.jpg