Конспекты по курсам HTML/CSS

1. Вступление, минимальный HTML-документ
2. Тэги, атрибуты (блочные, строчные)
3. Основные тэги (параграфы, заголовки, списки, таблицы)
4. Практика (разметить HTML-документ)
5. Пример элементарнейшего сайта (Папка в архиве zip)
6. Формы
7. Вступление в CSS. Селекторы
8. Заготовка HTML - учим CSS - жмем правой кнопкой мыши, сохранить как...
9. Учим CSS - задания - часть 2 - жмем правой кнопкой мыши, сохранить как...
10. CSS продолжение. Шрифты, блочная модель
11. Практическое задание. Сверстать простой PSD
12. Свёрстанный PSD.
13. CSS продолжение - блочная модель 2. Отступы, ширина, рамки
14. CSS продолжение - стилизация списков. Обтекание элементов (ОБНОВЛЕНО)
15. Практическое задание. Сверстать второй PSD
16. Сверстанный второй PSD (ОБНОВЛЕНО)
17. Сверстанный 30.01.2015 второй PSD
18. CSS продолжение - display, фоновые картинки
19. примеры картинок (на всю ширину, замостить полностью, замостить по иксу)
20. CSS продолжение - позиционирование элемента. Свойство position
21. пример документа с фиксированным меню и позиционированием
    
22. CSS продолжение - медиа запросы (отдельные стили для принтера, экрана и разных разрешений экрана)
23. Практическое задание. Сверстать третий PSD
24. Практическое задание - сверстанный третий PSD
25. Фреймы (практически не используются в современной веб-разработке)
26. CSS-спрайты. Загрузка нестандартных шрифтов. Гугл шрифты. Правило @import
27. Иконочные шрифты. Новые тэги в HTML5 для макетирования (заменители div)
28. CSS3 правила, анимация, трансформация, начало JavaScript
29. jQuery - основные правила. Плагины. Синтаксис. Валидация формы
30. Примеры селекторов jQuery (жмем правой кнопкой, сохранить как...)
31. jQuery - работаем с HTML
32. jQuery - задание - создаем СОДЕРЖАНИЕ документа с помощью скрипта
33. jQuery - Работа с классами, обработка событий
34. jQuery - Анимируем элементы
35. jQuery - Примеры основных функций (работа с элементами, размерами элементов, атрибутами элементов, анимацией и событиями)
36. Экзаменационные вопросы

Рекомендуемые программы (самораспаковывающиеся архивы)

• Chrome + Sublime Text 2 + Unreal Commander (браузер+редактор+менеджер файлов)
• Sublime Text 2 + Unreal Commander (редактор+менеджер файлов)
• Sublime Text 2 (редактор)

Нужно почитать:

http://anton.shevchuk.name/jquery-book/ - Мега краткий и суперполезный учебник jQuery (с элементами HTML + CSS)