Часть 1 - HTML • Создание HTML-документа
• Структура HTML-документа
• Создание простой статьи
• Атрибуты тегов
• Как вставить картинку в HTML
• HTML ссылка
• HTML таблица
• Списки в HTML
• Каскадные таблицы стилей
• Основы HTML верстки.
• Удобные настройки в Notepad++
• Дополнительные материалы
Часть 2 - Вёрстка сайта • Классы в CSS
• Фиксированный макет c одной колонкой
• Шапка и подвал. Как прибить подвал к низу страницы
• Создание контента
• Фиксированный макет с двумя колонками
• Фиксированный макет с тремя колонками
• Резиновый макет сайта
• Из PSD в HTML
· Верстка шапки.
· Верстка горизонтального меню
· Верстка вертикального меню
· Создание контентной части
· Верстка подвала
• Использование LESS CSS
• Подсветка LESS CSS кода в Notepad++
• Дополнительные материалы (исходники)
Часть 3 - Photoshop • Как нарисовать макет для сайта в Photoshop
• Создание макета для сайта в Photoshop. Текстура
• Создание логотипа и контактов
• Рисуем горизонтальное меню
• Горизонтального меню в стиле Apple
• Рисуем вертикальное меню
• Рисуем контентную часть и подвал
• Создание кнопок для сайта в Photoshop
• Настройка панелей в Photoshop
• Размер блока при нарезке макета с помощью панели Info
• Дополнительные материалы (исходники)