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

Вёрстка сайтов – процесс создания структуры гипертекстового документа на основе 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

video icon
Получите БЕСПЛАТНО видеозапись первого занятия предыдущей группы
Видео будет отправлено Вам в мессенджере WhatsApp
image




img
icon

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

icon
about-icon
Онлайн
24 680 руб
15 190 руб
или 9 490 руб. / мес.
АКЦИЯ В АВГУСТЕ: СКИДКА -40%
  • Обучение по трансляциям
    Группы до 10 человек
    Проверка домашних заданий
    Видеозаписи всех занятий
    Тренинг по трудоустройству
    Сертификат
    Портфолио

icon
about-icon
VIP
36 380 руб
22 390 руб
или 13 990 руб. / мес.
АКЦИЯ В АВГУСТЕ: СКИДКА -40%

  • Занятия в аудиториях
    Группы до 10 человек
    Проверка домашних заданий
    Видеозаписи всех занятий
    Тренинг по трудоустройству
    Сертификат
    Портфолио
    Резюме
    Трудоустройство

icon
about-icon
Стандарт
31 180 руб
19 190 руб
или 11 990 руб. / мес.
АКЦИЯ В АВГУСТЕ: СКИДКА -40%
  • Занятия в аудиториях
    Группы до 10 человек
    Проверка домашних заданий
    Видеозаписи всех занятий
    Тренинг по трудоустройству
    Сертификат
    Портфолио

icon

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

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

1-й месяц


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

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

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

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

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

2-й месяц


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

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

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

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

Программа курса может быть изменена исходя из трендов it-индустрии.
icon

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

icon
HTML
icon
CSS
icon
Bootstrap
icon
Sass/Scss
icon
Less
icon
Photoshop
icon
jQuery
icon
Git
icon
Gulp
icon
Figma
Смотреть больше
icon

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

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

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

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

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

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

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

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

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

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

img
icon

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

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

img
check

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

check

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

check

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

check

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

check

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

icon

Ваши результаты

img

Илья Немченков

Верстальщик сайтов (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. Вёрстка сайтов»‎

2020
Дата выдачи: 1 октября 2019 года
www.it.avenue-pro.ru
Иванов Иван Директор школы
Чесноков Александр Преподаватель курса

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

icon Осталось всего 3 МЕСТА, успейте записаться на курс!

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

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

Подарки к курсу

img
img

icon Привилегии студентам

img

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

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

img

Скидка 15%

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

img

Чат 24/7

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

img

Avenue Bar

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

img

Партнеры

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

img

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

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

img

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

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

img

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

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

Видео курс

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

Потерянный урок

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

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

icon

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

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

icon Осталось всего 3 МЕСТА, успейте записаться на курс!

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

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

Текст курса

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

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

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

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