Видеокурс

Из глубин CSS-дизайна

Комментарии к видеоурокам

Урок #3. Дизайн #2.
50 минут

Как поместить содержание
в прямоугольник с округленными формами?

Если мы создаем информационный сайт, то стоит минимизировать количество изображений на странице. Яркие картинки отвлекают от текста. Не нужно забывать и о том, что наличие тяжелых изображений уменьшает скорость загрузки страницы.

Если содержание документа поместить в прямоугольник с округленными формами (наличие тени сделает его еще более эффектным), то страница приобретает вполне привлекательный вид. Еще один плюс — изображения, которые составляют прямоугольник, весят очень мало.

На уроке рассматриваются вопросы:

1. Применение отрицательных значений для margin.
2. Как добавить границу справа к списку, чтобы его содержание не прилипало к границе?
3. Как уменьшить расстояние между параграфами в узком блоке — установить этим параграфам нужное значение margin.

Урок #4. Как изменить цветовую палитру сайта?
53 + 13 минут

Редизайн сайта

Задача редизайна в нашем случае — изменить цветовую палитру сайта.

Вполне возможно, что вы сразу не сможете подобрать удачную цветовую палитру. Позднее можно разработать новую палитру. В этом случае вы работаете только с CSS .

На уроке рассматриваются вопросы:

1. Создание фигуры с закругленными углами в Adobe Photoshop.
2. Создание блока с тенью.
3. Применение «Библиотеки цветов» в подборе гармоничных цветов.
4. Почему нужно сохранять изображения в формате
   psd?

Комментарии к урокам раздела: 1-2 | 3-4 | 5-6