[Курс] HTML & CSS вёрстка 2014!

Учимся верстать psd-макеты

• качественно и быстро
• валидно и кроссбраузерно
• на HTML5 и CSS3

В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.

Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.

Перечень уроков

Уроки HTML

1. Знакомство с HTML
2. Структура html-документа
3. Заголовки в HTML
4. Абзацы в HTML
5. Комментарии в HTML
6. Как вставить картинку в HTML
7. HTML ссылки
8. HTML списки
9. HTML таблицы
10. HTML формы
11. Символы HTML
12. Валидация html-документов

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

1. Знакомство с CSS
2. Вёрстка простого макета
3. Фиксированный шаблон с одной колонкой
4. Фиксированный шаблон с двумя колонками
5. Фиксированный шаблон с тремя колонками
6. Резиновый шаблон
7. Из PSD в HTML. Нарезка
8. Из PSD в HTML. Общие свойства
9. Из PSD в HTML. Вёрстка шапки
10. Из PSD в HTML. Горизонтальное выпадающее меню
11. Из PSD в HTML. Вёрстка подвала
12. Из PSD в HTML. Левая колонка
13. Из PSD в HTML. Корзина
14. Из PSD в HTML. Поиск по каталогу
15. Из PSD в HTML. Вертикальное меню
16. Из PSD в HTML. Популярные товары
17. Из PSD в HTML. Постраничная навигация
18. Из PSD в HTML. Тестирование
19. Заключительная часть

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

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