Учись летом - зарабатывай уже осенью
Знать, как пользоваться архиваторами
Уметь работать с текстовыми редакторами
Быть опытным пользователь ПК
Уметь работать с офисными программами
кто хочет стартовать в области разработки сайтов
кто хочет научиться верстать правильные веб-сайты
кто хочет получить практические навыки в HTML-верстке (HTML и CSS)
кто хочет сменить род деятельности и работать на перспективном, растущем рынке
Девиз курса «HTML верстальщик»: «Ежедневная работа – путь к мастерству верстки». Здесь сконцентрированы самые полезные знания десятков книг по программированию и актуальные вопросы форумов верстальщиков веб-сайтов. Мы систематизировали всю актуальную информацию и составили собственную, в некотором роде, уникальную программу обучения верстке сайтов с использованием HTML5 и CSS3. В конце обучения вас ожидает защита проекта. На занятиях вы получаете опыт, без которого практическая деятельность невозможна. Говоря проще, обучение 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
Как ускорить индексацию
Понятие о семантическом ядре
Что нужно сделать для появления сайта в поисковиках
Опыт в WEB-программировании с 2013 года. С 2016 года руководитель проекта «Инкубатор IMT».
Для студентов курса HTML/CSS в Академии IMT создана закрытая группа в Facebook, где можно проконсультироваться у преподавателя, поделиться своей ситуацией с сокурсниками, получить их комментарии.
При успешной сдаче экзамена или защите проекта, вы получаете диплом Академии IMT об успешном прохождении курса верстки.
Организован с целью инвестирования в студентов и выпускников курсов Академии. Один раз в неделю, участники инкубатора собираются в стенах Академии под руководством преподавателя для выполнения реальных заказов. Полное погружение в реальную командную работу: поиск заказа, сроки, дедлайны, сдача проекта, правки. Теория, выполнение учебных заданий позволяют получить знания, навыки, но только в реальных проектах наши выпускники получают тот самый опыт, который позволит стать самостоятельными специалистами.
По вопросам участия в инкубаторе обращайтесь к преподавателю.
Андрей Хантя
… За весь курс я научился многому…
Константин Королёв
… Всё понравилось, всё хорошо …
Александр Мисюра
… Курсы проходят в хорошем формате …
Егор Черногор
… Научился верстать сайт с нуля, понимать алгоритм построения и структуру сайта …
Дмитрий Кащавцев
… Полное базовое знание HTML, CSS. Понимание HTML редакторов …
Виталий Ждан
… Научился верстать сайты, ставить резину, крепить текст в картинки…
Анна Антонова
… В процессе обучения я научилась верстать сайты, оформлять их, делать красивыми и удобными …
Роман Борисенко
… Получил знания и навыки в создании сайта. Практика работы HTML и CSS …
