Дніпро

+38 (056) 784-27-67  

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

Курс HTML/CSS:
основи створення сайтів

Тривалість: 2 місяці

Вартість курсу: від 2 460 грн.

Старт найближчої групи

  • Формати навчання:
  • курс в записі - 2 460 грн.
  • у записі з підтримкою - 4 015 грн.
  • Особливі умови оплати:
  • розстрочка без %
  • вимушеним переселенцям
  • випускникам Академії ІМТ

Навчальний процес

Лекції за розкладом через Zoom у real-time форматі

Спілкування з викладачем без затримки

Закритий чат для групи, спілкування та підтримка між лекціями

Особистий кабінет з відео, завданнями та тестами

Как проходит обучение созданию сайтов на курсе?

  • освоите базу HTML/HTML5 и варианты использования CSS/CSS3
  • получаете опыт в установке CMS системы WordPress
  • учитесь и практикуетесь в создании web-страниц, наполненных необходимыми текстовыми и графическими элементами
  • начнете собственноручно создавать полноценные сайты
  • грамотно разработаете интерактивные формы для взаимодействия пользователя с web-сервером
  • начнете эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта

КУРСЫ HTML/CSS В АКАДЕМИИ IMT – ЭТО:

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

Что вы получите, пройдя обучение на курсе

  • За короткий срок вы сможете создавать веб-сайты
  • Практику работы на реальном хостинге
  • Опыт установки и настройки CMS системы, верстку шаблонов
  • ПРОГРАММА КУРСА

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

    - 1 -

    модуль

     

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

    - 2 -

    модуль

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

    - 3 -

    модуль

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

    - 4 -

    модуль

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

    - 5 -

    модуль

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

    - 6 -

    модуль

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

    - 7 -

    модуль

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

    - 8 -

    модуль

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

    - 9 -

    модуль

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

    - 10 -

    модуль

    • Flex. Grid.

    - 11 -

    модуль

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

    - 12 -

    модуль

    • Bootstrap

    - 13 -

    модуль

    • JQvery (2 занятия).

    - 14 -

    модуль

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

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

    Ярослав Лутский
    Ярослав Лутский

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

    получи профессию и зарабатывай

    курс по верстке

    Закрытые чаты поддержки

    В которых идет общение между студентами, кураторами и преподавателями курса. Общение между лекциями, ответы на вопросы.

    html css обучение

    Диплом выпускника

    После успешной сдаче экзамена и защите проекта Вы получаете диплом Академии IMT о прохождении курса Front-end. Диплом имеет уникальны номер для его верификации работодателями.

    обучение html и css с нуля

    Практика на курсе

    Что отличает профи от новичка? Опыт и портфолио! Да, на курсе Вы получаете знания, курс насыщен практикой, но только реальные проекты делают из начинающего профессионала. На курсе студенты делают первые работы в портфолио, получают «боевой» опыт и навыки.

    32e274ddfecb7a0d7f726a1e242ef36f.jpeg

    Видеозаписи занятий, личный кабинет

    Личный кабинет в LMS системе Академии где хранятся все видео записи лекций. Система домашних заданий и конспект лекций. Кабинет доступен в течении 6 месяцев после выпуска.

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

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

    Отзывы о курсе наших студентов

    vanykov-dmitriy.jpg

    Ванюков Дмитрий

    ... Вы супер ...

    vanykov--dmitriy.jpg
    stelmah-olia.jpg

    Штельмах Ольга

    ... Получила начальные навыки ...

    shelmax-olia.jpg
    adrey-hantia.jpg

    Андрей Хантя

    ... За весь курс я научился многому...

    adrey-hantiy.jpg
    dray-aleksandr.jpg

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

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

    dragyn-aleksandr.jpg
    lydmila-bigun-web.jpg

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

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

    filichkina-irina.jpg
    zolotov-denis- html.jpg

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

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

    zolotov-denis.jpg