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


Описание:
Воспользуйтесь предложенной системой, и всего через несколько недель, вы сможете:
- Создавать страницы любой сложности
- Делать вёрстку кроссбраузерной
- Адаптировать сайт под разные разрешения экрана
- Писать красивый и валидный код
- Зарабатывать, верстая сайты на заказ
Обратите внимание: вы станете ОТЛИЧНЫМ ВЕРСТАЛЬЩИКОМ! Качество вашей вёрстки будет во много раз превосходить качество вёрстки даже у компаний, я уже молчу про всяких фрилансеров! Следовательно, у Вас будет полным-полно заказчиков, в том числе, и постоянных. Главное, сделать первый шаг…
Из курса вы узнаете:
- Язык 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: Как правильно писать заказчику