Полезные материалы

Создание коллажа в Adobe Photoshop

Свет и цвет

Самоучитель HTML

Справочник CSS

Изображения являются неотъемлемой частью любого интернет-ресурса, помогая создавать уникальный дизайн, иллюстрировать материалы сайта, или просто демонстрировать посетителям фотографии. «Графика для Web» научит вас, как обрабатывать фотографии, чтобы сделать их более выразительными; готовить изображения для публикации; размещать картинки на веб-странице и создавать свои собственные иконки.

Вы можете подписаться на получение материалов сайта по почте через систему рассылок Subscribe.ru. Для этого введите свой почтовый адрес и нажмите кнопку ОК.

Фоновая картинка

Опубликовано: 23.06.2008

При разработке веб-страниц активно применяются фоновые изображения, причем не только по своему прямому назначению, т.е. в качестве фона, но и для создания различных линий и повторяющихся областей. Фоновые рисунки часто используются и для добавления картинки к тексту.

Вопросы и ответы

Опубликовано: 23.06.2008

Здесь приведены ответы на типовые вопросы, возникающие при работе с графикой, сгруппированные по различным темам.

Буквица

Опубликовано: 23.06.2008

Буквица является художественным приемом оформления текста и представляет собой увеличенную первую букву, базовая линия которой ниже на одну или несколько строк базовой линии основного текста. Заметьте, что это не просто увеличенный символ, буквица не выступает над блоком текста, а является его частью. На рис. 1 показан текст с буквицей.

Рис. 1

Рис. 1. Вид буквицы в тексте

Красная строка

Опубликовано: 23.06.2008

Красная строка предназначена для обозначения нового абзаца и помечается специальным сдвигом первой строки абзаца.

На веб-странице абзацы обычно выделяются отбивкой, но такое обособление можно усилить и с помощью красной строки. Для этой цели применяется стилевой атрибут text-indent, добавляемый к селектору P, как показано в примере 1.

Заголовок

Опубликовано: 22.06.2008

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

Группирование элементов веб-страниц

Опубликовано: 22.06.2008

На веб-странице достаточно часто возникает задача визуально отделить одну информацию от другой, например, выделить текстовый блок и акцентировать на нем внимание. Подобный вопрос возникал еще до эпохи Интернета и нашел свое отражение в трудах по гештальт-психологии. Применяя подобный опыт в дизайне веб-страниц, можно быть уверенным, что мы действуем с учетом человеческого восприятия, что подтверждается трудами классиков, опытом и экспериментами.

Базовая линия

Опубликовано: 22.06.2008

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

Рис. 1

Рис. 1. Базовая линия

Капитель

Опубликовано: 17.06.2008

Капителью называется текст, набранный прописными буквами уменьшенного размера. Не стоит путать с обычными заглавными символами, капитель отображается и выглядит несколько по иному. На рис. 1 показан обычный текст и текст, набранный капителью.

Рис. 1

Рис. 1. Вид капители

Выворотка

Опубликовано: 16.06.2008

Выворотка это инверсия цветов текста и фона. К примеру, черный текст на белом фоне в выворотке будет выглядеть как белый текст на черном фоне. На рис. 1 показаны варианты оформления текста.

Рис. 1

Рис. 1. Обычный текст и выворотка

Для создания выворотки применяется стилевой атрибут background, задающий цвет фона и color, определяющий цвет текста, как показано в примере 1.

Начертание

Опубликовано: 16.06.2008

Начертанием называется разновидность оформления шрифта, применяется обычно для изменения контраста текста и акцентирования внимания. Различают следующие типы начертания: нормальное, полужирное, жирное, курсивное, подчеркнутое и перечеркнутое.