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

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

Свет и цвет

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

Справочник CSS

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

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

Что такое прогрессивный JPEG?

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

Эта возможность, встроенная в формат JPEG, которая позволяет показывать картинку за несколько проходов до того, как она полностью загрузится на клиентский компьютер.

Графические форматы

Опубликовано: 02.11.2008
Формат файла, выбираемый для изображений, различается по цвету, тону и другим исходным параметрам. В основном, многоцветные изображения, такие, как фотографии, сохраняются в формате JPEG. Для иллюстраций с малым количеством цветов, четкими линиями или мелкими деталями, например, содержащих текст, лучше использовать формат GIF или PNG-8.

Использование блока с закруглениями для выделения строки

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

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

Рамка с закругленными уголками одним рисунком

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

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

Скругленные уголки в браузере Firefox и Safari

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

В CSS3 должен появиться новый стилевой атрибут border-radius для установки радиуса скругления блока. Пока этот атрибут не поддерживает ни один браузер, но Firefox предлагает его равнозначную замену, правда, работоспособную только в этом браузере.

Закругленные уголки без использования изображений

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

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

Блок с закругленными уголками

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

Замена текста изображением

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

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

Как сделать обтекание картинки текстом?

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

Обтекание картинки текстом обычно используется для компактного размещения материала и связывания между собой иллюстраций и текста. Само обтекание создается с помощью стилевого атрибута float, добавляемого к селектору IMG. Значение left выравнивает изображение по левому краю, right — по правому. Обтекание при этом происходит по другим, свободным сторонам.

Скругленные уголки у фотографии фиксированного размера

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

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