Учимся верстать psd-макеты
1 качественно и быстро
2 валидно и кроссбраузерно
3 на HTML5 и CSS3

Встречайте обновленный курс HTML & CSS вёрстки 2014!


​

Описание курса
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.

Подробное описание курса на видео

​

Спойлер: Пройдя данный курс, вы научитесь:

• создавать html-документы;
• прописывать структуру html-документа;
• создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
• писать валидный html-код, используя последнюю версию языка – HTML5;
• создавать css-файл;
• подключать css-файл к html-шаблону;
• прописывать стили для элементов веб-страницы;
• нарезать макет в программе Adobe Photoshop;
• создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
• создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
• прибивать подвал к низу страницы;
• оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
• создавать сложные элементы: выпадающее меню, постраничную навигацию;
• тестировать веб-страницу во всех популярных браузерах;
• работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.

Спойлер: Перечень уроков

Уроки HTML

• Знакомство с HTML
• Структура html-документа
• Заголовки в HTML
• Абзацы в HTML
• Комментарии в HTML
• Как вставить картинку в HTML
• HTML ссылки
• HTML списки
• HTML таблицы
• HTML формы
• Символы HTML
• Валидация html-документов

Вёрстка в примерах

• Знакомство с CSS
• Вёрстка простого макета
• Фиксированный шаблон с одной колонкой
• Фиксированный шаблон с двумя колонками
• Фиксированный шаблон с тремя колонками
• Резиновый шаблон
• Из PSD в HTML. Нарезка
• Из PSD в HTML. Общие свойства
• Из PSD в HTML. Вёрстка шапки
• Из PSD в HTML. Горизонтальное выпадающее меню
• Из PSD в HTML. Вёрстка подвала
• Из PSD в HTML. Левая колонка
• Из PSD в HTML. Корзина
• Из PSD в HTML. Поиск по каталогу
• Из PSD в HTML. Вертикальное меню
• Из PSD в HTML. Популярные товары
• Из PSD в HTML. Постраничная навигация
• Из PSD в HTML. Тестирование
• Заключительная часть

Спойлер: Плюсы учебника

• Наличие текстовой и видео информации для каждого урока;
• Информация изложена на простом и доступном для понимания языке;
• В учебнике собрана только самая нужная и полезная информация. В некоторых курсах вы можете увидеть по 50-70 уроков, которые длятся по 40 минут, порой это бывает лишним и совершенно бесполезным. Этот курс вы пройдете быстро и, самое главное, с пользой.

Продажник: