Оглавление

- Создание проекта дизайна
     - Соответствие дизайна тематике
     - Составление проекта дизайна
     - Поиск исходников
         - Подборка ссылок
         - Несколько правил подборки исходников
- Создание макета
     - Учимся работать с макетом
     - Создание вспомогательных слоев
     - Создание дизайна
         - Основы колоризации
         - Как делать макет ровным?
- Верстка дизайна
     - Как работает CSS
     - Инструменты для верстки: FireBug
     - Учимся правильно "резать" макет (правила работы с картинками для WEB)
         - Планирование элементов дизайна
         - Формат изображений
     - Учимся вставлять фоновые картинки
     - Составляем CSS-код дизайна
         - Верстка дизайна на mуbb форуме при помощи FireBug
- Некоторые трюки
     - Создаем свои элементы HTML
         - Позиционирование в CSS
         - Делаем контейнеры для элементов дизайна
         - Делаем контейнеры для текста
     - Делаем красивые html-таблицы
         - Создание таблицы
         - CSS3: меньше картинок, больше кодов
             - BORDER-RADIUS
             - BOX-SHADOW
             - TEXT-SHADOW
         - CSS3 на примере таблицы
         - Свойство DISPLAY: задаем отображение элементов
             - Наглядные примеры и наиболее популярные применения свойства Display
             - Применение свойства DISPLAY на примере таблицы
     - Красивые заголовки и шрифты
         - Как работают шрифты в CSS (свойство FONT)
         - Картинки-заголовки (ДОЛОЙ ЭТУ БЯКУ!)
         - Красивые заголовки с помощью Google Web Fonts
         - Безопасные шрифты
     - Анимация в дизайне
         - Создание анимации
         - Подгоняем анимацию под веб-формат
             - Размер анимации
             - Количество кадров
             - Меняем цикл анимации
             - Делаем Gif-анимацию легче
       - Встраиваем анимацию в дизайн
             - Используем z-index для порядка отображения элементов страницы
             - Как убрать прокрутку страницы (свойство overflow)