Главная > Курсы > Курсы по основам веб-технологий | Курсы веб-дизайна | Основы WEB – разработки

HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3

Путеводитель

Веб-технологии

Веб-программирование

Этот курс в нашем Центре
успешно закончили
19929 человек!

HTML and CSS. Level 1. Creation of sites in HTML 5 and CSS 3

РАЭК рекомендует курсы «Специалист»

Планируете сделать веб-технологии своей профессией? Хотите создавать сайты? Работать верстальщиком, web-дизайнером, а может, интернет-маркетологом? У вас есть онлайн-проект, который Вы продвигаете сами? В любом случае, Вам не обойтись без знания HTML и CSS – языков разметки веб-страниц и их внешнего оформления.

Язык гипертекстовой разметки HTML при помощи тегов и других элементов передаёт информацию о том, как построен текст и как он должен выводиться на экран. Язык каскадных таблиц CSS позволяет оформить веб-страницу, задав необходимые цвета, шрифты и другие элементы стиля.

Во время обучения Вы получите начальные навыки работы в HTML и CSS, а также научитесь применять интерактивные возможности последних версий – HTML 5 и CSS 3.

В рамках курса ведется работа над проектом «Создание веб-сайта. Наполнение сайта текстом, изображениями и видео».

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

А еще во время обучения Вы узнаете, что важнее – дизайн или чёткая структура? И как спроектировать сайт таким образом, чтобы он успешно продвигался в дальнейшем?

Программа курса соответствует требованиям профессионального стандарта.

Курс рекомендован Российской Ассоциацией электронных коммуникаций «РАЭК». Его успешное прохождение поможет Вам систематизировать и закрепить имеющиеся знания. Это мощная база для дальнейшего изучения веб-технологий. Курс необходим всем, кто планирует овладеть престижной профессией интернет-маркетолога, веб-верстальщика, контент-менеджера, веб-мастера или веб-дизайнера.

Сделайте первый шаг к освоению современных веб-технологий! Запишитесь на обучение!

Мы гарантируем 100% качество обучения!

По окончании курса Вы будете уметь:

создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
использовать технологию фреймов;
узнаете о новых возможностях HTML 5 и CSS 3;

Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы. Большинство выпускников наших курсов делают успешную карьеру и пользуются уважением работодателей.

Продолжительность курса - 32 ак. ч.

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

Отзывы о курсе

Сурначева Александра Дмитриевна

О преподавателе:
Преподаватель курсов по направлению «веб-технологии», программист JavaScript и PHP, опытный разработчик сайтов.Читать далее

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

Тарасов Алексей Владимирович

О преподавателе:
Талантливый преподаватель-практик, обладатель престижного международного статуса ZCE (Zend Certified Engineer). Сочетает многолетний опыт преподавания и практической разработки. Слушатели любят Алексея Владимировича за доступное и понятное изложение сложных тем, наглядные примеры, помогающие сразу же овладевать материалом, увлеченность своим делом и добрый юмор.Читать далее

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

Гревцов Валентин Валентинович

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

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

Павлов Юрий Евгеньевич

О преподавателе:
Талантливый преподаватель и один из самых лучших специалистов в России по компьютерной графике и веб-дизайну. Научный сотрудник МГТУ имени Н.Э. Баумана, сочетает закалку старой школы и любовь к современным технологиям. За многие годы преподавания в Центре обучил более 4500 слушателей. Постоянно получает самые добрые и благодарные отзывы. Слушатели гордятся тем, что обучались именно у этого преподавателя — настоящего профессионала, доброжелательного человека и талантливого педагога.Читать далее

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

После окончания курса определилась, чем хочу заниматься. Считаю это заслугой преподавателя, правильно выстроенного курса. Полученные до курса знания приобрели структуру, стало понятно что и зачем делать.

Cлушатель: Баздырева Елизавета Сергеевна

Все отзывы по курсу (281)

Истории успеха

Автор истории: Назарова Владлена Владимировна

Ещё в девятом классе я поняла, что хочу быть дизайнером. Мечталось как можно скорее попробовать себя в этой роли. Мои...
читать далее

Предварительная подготовка

Требуемая подготовка: Успешное окончание курса Базовая компьютерная подготовка. Windows и Интернет для начинающих или эквивалентная подготовка.

Рекомендуемая подготовка (необязательная): Успешное окончание курса Машинопись. Слепой десятипальцевый метод печати на клавиатуре или эквивалентная подготовка.

Для определения уровня Вашей предварительной подготовки, рекомендуем Вам пройти бесплатное тестирование.

Получить консультацию о необходимой предварительной подготовке по курсу Вы можете у наших менеджеров: +7 (495) 232-32-16.

Наличие предварительной подготовки является залогом Вашего успешного обучения. Предварительная подготовка указывается в виде названия других курсов Центра (Обязательная предварительная подготовка). Вам следует прочитать программу указанного курса и самостоятельно оценить, есть ли у Вас знания и опыт, эквивалентные данной программе. Если Вы обладаете знаниями менее 85-90% рекомендуемого курса, то Вы обязательно должны получить предварительную подготовку. Только после этого Вы сможете качественно обучиться на выбранном курсе.

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

для печати

	Тема	Ак. часов
	Тема	Ак. часов
	Модуль 1. Введение в HTML Узнаем что такое HyperText Markup Language и что он определяет. Обсудим основные понятия Всемирной паутины: веб-страница, веб-сервер. Узнаем где найти перечень всех HTML-элементов и научимся добавлять разметку в обычный текст. Узнаем что такое атрибуты и зададим их некоторым HTML-элементам на странице. Вставим на страницу символы авторского права и торговой марки, узнаем о том, какие специальные символы ещё существуют. Синтаксис и семантика HTML-элементов Лабораторная работа по созданию сайта по теме занятия	4
	Модуль 2. Структура страницы Разберёмся когда используются элементы форматирования текста, а когда структурные элементы. Разметим страницу index.html своего сайта и проверим работу на валидаторе. Проведём работу над ошибками, найденными на своей странице. Лабораторная работа по созданию сайта по теме занятия	2
	Модуль 3. Создание гиперссылок и работа с ними Вспомним понятие гиперссылки и научимся вставлять элементы гиперссылок на своих HTML-страницах. Поговорим о различиях записи гиперссылок и научимся вставлять необходимые атрибуты (узнаем как открывать результат в новом окне). На лабораторной работе создадим разметку для меню сайта.	2
	Модуль 4. Основы каскадных таблиц стилей CSS Узнаем варианты задания стилей на странице. На лабораторной работе подключим стилевой файл для оформления страницы. Обсудим базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Научимся писать самые распространённые виды селекторов, включая селекторы псевдоклассов и псевдоэлементов. Изменим оформление наших страниц: поменяем цвет фона страницы и её текст, подберём шрифт и зададим оформление отдельным частям текста. Лабораторная работа по созданию сайта по теме занятия	4
	Модуль 5. Размещение изображений, списков и таблиц Научимся размещать на своих страницах медиафайлы: изображения. Рассмотрим неупорядоченный и упорядоченный списки и обновим при их помощи меню своих страниц. Посмотрим как создавать таблицы и объединять в них ячейки. Познакомимся с CSS-свойствами, которые помогут оформить изученные HTML-элементы. Лабораторная работа по созданию сайта по теме занятия	4
	Модуль 6. Iframe Научимся встраивать внешние файлы в страницу. Поговорим о том, куда могут быть встроены наши страницы при помощи HTML-элемента <iframe>. Рассмотрим взаимодействие ссылок с iframe-элементами Лабораторная работа по созданию сайта по теме занятия	1
	Модуль 7. Формы для сбора данных Узнаем для чего предназначаются и из чего состоят формы на веб-страницах. Рассмотрим большинство HTML-элементов формы: текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создадим на своей странице форму обратной связи и обсудим как выполнить её обработку Лабораторная работа по созданию сайта по теме занятия	3
	Модуль 8. Макетирование страницы с CSS Научимся изменять оформление границ, внутренних и внешних отступов HTML-элементов (все варианты записей свойств, а их много) Узнаем как задать ширину и высоту элементам. Затронем свойство float и заставим нужные элементы плавать. Научимся управлять видимостью HTML-элемента Рассмотрим и применим отдельные значения свойства display для размещения элементов в более сложные макеты, в том числе inline-block и table-cell. Лабораторная работа по созданию сайта по теме занятия	4
	Модуль 9. Таблицы стилей для печати и оформления мобильной версии сайта - @media Создадим и подключим стили для оформления нашей страницы при печати, поговорим о других применениях @media. Поговорим о процессе создания мобильной версии сайта и напишем медийные запросы (@media queries) для своих страниц. Узнаем о существовании других медиа свойств (media feature) Лабораторная работа по созданию сайта по теме занятия	3
	Модуль 10. Подготовка, размещение и поддержка сайта в сети Узнаете зачем и как можно использовать элемент meta для размещения мета-информации на страницах. Посмотрим как выбрать хостера, хостинг и разместить сайт в сеть при помощи FTP-клиента. Услышим как упростить процесс размещения сайта в сеть Лабораторная работа по созданию сайта по теме занятия	4
	Модуль 11. Гибкая работа со страницами сайта Узнаем как размещать на своих страницах звуковые и видео-файлы. Обсудим понятие микроразметки и проверки её валидности. Затронем тему генерации содержимого сайта на лету на сервере. Поговорим о динамической работе с HTML-элементами и CSS-свойствами на странице в браузере. Определим нужен ли для вашего проекта HTML5 API	1
	Аудиторная нагрузка в классе с преподавателем	32 +12 бесплатно
	По окончании обучения на курсе проводится итоговая аттестация. Аттестация проводится в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения на курсе.

Ближайшие группы

Данный курс вы можете пройти как в очном формате, так и дистанционно в режиме онлайн. Чтобы записаться на онлайн-обучение, в корзине измените тип обучения на "онлайн" и выберите удобную для вас группу.
Чем онлайн-обучение отличается от других видов обучения?

Все
утро-день [10:00-17:10]
вечер [18:00-21:30]
утро [10:00-13:10]
день [14:00-17:10]
Выходные дни
Онлайн-обучение

Дата	Режим обучения	Место обучения	Преподаватель	Скидка *
Дата	Режим обучения	Место обучения	Преподаватель	Скидка *
07.04.2019 — 21.04.2019	воскресенье вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович	- 40%
02.06.2019 — 16.06.2019	воскресенье вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Стилобат» м.Бауманская	Сурначева Александра Дмитриевна	- 40%
03.06.2019 — 18.06.2019	пн-вт-чт вечер 18:30 — 21:30	«Стилобат» м.Бауманская	Павлов Юрий Евгеньевич	- 10%
26.06.2019 — 12.07.2019	пн-ср-пт вечер 18:30 — 21:30	«Стилобат» м.Бауманская	Сурначева Александра Дмитриевна	- 10%
17.07.2019 — 31.07.2019	ср вечер 18:30 — 21:30 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Стилобат» м.Бауманская	Павлов Юрий Евгеньевич	- 40%
18.07.2019 — 02.08.2019	вт-чт-пт вечер 18:30 — 21:30	«Стилобат» м.Бауманская	Павлов Юрий Евгеньевич	- 10%
05.08.2019 — 20.08.2019	пн-вт-чт вечер 18:30 — 21:30	«Белорусско-Савеловский» м.Белорусская или м.Савеловская	Гревцов Валентин Валентинович	- 10%
08.09.2019 — 22.09.2019	воскресенье вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович	- 40%
10.09.2019 — 25.09.2019	вт-ср-пт вечер 18:30 — 21:30	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Павлов Юрий Евгеньевич	- 10%
01.10.2019 — 17.10.2019	пн-вт-чт вечер 18:30 — 21:30	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Сурначева Александра Дмитриевна	- 10%
26.10.2019 — 09.11.2019	суббота вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Стилобат» м.Бауманская	Гревцов Валентин Валентинович	- 40%
11.11.2019 — 27.11.2019	пн-ср-пт вечер 18:30 — 21:30	«Белорусско-Савеловский» м.Белорусская или м.Савеловская	Усцелемов Вячеслав Николаевич	- 10%
08.12.2019 — 22.12.2019	воскресенье вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Стилобат» м.Бауманская	Борисов Игорь Олегович	- 40%

*Данная скидка действительна при заказе и оплате очного и онлайн обучения только сегодня. Запишитесь прямо сейчас со скидкой!

Дата	Режим обучения	Место обучения	Преподаватель	Скидка *
Дата	Режим обучения	Место обучения	Преподаватель	Скидка *
15.07.2019 — 31.07.2019	пн-ср-пт день 14:00 — 17:10	«Стилобат» м.Бауманская	Гревцов Валентин Валентинович	- 20%
12.09.2019 — 27.09.2019	вт-чт-пт день 14:00 — 17:10	«Стилобат» м.Бауманская	Борисов Игорь Олегович	- 20%
30.10.2019 — 15.11.2019	вт-ср-пт день 14:00 — 17:10	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Павлов Юрий Евгеньевич	- 20%

Дата	Режим обучения	Место обучения	Преподаватель	Скидка *
Дата	Режим обучения	Место обучения	Преподаватель	Скидка *
07.04.2019 — 28.04.2019	воскресенье утро-день 10:00 — 17:10	«Стилобат» м.Бауманская	Сурначева Александра Дмитриевна
07.04.2019 — 21.04.2019	воскресенье вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович	- 40%
25.05.2019 — 15.06.2019	суббота утро-день 10:00 — 17:10	«Бауманский» м.Бауманская	Сурначева Александра Дмитриевна
02.06.2019 — 16.06.2019	воскресенье вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Стилобат» м.Бауманская	Сурначева Александра Дмитриевна	- 40%
09.06.2019 — 30.06.2019	воскресенье утро-день 10:00 — 17:10	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Гревцов Валентин Валентинович
06.07.2019 — 27.07.2019	суббота утро-день 10:00 — 17:10	«Стилобат» м.Бауманская	Сурначева Александра Дмитриевна
04.08.2019 — 25.08.2019	воскресенье утро-день 10:00 — 17:10	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович
07.09.2019 — 28.09.2019	суббота утро-день 10:00 — 17:10	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Сурначева Александра Дмитриевна
08.09.2019 — 22.09.2019	воскресенье вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович	- 40%
28.09.2019 — 19.10.2019	суббота утро-день 10:00 — 17:10	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Павлов Юрий Евгеньевич
06.10.2019 — 27.10.2019	воскресенье утро-день 10:00 — 17:10	«Бауманский» м.Бауманская	Гревцов Валентин Валентинович
20.10.2019 — 10.11.2019	воскресенье утро-день 10:00 — 17:10	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Сурначева Александра Дмитриевна
26.10.2019 — 09.11.2019	суббота вечер 18:00 — 21:00 Очно-заочное обучение Обучение в группе и дома Очные консультации преподавателей по интересующим темам Интенсивная домашняя работа Заочное обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Доступная стоимость Подробнее	«Стилобат» м.Бауманская	Гревцов Валентин Валентинович	- 40%
26.10.2019 — 16.11.2019	суббота утро-день 10:00 — 17:10	«Стилобат» м.Бауманская	Гревцов Валентин Валентинович
09.11.2019 — 30.11.2019	суббота утро-день 10:00 — 17:10	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Павлов Юрий Евгеньевич

Полное расписание курса

Стоимость обучения (рублей)*

Курс может быть заказан согласно ФЗ-44, ФЗ-223 (закупка/аукцион/запрос котировок/конкурсные процедуры)

	с 10:00 до 17:00 Экономия до 20%	Вечер или Выходные Стандартная цена	Онлайн Экономия до 20%	Индивидуальное обучение	Записаться
	с 10:00 до 17:00 Экономия до 20%	Вечер или Выходные Стандартная цена	Онлайн Экономия до 20%	Индивидуальное обучение	Записаться
Частные лица	14 990 11 950	14 990	14 990 11 950	53 600 **
Организации	15 990	15 990	15 990

Вы можете оплатить обучение в кредит от Альфа-банка (не менее 5 рабочих дней до старта группы, сумма кредита 5-200 тыс. рублей, без первоначального взноса). От 800 руб./месяц

Ваша выгода может быть 3 340 рублей

HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3

Веб - дизайн. Визуальное оформление и верстка сайтов

= 33 640 руб.
36 980 руб.

Все варианты комплексного обучения со скидками

*Стоимость указана с учетом скидки. Для юридических лиц (организаций) указана минимальная цена, действующая при полной предоплате.
Центр предоставляет специальную услугу Индивидуального обучения. Длительность индивидуального обучения - минимум 4 академических часа. Стоимость обучения в Москве уточняйте у менеджера. При выездном индивидуальном обучении устанавливается надбавка: +40% от стоимости заказанных часов при выезде в пределах МКАД, +40% от стоимости заказанных часов и + 1% от стоимости заказанных часов за каждый километр удаления от МКАД при выезде в пределах Московской области. Стоимость выезда за пределы Московской области рассчитывается индивидуально менеджерами по работе с корпоративными клиентами.
**Указана минимальная цена за индивидуальное обучение. Число часов работы с преподавателем в 2 раза меньше, чем при обучении в группе. Если Вам для полного усвоения материала курса потребуется больше часов работы с преподавателем, то они оплачиваются дополнительно.