Полезные советы

Полезные советы

Итак, самое вкусное. Для начала стоит разбить все фоновые картинки на 5 групп (однако пятая группа может быть объединена с любой из первых четырех).

Анимированные картинки

Те, которые предполагается повторять по всем направлениям (repeat)

Те, которые предполагается повторять по горизонтали (repeat-x)

Те, которые предполагается повторять по вертикали (repeat-y)

И те, которые предполагается показывать только один раз (no-repeat)

Откуда взялось разделение на такие группы? Из очень простых соображений: если картинка будет повторяться по какому-то направлению, то по этому направлению она должна быть одна-единственная в своем «окне», иначе повторяться будет не только она одна. Также стоит ориентироваться на общий размер файла в 10–20 Кб: если файл получается больше, то лучше подключать больше одного (соображения по разбиению файлов по размеру более подробно приведены в пятой главе).

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

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

Рис. 4.5. Пример фонового изображения с расположением картинок «лесенкой». Источник: webo.in

Описанная выше проблема с изменением размера надписей в фиксированных кнопках (фон у них фиксированный, поэтому мы не можем их раздвигать при увеличении шрифта, и он обрезается) может быть преодолена путем разбиения фона на 4 части (угловые) и задания соответствующего цвета фона для всех элементов. Однако это повлечет наличие как минимум 4-х вложенных элементов для отображения каждого угла. Не во всех случаях это допустимо семантически. Да, можно создавать дополнительную разметку при помощи JavaScript, но насколько оно того будет стоить? Это лучше решать в каждом конкретном случае.

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

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

Полезные советы

Из книги автора

Полезные советы Ниже приведено несколько простых советов, как текущие изображения можно дополнительно уменьшить в размере. Можно написать простой скрипт, который перебирает директории с изображениями перед публикацией сайта и делает следующие действия (далее


Полезные советы

Из книги автора

Полезные советы Итак, самое вкусное. Для начала стоит разбить все фоновые картинки на 5 групп (однако пятая группа может быть объединена с любой из первых четырех).Анимированные картинкиТе, которые предполагается повторять по всем направлениям (repeat)Те, которые


Полезные советы

Из книги автора

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


Полезные советы новичкам

Из книги автора

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


Полезные советы киноманам

Из книги автора

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


Полезные советы

Из книги автора

Полезные советы Сведения о системе Если вы забыли, когда на ваш компьютер была установлена операционная система и какая у вас версия BIOS, хотите узнать код продукта и много другой полезной информации о компьютере, то выполните команду Пуск ? Все программы ? Стандартные ?


Чтобы не стать жертвой мошенников. Полезные советы по безопасности

Из книги автора

Чтобы не стать жертвой мошенников. Полезные советы по безопасности Дабы максимально оградить себя от посягательств злоумышленников, при работе в Интернете следует соблюдать меры предосторожности и правила, которые перечислены ниже.? Прежде чем выходить в Интернет,


Полезные советы

Из книги автора

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


Полезные советы

Из книги автора

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


Глава 11 Полезные советы по сборке компьютера

Из книги автора

Глава 11 Полезные советы по сборке компьютера Поспешишь – на деньги влетишь. На Help надейся, а сам не плошай. Семь раз проверь, один – включи. А может, лучше позвать специалиста? Универсальные советы сборщикам компьютеров Прочитав две предыдущие части книги, вы,


Полезные советы по подготовке видео для импорта

Из книги автора

Полезные советы по подготовке видео для импорта Напоследок стоит привести несколько полезных советов, которые помогут нам правильно подготовить видеоклипы для импорта их во Flash. Они особенно полезны, если мы готовим материалы, предназначенные для распространения через


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

Из книги автора

Полезные советы по подготовке звука для импорта Советы по подготовке цифрового звука практически совпадают с рекомендациями, данными в главе 16 для цифрового видео.? Удаляйте шумы из фонограммы.? Выставьте приемлемое значение громкости.? Обрежьте ненужные "хвосты".


Полезные советы по созданию доступных фильмов

Из книги автора

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


Полезные советы

Из книги автора

Полезные советы Эта система обладает достаточной гибкостью, и, столкнувшись с новыми обстоятельствами, вы легко адаптируете ее к ним. В этом разделе перечислены некоторые полезные приемы.Большие проектыРаботая над крупным проектом, разбивайте его на отдельные этапы и