Частным лицам: +7 (495) 232-32-16
Корп. клиентам: +7 (495) 780-48-44

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




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

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

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

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

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

Cлушатель: Николаева Василиса Владимировна


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

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

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

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

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

Требуемая подготовка: Успешное окончание курса Базовая компьютерная подготовка. 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
бесплатно
 
  По окончании обучения на курсе проводится итоговая аттестация. Аттестация проводится в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения на курсе.  

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

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

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

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

Курс может быть заказан согласно ФЗ-44, ФЗ-223 (закупка/аукцион/запрос котировок/конкурсные процедуры)
с 10:00 до 17:00
Экономия до 15%
Вечер или Выходные
Стандартная цена
Онлайн
Экономия до 15%
Индивидуальное обучение Записаться
Частные лица 14 990 12 700 14 990 14 990 12 700 53 600 **
Организации 15 990 15 990 15 990

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

HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3 + Веб - дизайн. Визуальное оформление и верстка сайтов = 33 640 руб.*
36 980 руб.
*Данное предложение действует только для частных лиц.

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

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

Документы об окончании

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

БУХ

Удостоверение*

Cert_Common

Свидетельство

Cert_Inter

Cертификат международного образца

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

Сертификаты международного образца выводятся после окончания курса в личном кабинете слушателя.

Все документы Центра

Актуальные новости

Праздничная акция ко Дню программиста

Праздничная акция ко Дню программиста

13 сентября программисты празднуют свой профессиональный праздник. Учебный центр «Специалист» при МГТУ им. Н.Э. Баумана поздравляет всех, кто связан с профессией программиста! Желаем успехов и профессионального развития! И в честь праздника дарим скидку в размере 10% на обучение по курсам «Программирование и СУБД».

Полный текст новости

Как российским пользователям офисных программ пройти новую сертификацию Microsoft Office Specialist 2019?

Как российским пользователям офисных программ пройти новую сертификацию Microsoft Office Specialist 2019?

В Учебном центре «Специалист» при МГТУ им. Н.Э. Баумана можно сдать экзамен по новой системе сертификации Microsoft Office Specialist 2019 и подтвердить его прохождение сертификатом международного образца.

Полный текст новости

Все новости

envelope

Спасибо! Вам на e-mail отправлено письмо со ссылкой для подтверждения

Если письмо не пришло, поищите его в папке со спамом или повторите подписку

email-checked.png

Вы подписались на рассылку

Наш сайт использует файлы cookie
Наша задача – сделать Ваше обучение успешным. Specialist.ru использует файлы cookie, чтобы гарантировать максимальное удобство пользователям, предоставляя им персонализированную информацию и запоминая их предпочтения. Продолжая пользоваться сайтом, Вы подтверждаете своё согласие на использование файлов cookie. Подробнее...