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: Как правильно писать заказчику