📎Курсы HTML CSS 💥 Обучение HTML CSS «с нуля» | Avenue
8 917 552 0333 Все курсы

HTML+CSS
Вёрстка сайтов

Описание курса

Вёрстка сайтов – процесс создания структуры гипертекстового документа на основе HTML разметки. Говоря простыми словами, вёрстка – именно тот инструмент, который отвечает за правильное отображение элементов с PSD-исходника в браузере.

Что такое HTML и CSS?
HTML – язык гипертекстовой разметки. HTML – это «скелет» любой веб-страницы и отвечает за правильное расположение элементов на сайте.
CSS – каскадные таблицы стилей, именно то, что делает «скелет» сайта приятным для просмотра. А именно: добавляет цвета, отступы и позиционирования, картинки и прочее.
10 лет назад верстальщику достаточно было знать только эти технологии для полноценной вёрстки веб-страниц. Однако сейчас дизайну сайтов уделяют особое внимание, ведь именно дизайн сайта заставляет пользователя заходить на сайт снова и снова.
Современный сайт должен взаимодействовать с пользователем: откликаться на курсор мышки, переливаться и «гипнотизировать» посетителя с первых секунд.

Почему именно Вёрстка сайтов?

Это просто
Верстальщик – одна из нетрудных профессий, которую легко можно освоить за пару месяцев. Для первых заказов вам будет достаточно изучить HTML и CSS, основы адаптивности и валидности и один из фреймворков для создания веб-страниц.
Это востребовано
Верстальщики нужные везде, где нужно дорабатывать или поддерживать сайт: от веб-студий до фриланс заказов. Каждый сайт имеет в себе долю HTML и CSS, размещение сайта на хостинге без правильной вёрстки просто не имеет смысла.
Профессиональное развитие
Опыт работы Верстальщиком сайта даст вам представление о структуре веб-документов и научит работать с клиентской частью сайта. А это в свою очередь послужит прекрасным фундаментом для на начала карьеры Front-end разработчика.

Какие перспективы для Верстальщика?

Направления:
Вёрстка web-сайтов
Front-End программист
Javascript программист

Зарплата:
890 $ - стажер
1 150$ - HTML Junior
2 100$ - Front-end Senior





icon Выберите удобный для Вас пакет обучения

Online

18 700 руб или ежемесячно 12 200 руб

Обучение онлайн
Группы до 14 человек
Проверка домашних заданий
Видео всех занятий
Интенсив по трудоустройству

VIP

28 600 руб или ежемесячно 17 160 руб

Обучение в аудиториях
Группы до 14 человек
Проверка домашних заданий
Видео всех занятий
Интенсив по трудоустройству
Раздаточный материал
2 часа индивидуальных занятий
Помощь в трудоустройстве


Standart

22 000 руб или ежемесячно 14 200 руб

Обучение в аудиториях
Группы до 14 человек
Проверка домашних заданий
Видео всех занятий
Интенсив по трудоустройству
Раздаточный материал


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

1 Модуль. Введение в Web-разработку

1-й месяц


Длительность: 21 Ак. Час

По итогам модуля:

  1. Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.
  2. Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.
  3. Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
  4. Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.
  5. Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.
  6. Блочная верстка и Box Model.
  7. Внешний вид: отступы, обтекания, позиционирование и рамки.
  8. Вёрстка интернет-каталога. Сверстаем карточку товара.

Чёткое понимание структуры Web-а. Приобретён навык вёрстки кроссбраузерного сайта.

2 Модуль. Адаптивная вёрстка

2-й месяц


Длительность: 21 Ак. Час

По итогам модуля:

  1. Photoshop и Вёрстка сайтов. Настройка рабочей среды Photoshop для верстальщика. Введение в HTML 5. Начало вёрстки сайта по PSD-макету.
  2. Элементы сайта и работа с ними: чекбокс, радио-кнопка, переключатели. Введение в адаптивную вёрстку.
  3. Desktop и Mobile First подходы. Основные сходства и отличия.
  4. Работа с изображениями на веб-странице. SVG и WEBP. Слайдеры.
  5. Введение в jQuery. Создадим слайдер для сайта. Обзор Animate.css.
  6. Методологии вёрстки: БЭМ, OOCSS, SMACSS, Atomic CSS. Особенности работы с Figma.
  7. Препроцессоры LESS, SASS, PostCSS. Обзор фреймворка Bootstrap.
  8. Git и Gulp. Сборка финального проекта - многостраничного адаптивного и кроссбраузерного сайта.

Умение создавать крутые адаптивные макеты веб-страниц. Приобретено умение создавать адаптивную, мобильную и кроссбраузерную вёрстку веб-страниц.

Смотреть всю программу

iconКурс включает в себя:

iconКому подойдёт этот курс:

  • Новичкам в IT сфере
  • Начинающим Front-end разработчикам
  • Веб-дизайнерам
  • Web-разработчикам

Новичкам в IT сфере

Курс включает в себя всю необходимую информацию, чтобы научиться верстать с нуля. Сверстав пару макетов, вы поймете, правильно ли вы сделали свой выбой. Освойте HTML&CSS и сможете получить хорошо оплачиваемую работу в IT-копании, Веб-студии или заниматься фриланс-проектами.

Начинающим Front-end разработчикам

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

Веб-дизайнерам

Зная детальнее каждый этап реализации конечного продукта, вы сможете предлагать заказчикам максимально осуществимые идеи. Тем более, сегодня, чтобы оставаться востребованным специалистом, нужно постоянно улучшать свои конкурентные навыки, что делает вас более востребованным и незаменимым.

Web-разработчикам

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

icon Что будете уметь при завершении курса?

Ваш финальный проект по завершению курса

check

Верстать любые дизайны веб-страниц

check

Использовать HTML+CSS на уровне «Уверенный пользователь»

check

Работать с фремворком Bootstrap 3

check

Создавать адаптивную и кроссбраузерную вёрстку веб-страниц

check

Будете полностью готовы к трудоустройству на позицию Верстальщик веб-сайтов

Ваше резюме

Анастасия Баранец

Верстальщик сайтов (HTML+CSS)

Заработная плата - 80 000 руб/мес

Ключевые навыки

  • Уверенные знания основ вёрстки сайтов (HTML/HTML5+CSS/CSS3)
  • Глубокое понимание архитектуры веб-разработки и стандартов Web-а
  • Базовые знания Photoshop
  • Умею создавать адаптивную вёрстку
  • Технологии: Less, Sass/Scss, Bootstrap, Bootstrap 3.

Образование

  • IT School Avenue
    Курс «HTML+CSS. Вёрстка сайтов»‎
    2 месяца. (1.08.19 - 1.10.19)

Сертификат

Анастасия Баранец

Успешно завершила обучение по курсу:

«HTML+CSS. Вёрстка сайтов»‎

Дата выдачи: 1 октября 2019 года

Александр Васильев Основатель школы Avenue
Светлана Петрова Куратор курса

icon Хочешь пойти на IT-курсы?

Оставляй заявку и получи бесплатную
консультацию у нашего менеджера.

  • Консультация по курсу
  • Помощи в выборе направления
  • Дополнительные материалы для старта

icon Плюшки Студентам

Сертификат и его онлайн копия

Проявил себя и выжал максимум!

Скидка 15%

Каждому выпускнику Avenue скидка 15% на любой другой курс.

Чат 24/7

Общий чат и постоянная онлайн-поддержка от преподавателя.

Avenue Bar

Безлимит на божественный чай, ароматный кофе и воздушные печеньки.

Партнеры

Отправляем резюме лучших студентов рекрутерам ведущих ІТ-компаний.

Видео всех занятий

Мы ведем видеозаписи всех занятий для всех наших студентов.

Тренинг по трудоустройству

По окончанию курса опытный рекрутер расскажет вам как трудоустроиться.

Закрытая платформа

Студенты автоматически попадают в закрытую платформу нашей школы.

Мы не просто ІТ-школа, мы — ІТ-компания,
которая всегда ищет таланты!
avenue-pro.ru

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

Агашков Денис

Занимается программированием более 6 лет. Зарабатывал опыт в компаниях малого, среднего и крупного бизнеса - Camel, Kari, Otto group. Обладает множеством профильных сертификатов.

  • Создание сайтов (с нуля) и доработка старых
  • Управление сайтами (администрирование)
  • Работа с Базой Данных
  • Интеграция дизайна
  • Программирование (PHP, Javascript)
Образование: РГСУ, специальность "Информатика и вычислительная техника".
Преподаватель курса

Галиев Рустам

Владеет актуальными знаниями в сфере web-разработки. Знает как передать свой опыт. Расскажет как повысить свои шансы с первого раза устроиться в хорошую IT-компанию.

  • 8 лет работает в сфере разработки ПО
  • Освоил все аспекты веб-разработки
  • Умеет качественно и быстро верстать адаптивные веб-страницы и программировать на JavaScript
  • Имеет опыт HR-менеджмента
  • Работает программистом в Software-компании
Образование: Московский Университет Связи и Информатики, Финансовый Университет при Правительстве РФ.

Пропустил занятие?

Не страшно, мы ведем видеозапись лекции и она будет доступна в личном кабинете на закрытой платформе Avenue!

icon Наши выпускники

icon Хочешь пойти на IT-курсы?

Оставляй заявку и получи бесплатную
консультацию у нашего менеджера.

  • Консультация по курсу
  • Помощи в выборе направления
  • Дополнительные материалы для старта

Курсы HTML+CSS. Вёрстка сайтов

Курсы html в Avenue 16+ – первая ступень в вашей карьере IT-специалиста.
Если вы хотите стать верстальщиком высшего класса тогда обучение html в Avenue 16+ – ваш выбор! Мы обучаем html на практике, на каждом занятии вы будете обучаться вёрстке методом «повторения за рукой мастера». После каждого занятия курса вёрстки у нас на руках будет готовая часть (верстка) веб-страниц реального сайта!
Курс html в Avenue 16+ это «выжимка» всех технологий и программ, которые нужны для разработки фронтенда сайта. Окончив курс верстки, вы сможете верстать веб-страницы любой сложности по PSD-макету.
Обучение вёрстке в Avenue 16+ – лучший метод обучения html.

После окончания обучения на курсах html вы будете:
1. Понимать структуру веб-а.
После обучения вёрстке в Avenue вы не только сможете верстать страницы любой сложности, но и будете досконально разбираться в структуре веб-а, протоколах, доменах и хостингах и проч.
2. Использовать HTML+CSS на «полную».
Курс вёрстки нацелен на практическое освоение верстки студентами IT-школы Avenue. Во время курса html наши преподаватели будут давать вам реальные задания, которые помогут вам обучится мастерству верстки сайтов всего за 2 месяца.
3. Верстать макеты любой сложности.

Финальный проект курса верстки сайтов 16+ – реальная вёрстка сайта по продаже мебели. Мы создали этот учебный проект, чтобы обучить наших студентов html и css на реальном примере.
Сверстав этот сайт « с нуля» вы будете готовы к реальным проектам с бирж фриланса.