Частным лицам: +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лушатель: Кульбалаева Жумагуль Бахиевна


Все отзывы по курсу (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
бесплатно
 
  По окончании обучения на курсе проводится итоговая аттестация. Аттестация проводится в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения на курсе.  

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

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

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

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

Курс может быть заказан согласно ФЗ-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ертификат международного образца

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

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

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

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

Хотите полностью разобраться в вопросах, связанных с профстандартами? Приходите к нам на курс!

Хотите полностью разобраться в вопросах, связанных с профстандартами? Приходите к нам на курс!

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

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

«Специалист» приглашает на новый курс - Основы графов и нечетких логик для анализа больших данных

«Специалист» приглашает на новый курс - Основы графов и нечетких логик для анализа больших данных

Искусственный интеллект и машинное обучение – это сейчас одни из самых интересных и перспективных направлений. Классификация изображений, поиск контента, таргетированная реклама, чат боты и умные продажи – перечислять примеры, где используются технологии на основе анализа больших данных, можно долго. Главное, специалисты в этой сфере нужны уже сейчас и еще больше будут нужны завтра.

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

Все новости

Microsoft Cisco PMI Peoplecert Adobe 1C Autodesk

Курсы менеджеров по персоналу Кадровые курсы Бухгалтерские курсы Курсы дизайна Курсы фотошоп Курсы 1с Курсы 3ds max

© 1991–2019 Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана
Адрес главного офиса: г. Москва, Госпитальный переулок, д. 4/6. Адреса учебных центров: м.Таганская, м.Пролетарская или м.Крестьянская застава, м.Бауманская, м.Красносельская, м.Полежаевская, м.Белорусская или м.Савеловская.


Телефон: +7 (495) 232-32-16, E-mail: info@specialist.ru, Whatsapp: +7 (985) 842-11-89, Дистанционное обучение для слабослышащих, Отправить сообщение вебмастеру

Не нашли нужный курс? Воспользуйтесь Поиском!

Сведения об образовательных организациях
envelope

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

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

email-checked.png

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

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