Совет 1: Как зафиксировать фон

Иногда замысел дизайнера требует, чтобы фоновое изображение оставалось неподвижным при прокрутке посетителем содержимого страницы. Это можно сделать, изменив с помощью инструкций языка CSS (Cascading Style Sheets - «каскадные таблицы стилей») используемую по умолчанию установку поведения фона.
Инструкция
1
Добавьте в веб-документ описание стилей для блока body, содержащее свойство background-attachment со значением fixed, и фон страницы будет оставаться неподвижным при прокрутке документа. Этот способ фиксации фона будет работать во всех браузерах, поддерживающих любой из ныне действующих CSS-стандартов, начиная с версии 1.0. Кроме значения fixed, для этого свойства стандартами предусмотрены еще два варианта - scroll и inherit. Если в описаниях стилей документа не указано никакого значения для background-attachment, то по умолчанию считается, что оно установлено в scroll. В этом случае фон будет перемещаться вместе с прокруткой содержимого страницы. Значение inherit указывает, что для свойства background-attachment этого элемента должно быть использовано то же самое значение, что и для его родительского элемента.
2
Дополните тег <body> нужной страницы атрибутом style и поместите в него описание стилей, фиксирующее фон. Например, это может выглядеть так:<body style="background-attachment: fixed">.Можно здесь же указать и адрес фонового изображения:<body style="background-attachment: fixed; background-image: url(img/pic.gif);">.Адрес и название картинки (img/pic.gif) замените вашими собственными значениями. Такой способ удобен тем, что требует наименьших изменений в коде страницы, однако чаще описание стилей выносят в отдельный блок в заголовочной части документа или даже в отдельный файл.
3
Если хотите использовать отдельный CSS-блок с инструкциями для фиксации фона страницы, то поместите перед тегом </head> исходного кода, например, такие строки:<style type="text/css">
BODY {background: url(img/pic.gif) fixed;}
</style>.Не забудьте указать правильное имя и адрес фонового изображения вместо img/pic.gif.

Совет 2: Как сделать неподвижный фон

Фон веб-страницы может быть привязан к ее содержимому или вести себя независимо от него. В первом случае при прокрутке содержимого в окне браузера фоновое изображение тоже будет прокручиваться, а во втором оно может оставаться неподвижным. Для реализации фиксированного заднего плана страницы следует использовать язык описания стилей CSS - только он может гарантировать одинаковое поведение фона в разных типах браузеров.
Инструкция
1
Воспользуйтесь имеющимся в CSS свойством background-attachment, чтобы указать должен ли быть фон страницы фиксированным или подвижным. Всего это свойство может иметь три значения - если вы не указываете никакого из них, то по умолчанию считается, что background-attachment имеет значение scroll. При таком значении фоновое изображение прокручивается вместе с контентом страницы. Значение inherit копирует поведение фона родительского элемента, а значение fixed делает фоновую картинку независимой от содержимого - оно оставаться неподвижным при прокрутке страницы. Его вам и следует использовать.
2
Подготовьте CSS-инстукции для использования в страницах, фон которых нужно зафиксировать. Если вы не будете помещать CSS-код во внешний файл описания стилей, то эти инструкции надо разместить между открывающим и закрывающим тегами style:<style type="text/css">
// здесь будут описания стилей
</style>Описание поведения фона страницы надо привязать к элементу BODY - в терминологии языка CSS он будет называться «селектором» и записываться будет так:BODY {
// здесь будут описания тела страницы
}Свойства, относящиеся к этому селектору надо разместить внутри фигурных скобок, разделяя их точкой с запятой:BODY {
background-attachment: fixed;
background-image: url(images/BG.gif);
}Первая строка фиксирует фоновое изображение, а вторая указывает адрес файла, содержащего фоновую картинку, относительно адреса страницы. Эти две строки можно записать и в одной сложной CSS-инструкции таким образом:background: url(images/BG.gif) fixed;
3
Вставьте весь код для фиксации фона в текст страницы. В законченном виде он может выглядеть, например, так:<style type="text/css">
BODY {background: url(images/BG.gif) fixed;}
</style>Разумеется, вам надо заменить адрес размещения и название файла фоновой картинки. Код лучше поместить перед тегом </HEAD>, хотя это и не обязательное условие.
Видео по теме

Совет 3: Как сделать оттиск

В основе техники оттиска в коллаже лежит оригинальная методика производства красивейших картин, которая была разработана немецким флористом Фридхельмом Раффелом. С ее помощью можно создавать удивительные по красоте коллажи без особых трудозатрат. С помощью оттиска можно создавать оригинальный «размытый» фон.
Инструкция
1
Эту технику вкратце описать так: сначала на стекло наносят несколько абстрактных мазков краски, после чего накладывают смоченный листок бумаги. Затем этот лист снимают произвольным движением. После высыхания краски на получившийся рисунок раскладывают подходящий природный материал, к примеру, засушенные цветы. Закрепляют их при помощи клея.
2
Основная особенность данной техники – непредсказуемость сюжета. Когда со стеклом соприкасается лист бумаги, мазки превращаются в эффектные разводы, трансформирующие посредством смещения стекла и приобретающие еще более непредсказуемые, отвлеченные очертания.
3
Для работы вам потребуется кусок стекла (размером не меньше листа), палитра, кисточка, краски и бутыль с распылителем.
4
Итак, поочередно нанесите краски на палитру, тщательно вытирая кисточку после нанесения каждого цвета. Старайтесь располагать маски отдельно друг от друга, чтобы краски раньше времени не смешались.
5
Сбрызните готовую палитру водой из распылителя. Тем же самым способом хорошенько смочите бумажный лист, который предназначен для фона. Далее кисточкой нанесите краски с палитры на стекло.
6
Нанесенные мазки краски опять смочите водой из распылителя. Они буду выглядеть немного размытыми. Теперь приложите кусок стекла с красками к листу бумаги окрашенной стороной вниз и сместите стекло свободными движениями, чтобы размазать краску по листу.
7
Уберите стекло, оцените получившийся рисунок. Далее снова смочите лист бумаги водой, чтобы пятна краски слегка размылись. Готовый фон для коллажа будет готов сразу же, как только бумага подсохнет.
8
Избранные для композиции растения нужно подкрасить в тон с фоном при помощи гуаши. Затем их необходимо зафиксировать на коллаже горячим клеем. На готовую и подсохшую работу наложите соответствующих размеров картонное паспарту и вставьте коллаж в заранее подобранную деревянную рамку со стеклом. Отдельные или оформленные в единое скопление растительные элементы на коллаже смотрятся очень органично.
Видео по теме
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500
к
Honor 6X Premium
новая премиальная версия
узнать больше