HTML и CSS: Верстка сайта от А до Я

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

HTML и CSS: Верстка сайта от А до Я
Цена
1900
Кэшбэк до 7%
11 часов11 часов
СертификатСертификат
РусскийРусский
Смотри Учись
Купить с кэшбэком

Описание:

Воспользуй­тесь предложенной системой, и всего через несколько недель, вы сможете: 

  • Создавать страницы любой сложности 
  • Делать вёрстку кроссбрау­зерной 
  • Адаптиро­вать сайт под разные разрешения экрана 
  • Писать красивый и валидный код 
  • Зарабаты­вать, верстая сайты на заказ  

Обратите внимание: вы станете ОТЛИЧНЫМ ВЕРСТАЛЬЩИ­КОМ! Качество вашей вёрстки будет во много раз превосхо­дить качество вёрстки даже у компаний, я уже молчу про всяких фрилансе­ров! Следова­тельно, у Вас будет полным-полно заказчиков, в том числе, и постоянных. Главное, сделать первый шаг…  

Из курса вы узнаете: 

  • Язык HTML, а также все необходи­мые теги для вёрстки любого сайта. Это как раз для новичков, которые вообще ещё сайты не создавали. 
  • Язык CSS. Синтаксис, свойства и их значения – всё, что нужно для вёрстки абсолютно­го любого сайта. 
  • На РЕАЛЬНЫХ ПРИМЕРАХ увидите, как происходит вёрстка. Мы сверстаем 3 страницы. Самую простую, средней и высокой сложности. Всё это будет происхо­дить на Ваших глазах. 

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

Раздел 1: Введение

  • Лекция 1.1: Что такое верстка?
  • Лекция 1.2: Необходимое ПО

Раздел 2: HTML

  • Лекция 2.1: Что же такое HTML?
  • Лекция 2.2: Создание HTML-страницы
  • Лекция 2.3: Работа с текстом в HTML
  • Лекция 2.4: Работа со списками в HTML
  • Лекция 2.5: Работа с изображениями в HTML
  • Лекция 2.6: Работа с ссылка в HTML
  • Лекция 2.7: Работа с таблицами в HTML
  • Лекция 2.8: Работа с формами в HTML
  • Лекция 2.9: Работа с блоками
  • Лекция 2.10: Спецсимволы

Раздел 3: Первая верстка

  • Лекция 3.1: Знакомство с шаблоном
  • Лекция 3.2: Создание структуры HTML-кода
  • Лекция 3.3: Реализация структуры HTML-кода
  • Лекция 3.4: Кроссбраузерность
  • Лекция 3.5: Адаптация под разные разрешения экрана
  • Лекция 3.6: Проверка валидности

Раздел 4: CSS

  • Лекция 4.1: Что такое CSS?
  • Лекция 4.2: Синтаксис CSS
  • Лекция 4.3: Подключение стилей к странице
  • Лекция 4.4: Селектор по элементу
  • Лекция 4.5: Контекстный селектор
  • Лекция 4.6: Селектор CLASS
  • Лекция 4.7: Селектор по ID
  • Лекция 4.8: Селектор по параметру
  • Лекция 4.9: Псевдоэлементы
  • Лекция 4.10: Принцип наследования

Раздел 5: Основной набор CSS-свойств

  • Лекция 5.1: Задание вида текста
  • Лекция 5.2: Задание цвета
  • Лекция 5.3: Задание рамки
  • Лекция 5.4: Задание фона
  • Лекция 5.5: Задание отступов и полей
  • Лекция 5.6: Плавающие блоки
  • Лекция 5.7: Выравнивание

Лекция 5.8: Некоторые псевдоэлементы

  • Раздел 6: Блочная верстка
  • Лекция 6.1: Знакомство с шаблоном
  • Лекция 6.2: Подготовка к верстке
  • Лекция 6.3: Шапка и фон
  • Лекция 6.4: Центральная часть сайта
  • Лекция 6.5: Подвал
  • Лекция 6.6: Кроссбраузерность
  • Лекция 6.7: Адаптация под разные разрешения экрана
  • Лекция 6.8: Проверка валидности

Раздел 7: Верстка реального сайта

  • Лекция 7.1: Знакомство с шаблоном
  • Лекция 7.2: Нарезаем шаблон
  • Лекция 7.3: Голова документа
  • Лекция 7.4: Добавление логотипа и контактов
  • Лекция 7.5: Верхнее меню
  • Лекция 7.6: Шапка сайта
  • Лекция 7.7: Меню и форма поиска
  • Лекция 7.8: Таблица с товарами
  • Лекция 7.9: Нумерация страниц
  • Лекция 7.10: Подвал
  • Лекция 7.11: Кроссбраузерность
  • Лекция 7.12: Адаптация
  • Лекция 7.13: Проверка сайта под разными разрешениями
  • Лекция 7.14: Проверка валидности

Раздел 8: Заключение

  • Лекция 8.1: Подводим итоги
  • Лекция 8.2: Заключение

Раздел 9: Бонусы: Как заработать, верстая сайты

  • Лекция 9.1: Где найти заказчика?
  • Лекция 9.2: Важные нюансы и поиск заказчика
  • Лекция 9.3: Как правильно писать заказчику