Интерактивный видеокурс по HTML/CSS

Основы создания сайтов

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

Во время обучения вы создадите с нуля проект для портфолио - сайт интернет-магазина. Во время работы над сайтом вы изучите свойства и возможности применения HTML/CSS. По завершении обучения вы сможете разрабатывать статические сайты.

Чем интересен курс?

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

  • Динамичная программа обучения. Программа рассчитана на месяц. За это время вы научитесь:

Разным видам верстки:
верстке статических сайтов,
валидной кроссбраузерной вёрстке,
блочной вёрстке.
Выполнению базовых операций в Photoshop.
Использованию препроцессоров LESS и Bootstrap.

  • Высокий уровень контроля за знаниями и максимально точные оценки. Для того, чтобы вы смогли перейти к следующему занятию курса, необходимо, чтобы ваше домашнее задание прошло проверку. Это покажет, что вы поняли предыдущий урок и легко освоите новые знания. Задание может проверить как ментор, так и одногруппники, знаниям которых вы доверяете. За качественную проверку домашнего задания оценивший его получает ачивку. С каждой проверкой количество ачивок растет, а опыт работы с чужим кодом расширяется. От количества ачивок зависит уровень итогового сертификата: чем их больше, тем выше статус. Эта в чем-то игровая механика делает занятия еще интереснее.

Чему Вы научитесь

  • Верстать статические сайты;
  • Валидной кроссбраузерной вёрстке;
  • Блочной вёрстке;
  • Выполнению базовых операций в Photoshop;
  • Использованию препроцессоров LESS;
  • Использованию Bootstrap

Что Вы получите

Видеозаписи всех онлайн-занятий
Методички и домашние задания
Общение с одногруппниками
Сертификат об окончании обучения

Преподаватели

  • 1
    Урок 1. Основные понятия в веб-разработке
    Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; подготовка рабочего места; структура HTML-документа; основные теги оформления текста; простой пример HTML странички; пример сложной веб-страницы; горячие клавиши для перемещения по документам.
  • 2
    Урок 2. Основы языка разметки документов HTML
    Спецсимволы; комментарии в HTML; гиперссылки; типы изображений для web; загрузка изображений на страницу; списки, формы и их элементы.
  • 3
    Урок 3. Основы языка оформления стилей документа CSS
    Что такое CSS; синтаксис CSS; способы объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей.
  • 4
    Урок 4. Псевдоклассы и псевдоэлементы, табличная вёрстка
    Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц.
  • 5
    Урок 5. Формирование блочной модели; блочная вёрстка
    Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков.
  • 6
    Урок 6. Работа с макетом дизайна в формате PSD
    Основные функции и знакомство с программой Photoshop; выделение основных частей макета; нарезка макета; вёрстка макета сайта при помощи блоков; вставка частей макета в вёрстку;
  • 7
    Урок 7. Разметка сайта и знакомство с Bootstrap
    Создание основной разметки сайт; применение overflow и clear в реальной вёрстке; заполнение разметки частями нарезанного макета; приёмы позиционирования элементов; знакомство и применение Bootstrap.
  • 8
    Урок 8. Стандарты web и вспомогательные инструменты
    Загрузка проектов на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная вёрстка; знакомство с препроцессорами на примере LESS.
  • Нажимая на кнопку "Добавить в корзину", Вы принимаете условия договора оферты.