info@specialist.ru
HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3
|
Путеводитель
Веб-технологии
Веб-программирование
Веб-дизайн
CMS: разработка и управление сайтом
Этот курс в нашем Центре
|
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, использовать фреймы и мета-информацию. А также получите практические советы, как выбрать хостинг и техподдержку сайта. А еще во время обучения Вы узнаете, что важнее – дизайн или чёткая структура? И как спроектировать сайт таким образом, чтобы он успешно продвигался в дальнейшем? Программа курса соответствует требованиям профессионального стандарта. Курс рекомендован Российской Ассоциацией электронных коммуникаций «РАЭК». Его успешное прохождение поможет Вам систематизировать и закрепить имеющиеся знания. Это мощная база для дальнейшего изучения веб-технологий. Курс необходим всем, кто планирует овладеть престижной профессией интернет-маркетолога, веб-верстальщика, контент-менеджера, веб-мастера или веб-дизайнера. Сделайте первый шаг к освоению современных веб-технологий! Запишитесь на обучение! |
По окончании курса Вы будете уметь:
- создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
- самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
- грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
- эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
- использовать технологию фреймов;
- узнаете о новых возможностях HTML 5 и CSS 3;
Продолжительность курса - 32 ак. ч.
Преподаватели курса |
Отзывы о курсе |
|
О преподавателе:
Талантливый преподаватель и один из самых лучших специалистов в России по компьютерной графике и веб-дизайну. Научный сотрудник МГТУ имени Н.Э. Баумана, сочетает закалку старой школы и любовь к современным технологиям. За многие годы преподавания в Центре обучил более 4500 слушателей. Постоянно получает самые добрые и благодарные отзывы. Слушатели гордятся тем, что обучались именно у этого преподавателя — настоящего профессионала, доброжелательного человека и талантливого педагога.Читать далее
О преподавателе:
Преподаватель по веб-технологиям должен быть всегда в курсе современных тенденций в этой области, но не менее важно, чтобы он был человеком позитивно настроенным и креативным. Тогда слушателям намного проще воспринимать даже достаточно сложную информацию. Именно так происходит на занятиях Гревцова Валентина Валентиновича. Он щедро делится знаниями в области сайтостроительства и буквально заряжает своим оптимизмом тех, кто проходит к нему на курс. Не случайно Валентин Валентинович неизменно получает благодарные отзывы слушателей.Читать далее
О преподавателе:
Преподаватель курсов по направлению «веб-технологии», программист JavaScript и PHP, опытный разработчик сайтов.Читать далее
О преподавателе:
Преподаватель курсов по веб-дизайну, юзабилити и SEO-продвижению, веб-разработчик, директор и основатель студии интернет-решений «WOW Studio».Читать далее
О преподавателе:
Талантливый преподаватель-практик, обладатель престижного международного статуса ZCE (Zend Certified Engineer). Сочетает многолетний опыт преподавания и практической разработки. Слушатели любят Алексея Владимировича за доступное и понятное изложение сложных тем, наглядные примеры, помогающие сразу же овладевать материалом, увлеченность своим делом и добрый юмор.Читать далее |
Все отзывы по курсу (284) Истории успеха
Автор истории: Назарова Владлена Владимировна
Ещё в девятом классе я поняла, что хочу быть дизайнером. Мечталось как можно скорее попробовать себя в этой роли. Мои... |
Предварительная подготовка
Требуемая подготовка: Успешное окончание курса Базовая компьютерная подготовка. Windows и Интернет для начинающих или эквивалентная подготовка.
Рекомендуемая подготовка (необязательная): Успешное окончание курса Машинопись. Слепой десятипальцевый метод печати на клавиатуре или эквивалентная подготовка.
Для определения уровня Вашей предварительной подготовки, рекомендуем Вам пройти бесплатное тестирование.
Получить консультацию о необходимой предварительной подготовке по курсу Вы можете у наших менеджеров: +7 (495) 232-32-16.
Наличие предварительной подготовки является залогом Вашего успешного обучения. Предварительная подготовка указывается в виде названия других курсов Центра (Обязательная предварительная подготовка). Вам следует прочитать программу указанного курса и самостоятельно оценить, есть ли у Вас знания и опыт, эквивалентные данной программе. Если Вы обладаете знаниями менее 85-90% рекомендуемого курса, то Вы обязательно должны получить предварительную подготовку. Только после этого Вы сможете качественно обучиться на выбранном курсе.
Рекомендуемые курсы по специальности
Чтобы стать профессионалом, мы рекомендуем Вам вместе с этим курсом изучить:
-
Веб - дизайн. Визуальное оформление и верстка сайтов
-
JavaScript. Уровень 1. Основы веб - программирования
-
HTML и CSS. Уровень 2. Углубленный CSS и вёрстка макета
-
HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки
-
Интернет - маркетинг: продвижение и поисковая оптимизация сайтов (SEO)
-
Joomla! Уровень 1. Создание сайта
-
WordPress. Уровень 1. Создание и настройка сайта
-
Юзабилити сайтов. Проектирование веб - интерфейсов
-
1С - Битрикс Управление сайтом - администрирование
-
XML и XSLT. Современные технологии обработки данных для ВЕБ
-
Настройка веб - сервера Nginx и протокол HTTP
-
Adobe Photoshop СС/CS6 для MAC и PC. Уровень 1. Растровая графика
-
Скетчинг для дизайна, рекламы, иллюстрации и визуализации
-
Яндекс.Метрика. Аналитика и оценка эффективности сайтов
-
Основы веб - аналитики и установки счётчиков Google Universal Analytics и Яндекс Метрика
-
Лендинг (Landing Page) от А до Я – создание инструмента эффективных продаж
Тестирование по курсу
Программа курса
| Тема | Ак. часов | ||
|---|---|---|---|
|
Модуль 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 Экономия до 20% |
Вечер или Выходные Стандартная цена |
Онлайн Экономия до 20% |
Индивидуальное обучение | Записаться | |||
|---|---|---|---|---|---|---|---|
| Частные лица | 14 990 11 950 | 14 990 | 14 990 11 950 | 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 раза меньше, чем при обучении в группе. Если Вам для полного усвоения материала курса потребуется больше часов работы с преподавателем, то они оплачиваются дополнительно. В случае занятий по индивидуальной программе расчёт стоимости обучения и количества необходимых часов производится отдельно.
Документы об окончании
В зависимости от программы обучения выдаются следующие документы:
Удостоверение*
Свидетельство
Cертификат международного образца
*Для получения удостоверения вам необходимо предоставить копию диплома о высшем или среднем профессиональном образовании.
Сертификаты международного образца выводятся после окончания курса в личном кабинете слушателя.
Все документы ЦентраАктуальные новости
Поздравляем октябрьских победителей конкурса «Отзыв месяца»!
Мы по традиции подвели итоги нашего конкурса на лучший отзыв об обучении в Центре «Специалист». Представляем победителей!
Cлушатель: Баздырева Елизавета Сергеевна