Отправляет email-рассылки с помощью сервиса Sendsay

Свой сайт - это очень просто!

  Все выпуски  

Свой сайт - это очень просто! Подготовка фоновых изображений 'BACKGROUND'


Информационный Канал Subscribe.Ru


Подготовка фоновых изображений "BACKGROUND" с помощью графического редактора ADOBE PHOTOSHOP
8.12.2003 Свой сайт - это очень просто! нр 48.

Доброго Вам здоровья уважаемые подписчики!

   Сегодня в выпуске:
    Новости сайта:

Подготовка фоновых изображений "BACKGROUND" с помощью графического редактора ADOBE PHOTOSHOP

часть 1

   Фоновый рисунок интернет страницы или BACKGROUND - это изображение, которое Вы видите на многих страницах и сайтах "за текстом". Например, на этой странице фоновым рисунком служит фотография моей внучки Машеньки. На примере этой фотографии мы и рассмотрим порядок работы. Но сначала поговорим немного о самом BACKGROUND - что это такое и с чем его едят. Я уже рассказывал вкратце о BACKGROUND в статье про тело документа, но, как говорится: повторение - мать учения. А может, и нового что добавлю смайлик, обозначающий улыбочку, а если точнее - откровенный смех по поводу нового насчет тега 
BACKGROUND.
   Фоновые рисунки можно разделить на две группы:
  1. Большой рисунок или фотография, которая занимает всю страницу. Как это выглядит, можете посмотреть здесь.
       Преимущество: можно подобрать симпатичное изображение в тему, которое уже само по себе будет украшать страницу.
       Недостаток: файл, содержащий изображение получается довольно объемный, что может довольно сильно увеличить время загрузки страницы, особенно на медленных серверах (как правило, на бесплатных хостингах). Причем, в формате jpg, например, величина файла сильно увеличивается с увеличением размера изображения и мало уменьшается при ухудшении качества.
  2. Маленький рисунок или фото, которые размножаются по странице в большом количестве. Как это выглядит, можете посмотреть здесь.
       Здесь как раз наоборот - преимущество - малый размер файла, который при использовании однородного фона, как, например, здесь, может быть вообще размером 1 - 2 килобайта и загружаться практически мгновенно.
   Есть также два способа фиксации рисунка на странице:
  1. При прокрутке страницы рисунок двигается вместе с текстом и всем остальным, что на нем расположено. Так, как это происходит на странице, которую Вы сейчас читаете.
  2. При прокрутке страницы рисунок остается на месте. Как это выглядит и чем достигается опять же описано здесь.
   Какой из способов выбрать - следует решать в каждом конкретном случае отдельно. Это зависит, в основном, от используемого рисунка. На некоторых рисунках, если они закреплены неподвижно, текст при прокрутке создает неприятную для глаз рябь.
   Вставляется фоновый рисунок на страницу тоже двумя способами:
  1. При помощи параметра background тега BODY. Значением параметра background является URL, то есть путь к файлу, который хранит фоновый рисунок. Вы можете посмотреть, как это выглядит, например, на этой странице, щелкнув по ней правой кнопкой мыши и выбрав "посмотреть HTML-код".
  2. При помощи CSS, указав в файле стилей для тега BODY background: url(путь к файлу). Например, для этой страницы это выглядело бы так: <BODY style="BACKGROUND: url(img/masana.jpg)">
   Теперь, собственно, о самом рисунке. Сразу хочу подчеркнуть, что все критерии выбора, которые я буду здесь перечислять, относятся чисто к техническим характеристикам изображений. Выбор в художественном смысле ессно остается за Вами и ограничен только вашим воображением смайлик, обозначающий улыбочку, а если точнее - откровенный смех по поводу заявления о границах Вашего воображения! Конечно я знаю, что оно безгранично!.
   Итак, критерии выбора рисунка или фото для BACKGROUND:
  • При выборе "большого" рисунка, то есть на всю страницу, следует отдавать предпочтения изображениям шириной не менее 600 пикселей. Это связано с тем, что при попытке увеличения размеров изображения в формате JPG теряется качество. Можно, конечно, и из фото размером 200*100 пикселей сделать BACKGROUND с хорошим качеством, но трудозатраты при этом будут неоправданно высоки, да и потребует это дело приличного знания и умения обращаться графическими редакторами. Мы в такие дебри не полезем (пока ).
  • При выборе "маленького" рисунка, который будет размножаться по экрану в неимоверных количествах - основной критерий - размер файла, в котором хранится этот рисунок. Впрочем, в сети есть куча сайтов, где Вам предложат сколько угодно уже готовых фоновых рисунков такого рода, поэтому больше я их упоминать здесь не буду.
   На этом, собственно, можно закончить первую часть статьи. Если Вас интересует эта тема, то здесь Вы найдете вторую часть статьи, в которой разговор пойдет непосредственно о работе с графическим редактором ADOBE PHOTOSHOP.
Интересующимся заработком в сети:
В ноябре месяце деньги получены от почтовика Opt-in-Pays и
кликовых спонсоров TheСlickVault и LinkBurst.

Как всегда, приглашаю Вас посетить Свой сайт - это очень просто!. И, как всегда, Вы можете задавать мне любые вопросы.
    Всего Вам доброго.
   Сергей Червонящий.
на главную

http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное